/*新增广告10秒 2022-11-4日  start*/
.gg_full {
	position: relative;
	margin: 0px auto;
	width: 100%;
	background:#e8e8e8;
	z-index: 99999;
}
.gg_full .gg_fbtn {
	position: absolute;
	width: 19px;
	display: none;
	height: 55px;
	top: 16px;
	right: 50px;
}
.gg_full .gg_fbtn A {
	display:
	block;
	background: url(../images/gg_btn.png) no-repeat 0px 0px;
	height: 55px;
	overflow: hidden;
	background-color: transparent;
}
.gg_full .gg_fbtn .gg_fclose {
	background: url(../images/gg_btn.png) no-repeat -19px 0px;
}
.gg_full .gg_fcon {
	display: none;
	height: auto;
	box-shadow: 0px 5px 5px 5px rgb(0 0 0 / 70%);
}
.gg_full .gg_fcon a img{
	width:100%;
	height: auto;
}
/*新增广告10秒 2022-11-4日  start*/

@media (max-width:768px) {
	.swiper-production .swiper-bg img {
		display: none;
		width: 100%
	}

	.swiper-production .swiper-slide {
		width: 100%;
		padding: 0;
	}
	.model-03 {
		padding: 20px 0;
	    background-image: url(../images/bg_02-.jpg);
	    background-position: center top;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
	    background-size: cover;
	    overflow: hidden;
	}
	.model-03 h2 {
		display: none;
	}
	.model-03 h2 strong {
		display: inline-block;
	    line-height: 50px;
	    font-size: 40px;
	    color: #b28b65;
	    vertical-align: middle;
	    font-weight: 400;
	}
	.model-03 h2 span {
		display: inline-block;
	    line-height: 50px;
	    font-size: 40px;
	    color: #fff;
	    vertical-align: middle;
	    font-weight: 400;
	}
}

@media only screen and (max-width: 576px){
	.model-03{
		padding: 10px 0;
	}
	.model-03 h2 {
		display: none
	}
	.swiper-production .swiper-slide{
		padding: 0;
	}
}

@media (max-width:759px) {
	.swiper-production .swiper-bg img {
		display: block;
		width: 100%
	}

	.swiper-production .swiper-slide {
		width: 100%;
		padding: 0;
	}
	.vidbanh {
		height: 200px;
	}
	.wrap{
		width:100%;
	}

	.video-banner {
	    position: relative;
	    overflow: hidden
	}

	.video-banner .video-mark {
		height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0
	}

	.video-banner>img {
	    display: block;
	    width: 100%
	}

	.video-banner>video {
	    display: block;
	    width: 100%;
	    position: relative;
	    z-index: 1
	}

	.video-banner .wrap {
	    display: block;
	    position: relative;
		bottom: 60px;
		top: 0;
	    left: 0;
	    right: 0;
	    margin-top: -167px;
	    z-index: 10;
	    text-align: center
	}

	.video-banner .font-panel {
	    padding-top: 75px
	}

	.video-banner .font-panel>span {
	    display: inline-block;
	    margin-top: 55px;
	    width: 140px;
	    line-height: 38px;
	    border-radius: 38px;
	    font-size: 16px;
	    background: #fff;
	    color: #000;
	    font-family: "yahei";
	    position: relative;
	    cursor: pointer;
	    transition: all .3s
	}

	.video-banner .font-panel>span:hover {
	    color: #ff4e3c
	}

	.video-banner .font-panel h2 {
	    margin-bottom: 10px;
	    font-size: 40px;
	    line-height: 1.2;
	    font-weight: bold;
	    color: #fff;
	    width: 100%
	}

	.video-banner .font-panel p {
	    display: none;
	}

	/*底部*/

	.footerr {
	    position: relative;
	    z-index: 2;
	}

	.footerr .group {
	    background: url(../img/footer_group_bg.jpg) no-repeat center bottom;
	}

	.footerr .group .ll {
	    color: #000;
	    line-height: 20px;
	    padding: 36px 0;
	}

	.footerr .group .ll .tit {
	    font-size: 18px;
	    padding-left: 32px;
	    position: relative;
	    margin-right: 120px;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	}

	.footerr .group .ll .tit:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 20px;
	    height: 20px;
	    background: url(../img/brand_ico.png);
	}

	.footerr .group .ll a {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    padding-left: 30px;
	    margin-left: 40px;
	    position: relative;
	}

	.footerr .group .ll a:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 16px;
	    height: 16px;
	    background: url(../img/checkbox_ico.png);
	}

	.footerr .group .ll a:hover:after {
	    background-position: 0 -16px;
	}

	.footerr .group .right {
	    line-height: 54px;
	    padding-top: 20px;
	    position: relative;
	}

	.footerr .group .right .tit {
	    width: 340px;
	    padding-left: 30px;
	    color: #818181;
	    background: #fff;
	}

	.footerr .group .right .xl_tab {
	    background: #c42028;
	    color: #fff;
	    text-align: center;
	    width: 54px;
	    font-size: 30px;
	}

	.footerr .group .right .xl_con {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    background: #fff;
	    -webkit-box-shadow: 0 2px 2px #ededed;
	    box-shadow: 0 2px 2px #ededed;
	    border-top: 1px solid #fff;
	    display: none;
	}

	.footerr .group .right .xl_con a {
	    display: block;
	    padding-left: 30px;
	    -moz-transition: all .8s ease 0s;
	    -ms-transition: all .8s ease 0s;
	    -o-transition: all .8s ease 0s;
	    -webkit-transition: all .8s ease 0s;
	    transition: all .8s ease 0s;
	}

	.footerr .group .right .xl_con a:hover {
	    color: #fff;
	    background: #c42028;
	}

	.footerr .footer1 {
	    background: url(../images/footer1_bg.jpg) no-repeat center top;
	    background-size: cover;
	    padding: 40px 0 35px;
	    color: #b4b5b8;
	    font-size: 14px;
	    line-height: 28px;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}

	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}



	.footerr .footer2 {
	    line-height: 28px;
	    padding: 12px 0;
	    color: #fff;
	    background: #05691c;
	}

	.footerr .footer2 a {
	    display: inline-block;
	    display: inline;
	    zoom: 1;
	    margin: 0 3px;
	    color:#fff;
	}

	.footerr .footer2 a:hover {
	    color: #fff;
	    opacity: .9;
	}

	.wrapp {
	    width: 100%;
	    margin-right: auto;
	    margin-left: auto;
	}
	.fixx {
	    zoom: 1;
	    clear: both;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}
	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}
	.footerr .footer1 .left .cont .d a:hover{
	    font-size: 14px;
	    color: #fff;
	    margin-top: 15px;
	}

	.footerr .footer1 .channel {
	    /* margin-left: 150px; */
		display: none;
	}
	.ll {
	    float: left;
		margin-left: 5%;
	}

	.footerr .footer1 .channel .item:last-child {
	    border: none;
	}
	.footerr .footer1 .channel .item {
	    padding: 0 30px;
	    text-align: center;
	    border-right: 1px solid #fff;
	    height: auto;
	    text-align: left;
	}

	.footerr .footer1 .channel a.dt {
	    font-size: 18px;
	    color: #fff;
	    margin: 15px 0;
	}
	.footerr .footer1 .channel a {
	    display: block;
	    max-width: 110px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.footerr .footer1 .channel a:hover {
	    color:#fff;
	}

	.footerr .footer1 .right {
	    margin-top: 20px;
		margin-right:5%;
	}
	.rr {
	    float: right;
	}

	.footerr .footer1 .right .pic img{
	    width:9.4rem!important;
	}

	.footerr .footer1 .bdsharebuttonbox {
	    margin-top: 30px;
	}

	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.r {
	    float: right;
	}

	.footerr .footer1 .bdsharebuttonbox a.bds_tsina {
	    background-position: 0 0;
	}
	.footerr .footer1 .bdsharebuttonbox a {
	    background: url(../images/footer_ico.png) no-repeat;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    margin: 0 7px;
	    width: 30px;
	    height: 30px;
	    padding: 0;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_weixin {
	    background-position: -30px 0;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_douban {
	    background-position: -60px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}

	#banners{
	    width:100%;
	    height:450px;
	    margin:0 auto;
	    position:relative;
	    overflow:hidden;
	    display: flex;
	    display: -webkit-flex;
	    flex-direction: wrap;
	}
	#banners #pic { position:absolute; width:100%;
	height:100%;}
	#banners #picUl { position:absolute; width:100%;
	height:100%;}
	#banners #picUl li{
		position:absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#banners #picUl li .text_box{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    z-index: 2;
	    padding-top: 150px;
		width:100%;
	}
	#banners #picUl li .text_box .num{
	    /* font-family: 微软雅黑;
	    color: rgba(46, 31, 31, .15);
	    font-size: 180px;
	    line-height: 1;
	    transition-delay: .2s;
	    filter: alpha(opacity=15);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); */
		display: none;
	}
	#banners #picUl li .text_box .cn{
	    /* position: absolute; */
	    top: 175px;
	    color: #c42028;
	    font-size: 34px;
	    font-weight: bold;
	    transition-delay: .4s;
		text-align: center;
	}
	#banners #picUl li .text_box .en{
	    /* font-size: 40px;
	    color: #000;
	    font-weight: bold;
	    font-family: 微软雅黑;
	    line-height: 1;
	    text-transform: uppercase;
	    transition-delay: .6s; */
		display: none;
	}
	#banners #picUl li .text_box .desc{
	    font-size: 20px;
	    color: #000;
	    /* margin: 15px 0; */
	    transition-delay: .8s;
	    padding: 20px 50px;
	    width: 100%;
	    height: auto;
	}
	#banners #picUl li img{
		height:100%;
		min-width:100%;
		max-width: none;
	}
	#banners #tab #tabUl{
		display: flex;
		justify-content: space-between;

	}

	#banners #tab{
		height: auto;
	    width: 100%;
	    position: absolute;
	    right: 0;
	    background: rgba(255,255,255,.6);
		z-index: 999;
	}
	#banners #tab li {
		width: 25%;
   		height: 100%;
	     text-align:center;
	     position:relative;
	     display: inline-block;
	     text-align: center;
	     padding: 10px;
	    /* display: inline;
	    zoom: 1; */
	    background: url(../images/white.4.png) repeat;
	    -moz-transition: all .5s ease 0s;
	    -ms-transition: all .5s ease 0s;
	    -o-transition: all .5s ease 0s;
	    -webkit-transition: all .5s ease 0s;
	    transition: all .5s ease 0s;
	 }
	 #banners #tab #tabUl li:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 1px;
	    /* background: #fff; */
	 }
	#banners #tab li a{
		text-decoration:none;
		color:#fff;
		font-size:15px;
		line-height:50px;
		display:block;
	}
	#banners #tab li p{
		line-height: 50px;
		font-size: 1.5rem!important;
		font-weight: bold;
	}
	#banners #tab li span{
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		left: 50%;
		bottom:-15px;
		margin-top:-3px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent rgba(193,224,196,0.6) transparent transparent;
		display:none;
		transform: rotate(-90deg) ;
	}
	#banners #tab li.active{ background:rgba(193,224,196,0.6);}
	#banners #tab li.active .on{ display:block;}
}

.swiper-production .swiper-slide .slide-content {
	width: 100%;
	position: relative
}

.swiper-production .swiper-slide dl {
	width: 100%;
	position: relative;
	z-index: 1;
	display: block
}

.swiper-production .swiper-slide dl dt {
	width: 100%;
	overflow: hidden
}

.swiper-production .swiper-slide dl dt a {
	display: block;
	width: 100%;
	overflow: hidden
}

.swiper-production .swiper-slide dl dt a img {
	display: block;
	width: 100%
}

.swiper-production .swiper-slide dl dd {
	width: 100%;
	height: 54px;
	overflow: hidden;
	text-align: center
}

.swiper-production .swiper-slide dl dd a {
	line-height: 54px;
	color: #fff;
	font-size: 24px
}

.swiper-production .main-font.swiper-slide .ys-font {
	width: 290px;
	height: 25px;
	position: absolute;
	z-index: 10
}

.swiper-production .main-font.swiper-slide .ys-font>em {
	display: block;
	width: 100%;
	height: 100%
}

.swiper-production .main-font.swiper-slide .ys-font i.circle-01 {
	width: 11px;
	height: 11px;
	display: block;
	position: absolute
}

.swiper-production .main-font.swiper-slide .ys-font i.circle-02 {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #00cc66;
	position: absolute
}

.swiper-production .main-font.swiper-slide .ys-font>span {
	display: block;
	width: 26px;
	height: 26px;
	position: absolute
}

.swiper-production .main-font.swiper-slide .ys-font>span.icon-01 {
	background: url("../images/icon_out.png") center center no-repeat;
	-webkit-animation: rotateMove 2s infinite linear;
	animation: rotateMove 2s infinite linear
}

.swiper-production .main-font.swiper-slide .ys-font>span.icon-02 {
	background: url("../images/icon_mid.png") center center no-repeat;
	-webkit-animation: rotateMoveBack 2s infinite linear;
	animation: rotateMoveBack 2s infinite linear
}

.swiper-production .main-font.swiper-slide .ys-font>span.icon-03 {
	background: url("../images/icon_inner.png") center center no-repeat;
	-webkit-animation: rotateMove 2s infinite linear;
	animation: rotateMove 2s infinite linear
}

.swiper-production .main-font.swiper-slide .ys-font>p {
	display: block;
	width: 205px;
	height: 42px;
	position: absolute;
	background: url("../images/font_bg_01.png") center center no-repeat
}

.swiper-production .main-font.swiper-slide .ys-font>p span {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	color: #00cc66;
}

.swiper-production .main-font.swiper-slide .ys-font>p strong {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	border: 1px solid #00cc66;
	position: absolute;
	right: -8px;
	top: -8px
}

.swiper-production .main-font.swiper-slide .ys-font>p strong b {
	display: block;
	width: 12px;
	height: 1px;
	background: #00cc66;
	position: absolute;
	left: -12px;
	top: 2px
}

.swiper-production .main-font.swiper-slide .ys-font>p strong cite {
	display: block;
	width: 1px;
	height: 12px;
	background: #00cc66;
	position: absolute;
	left: 2px;
	bottom: -12px
}

.swiper-production .main-font.swiper-slide .ys-01 em,.swiper-production .main-font.swiper-slide .ys-03 em {
	float: right;
	background: url("../images/line_bg_01.png") right bottom no-repeat
}

.swiper-production .main-font.swiper-slide .ys-01 i.circle-01,.swiper-production .main-font.swiper-slide .ys-03 i.circle-01 {
	left: -5px;
	bottom: -5px;
	background: url("../images/lf_circle.png") center center no-repeat
}

.swiper-production .main-font.swiper-slide .ys-01 i.circle-02,.swiper-production .main-font.swiper-slide .ys-03 i.circle-02 {
	left: -2px;
	bottom: -2px
}

.swiper-production .main-font.swiper-slide .ys-01>span,.swiper-production .main-font.swiper-slide .ys-03>span {
	right: -28px;
	top: -20px
}

.swiper-production .main-font.swiper-slide .ys-01>p,.swiper-production .main-font.swiper-slide .ys-03>p {
	left: 30px;
	top: -32px
}

.swiper-production .main-font.swiper-slide .ys-02 em,.swiper-production .main-font.swiper-slide .ys-04 em {
	background: url("../images/line_bg_02.png") left top no-repeat;
	float: left
}

.swiper-production .main-font.swiper-slide .ys-02 i.circle-01,.swiper-production .main-font.swiper-slide .ys-04 i.circle-01 {
	right: -5px;
	top: -5px;
	background: url("../images/rt_circle.png") center center no-repeat
}

.swiper-production .main-font.swiper-slide .ys-02 i.circle-02,.swiper-production .main-font.swiper-slide .ys-04 i.circle-02 {
	right: -2px;
	top: -2px
}

.swiper-production .main-font.swiper-slide .ys-02>span,.swiper-production .main-font.swiper-slide .ys-04>span {
	left: -28px;
	bottom: -20px
}

.swiper-production .main-font.swiper-slide .ys-01 {
	right: 72%;
	top: 15%
}

.swiper-production .main-font.swiper-slide .ys-02 {
	width: 260px;
	top: 18%;
	left: 78%
}

.swiper-production .main-font.swiper-slide .ys-02>p {
	top: -48px;
	right: 10px
}

.swiper-production .main-font.swiper-slide .ys-03 {
	right: 76%;
	bottom: 22%
}

.swiper-production .main-font.swiper-slide .ys-04 {
	bottom: 28%;
	left: 75%
}

.swiper-production .main-font.swiper-slide .ys-04>p {
	right: 10px;
	top: -48px
}

.swiper-production .other-font.swiper-slide .ys-font {
	width: 60px;
	height: 25px;
	position: absolute;
	z-index: 10
}

.swiper-production .other-font.swiper-slide .ys-font>em {
	display: block;
	width: 100%;
	height: 100%
}

.swiper-production .other-font.swiper-slide .ys-font i.circle-01 {
	width: 11px;
	height: 11px;
	display: block;
	position: absolute
}

.swiper-production .other-font.swiper-slide .ys-font i.circle-02 {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #09defa;
	position: absolute
}

.swiper-production .other-font.swiper-slide .ys-font>span {
	display: block;
	width: 26px;
	height: 26px;
	position: absolute
}

.swiper-production .other-font.swiper-slide .ys-font>span.icon-01 {
	background: url("../images/icon_out.png") center center no-repeat
}

.swiper-production .other-font.swiper-slide .ys-font>span.icon-02 {
	background: url("../images/icon_mid.png") center center no-repeat
}

.swiper-production .other-font.swiper-slide .ys-font>span.icon-03 {
	background: url("../images/icon_inner.png") center center no-repeat
}

.swiper-production .other-font.swiper-slide .ys-font .p-wrap {
	width: 290px;
	position: absolute
}

.swiper-production .other-font.swiper-slide .ys-font p {
	width: 100%;
	overflow: hidden
}

.swiper-production .other-font.swiper-slide .ys-font p strong,.swiper-production .other-font.swiper-slide .ys-font p span {
	display: block;
	width: 100%;
	color: #8cccef;
	font-weight: bold
}

.swiper-production .other-font.swiper-slide .ys-font p strong {
	height: 48px;
	line-height: 48px;
	font-size: 40px;
	font-family: "Arial Black"
}

.swiper-production .other-font.swiper-slide .ys-font p span {
	height: 24px;
	line-height: 24px;
	font-size: 18px
}

.swiper-production .other-font.swiper-slide .ys-font p+p {
	opacity: .3;
	top: -10px;
	position: absolute;
	-moz-transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	-o-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8)
}

.swiper-production .other-font.swiper-slide .ys-font p+p+p {
	opacity: .1;
	top: -20px;
	position: absolute;
	-moz-transform: scale(0.6, 0.6);
	-webkit-transform: scale(0.6, 0.6);
	-o-transform: scale(0.6, 0.6);
	transform: scale(0.6, 0.6)
}

.swiper-production .other-font.swiper-slide .ys-01 em,.swiper-production .other-font.swiper-slide .ys-03 em {
	float: right;
	background: url("../images/line_bg_01.png") right bottom no-repeat
}

.swiper-production .other-font.swiper-slide .ys-01 i.circle-01,.swiper-production .other-font.swiper-slide .ys-03 i.circle-01 {
	left: -5px;
	bottom: -5px;
	background: url("../images/lf_circle.png") center center no-repeat
}

.swiper-production .other-font.swiper-slide .ys-01 i.circle-02,.swiper-production .other-font.swiper-slide .ys-03 i.circle-02 {
	left: -2px;
	bottom: -2px
}

.swiper-production .other-font.swiper-slide .ys-01>span,.swiper-production .other-font.swiper-slide .ys-03>span {
	right: -28px;
	top: -20px
}

.swiper-production .other-font.swiper-slide .ys-01 p span,.swiper-production .other-font.swiper-slide .ys-01 p strong,.swiper-production .other-font.swiper-slide .ys-03 p span,.swiper-production .other-font.swiper-slide .ys-03 p strong {
	text-align: right
}

.swiper-production .other-font.swiper-slide .ys-01 p+p,.swiper-production .other-font.swiper-slide .ys-03 p+p {
	right: -16%
}

.swiper-production .other-font.swiper-slide .ys-01 p+p+p,.swiper-production .other-font.swiper-slide .ys-03 p+p+p {
	right: -32%
}

.swiper-production .other-font.swiper-slide .ys-02 em,.swiper-production .other-font.swiper-slide .ys-04 em {
	background: url("../images/line_bg_02.png") left top no-repeat;
	float: left
}

.swiper-production .other-font.swiper-slide .ys-02 i.circle-01,.swiper-production .other-font.swiper-slide .ys-04 i.circle-01 {
	right: -5px;
	top: -5px;
	background: url("../images/rt_circle.png") center center no-repeat
}

.swiper-production .other-font.swiper-slide .ys-02 i.circle-02,.swiper-production .other-font.swiper-slide .ys-04 i.circle-02 {
	right: -2px;
	top: -2px
}

.swiper-production .other-font.swiper-slide .ys-02>span,.swiper-production .other-font.swiper-slide .ys-04>span {
	left: -28px;
	bottom: -20px
}

.swiper-production .other-font.swiper-slide .ys-02 p span,.swiper-production .other-font.swiper-slide .ys-02 p strong,.swiper-production .other-font.swiper-slide .ys-04 p span,.swiper-production .other-font.swiper-slide .ys-04 p strong {
	text-align: left
}

.swiper-production .other-font.swiper-slide .ys-02 p+p,.swiper-production .other-font.swiper-slide .ys-04 p+p {
	left: -16%
}

.swiper-production .other-font.swiper-slide .ys-02 p+p+p,.swiper-production .other-font.swiper-slide .ys-04 p+p+p {
	left: -32%
}

.swiper-production .other-font.swiper-slide .ys-01 {
	right: 72%;
	top: 15%
}

.swiper-production .other-font.swiper-slide .ys-01 .p-wrap {
	left: -295px
}

.swiper-production .other-font.swiper-slide .ys-02 {
	top: 18%;
	left: 77%
}

.swiper-production .other-font.swiper-slide .ys-02 .p-wrap {
	left: 70px;
	top: -26px
}

.swiper-production .other-font.swiper-slide .ys-03 {
	right: 76%;
	bottom: 22%
}

.swiper-production .other-font.swiper-slide .ys-03 .p-wrap {
	left: -300px
}

.swiper-production .other-font.swiper-slide .ys-04 {
	bottom: 28%;
	left: 76%
}

.swiper-production .other-font.swiper-slide .ys-04 .p-wrap {
	left: 70px;
	top: -26px
}

.swiper-production .swiper-button-next,.swiper-production .swiper-button-prev {
	width: 174px;
	height: 160px;
	margin-top: -80px;
	background: none;
	outline: none
}

.swiper-production .swiper-button-next i,.swiper-production .swiper-button-next span,.swiper-production .swiper-button-next em,.swiper-production .swiper-button-next cite,.swiper-production .swiper-button-next b,.swiper-production .swiper-button-prev i,.swiper-production .swiper-button-prev span,.swiper-production .swiper-button-prev em,.swiper-production .swiper-button-prev cite,.swiper-production .swiper-button-prev b {
	display: block;
	position: absolute
}

.swiper-production .swiper-button-next i,.swiper-production .swiper-button-next span,.swiper-production .swiper-button-prev i,.swiper-production .swiper-button-prev span {
	width: 174px;
	height: 160px;
	top: 0
}

.swiper-production .swiper-button-next {
	right: 10%
}

.swiper-production .swiper-button-next:hover i {
	-webkit-animation: rotateMove 2s infinite linear;
	animation: rotateMove 2s infinite linear
}

.touchcss .container .text-center .touchimg{
	position:relative;
	-webkit-animation: mymove 1s infinite;
	animation: mymove 1s infinite;
}

.swiper-production .swiper-button-next i {
	right: 0;
	background: url("../images/next_bg.png") center center no-repeat
}

.swiper-production .swiper-button-next span {
	right: 0;
	background: url("../images/icon_next.png") center center no-repeat
}

.swiper-production .swiper-button-prev {
	left: 10%
}

.swiper-production .swiper-button-prev:hover i {
	-webkit-animation: rotateMove 2s infinite linear;
	animation: rotateMove 2s infinite linear
}

.swiper-production .swiper-button-prev i {
	left: 0;
	background: url("../images/prev_bg.png") center center no-repeat
}

.swiper-production .swiper-button-prev span {
	left: 0;
	background: url("../images/icon_prev.png") center center no-repeat
}

.scroll-here .swiper-slide-active .slide-content .ys-font em {
	-webkit-animation: widthMove 1.5s linear;
	animation: widthMove 1.5s linear
}

.scroll-here .swiper-slide-active .slide-content .ys-font i {
	-webkit-animation: fadeInMove 2s linear;
	animation: fadeInMove 2s linear
}

.scroll-here .swiper-slide-active .slide-content .ys-font span.icon-01 {
	-webkit-animation: rotateMove 2s infinite linear;
	animation: rotateMove 2s infinite linear
}

.scroll-here .swiper-slide-active .slide-content .ys-font span.icon-02 {
	-webkit-animation: rotateMoveBack 2s infinite linear;
	animation: rotateMoveBack 2s infinite linear
}

.scroll-here .swiper-slide-active .slide-content .ys-font span.icon-03 {
	-webkit-animation: rotateMove 3s infinite linear;
	animation: rotateMove 3s infinite linear
}

.scroll-here .swiper-slide-active .slide-content .ys-01>p,.scroll-here .swiper-slide-active .slide-content .ys-01 .p-wrap,.scroll-here .swiper-slide-active .slide-content .ys-02>p,.scroll-here .swiper-slide-active .slide-content .ys-02 .p-wrap,.scroll-here .swiper-slide-active .slide-content .ys-03>p,.scroll-here .swiper-slide-active .slide-content .ys-03 .p-wrap,.scroll-here .swiper-slide-active .slide-content .ys-04>p,.scroll-here .swiper-slide-active .slide-content .ys-04 .p-wrap {
	-webkit-animation: fadeInUpMove 2s linear;
	animation: fadeInUpMove 2s linear
}


.ie9-hack .swiper-production .swiper-wrapper {
	width: 100% !important
}

.ie9-hack .swiper-production .swiper-slide {
	display: none
}

.ie9-hack .swiper-production .swiper-slide.on {
	display: block !important
}

@media screen and (min-width: 1280px) {
	/* 常量设置 */
	.wrap {
		width: 1300px;
		margin-right: auto;
		margin-left: auto;
	}

	.mwrap {
		max-width: 1366px;
		margin-right: auto;
		margin-left: auto;
	}

	.model-panel {
		width: 1120px
	}
	.wrappp,.model-panel {
		width: 1120px
	}

	.model-03 {
		padding: 120px 0 90px;
		background-image: url("../images/bg_02--.jpg");
		background-position: center top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		overflow: hidden
	}

	.model-03 h2 {
		width: 100%;
		font-size: 0;
		overflow: hidden;
		text-align: center
	}

	.model-03 h2 strong {
		display: inline-block;
		vertical-align: middle;
		color: #b28b65;
		font-size: 60px;
		line-height: 72px;
		margin-right: 30px;
		font-weight: 400
	}

	.model-03 h2 span {
		display: inline-block;
		line-height: 72px;
		font-size: 60px;
		color: #fff;
		vertical-align: middle;
		font-weight: 400
	}

	.model-03>p {
		width: 100%;
		line-height: 38px;
		font-size: 20px;
		color: #00cc66;
		text-align: center;
		margin: 40px 0
	}

	.swiper-production {
		position: relative;
		width: 100%
	}

	.swiper-production .swiper-slide {
	    width: 100%;
	    padding: 0 21.3615%;
	}

	.swiper-production .swiper-bg {
		width: 100%;
		padding: 0 21.3615%;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0
	}
	.swiper-production .swiper-bg img {
		width: 100%;
		display: none;
	}


	.header h1 {
		width: auto
	}

	.header>ul {
		width: 60%
	}

	.vidbanh{
		height: 400px;
	}

	.video-banner {
	    position: relative;
	    overflow: hidden
	}

	.video-banner .video-mark {
	    position: absolute;
	    left: 0;
	    top: 0
	}

	.video-banner>img {
	    display: block;
	    width: 100%
	}

	.video-banner>video {
	    display: block;
	    width: 100%;
	    position: relative;
	    z-index: 1
	}

	.video-banner .wrap {
	    display: block;
	    position: absolute;
		bottom: 60px;
		top: unset;
	    left: 0;
	    right: 0;
	    margin-top: -167px;
	    z-index: 10;
	    text-align: center
	}

	.video-banner .font-panel {
	    padding-top: 75px
	}

	.video-banner .font-panel>span {
	    display: inline-block;
	    margin-top: 55px;
	    width: 140px;
	    line-height: 38px;
	    border-radius: 38px;
	    font-size: 16px;
	    background: #fff;
	    color: #000;
	    font-family: "yahei";
	    position: relative;
	    cursor: pointer;
	    transition: all .3s
	}

	.video-banner .font-panel>span:hover {
	    color: #ff4e3c
	}

	.video-banner .font-panel h2 {
	    margin-bottom: 30px;
	    font-size: 64px;
	    line-height: 1.2;
	    font-weight: bold;
	    color: #fff;
	    width: 100%
	}

	.video-banner .font-panel p {
	    width: 46.71053%;
	    font-size: 18px;
	    line-height: 30px;
	    color: #ffffff;
	    margin: 0 auto;
	    text-align: center
	}

	.xc_banner {
		height: 245px;
		position: relative;
		overflow: hidden;
		width: 100%;
		z-index: 3;
	}

	.xc_banner img {
		width: 1920px;
		position: absolute;
		left: 50%;
		top: 0;
		max-width: none;
		margin-left: -960px;
	}

	.xc_banner .channel_box {
		line-height: 1;
		color: #fff;
		position: absolute;
		z-index: 11;
		width: 1920px;
		left: 50%;
		margin-left: -650px;
		bottom: 35px;
	}

	.xc_banner .channel_box .tit {
		font-size: 36px;
		margin-bottom: 10px;
	}

	.xc_banner .channel_box .pos {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.xc_channel {
		line-height: 67px;
		border-bottom: 1px solid #ededed;
		position: relative;
		z-index: 1;
	}

	.xc_channel .item {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		position: relative;
		margin-right: 40px;
	}

	.xc_channel .item>a {
		cursor: pointer;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		font-size: 19px;
		position: relative;
		color: #000;
		padding: 0 12px 3px;
	}

	.xc_channel .item>a:after {
		content: "";
		position: absolute;
		bottom: 0px;
		left: 50%;
		height: 3px;
		width: 0;
		background: #00cc66;
		-moz-transition: all .5s ease 0s;
		-ms-transition: all .5s ease 0s;
		-o-transition: all .5s ease 0s;
		-webkit-transition: all .5s ease 0s;
		transition: all .5s ease 0s;
	}

	.xc_channel .item>a.cur, .xc_channel .item>a:hover {
		font-weight: bold;
	}

	.xc_channel .item>a.cur:after, .xc_channel .item>a:hover:after {
		width: 100%;
		left: 0;
	}

	.xc_channel i {
		font-size: 12px;
		color: #c42129;
		height: 60px;
	}

	.xc_channel .item ul {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #d9d9d9;
		display: none;
	}

	.xc_channel .item ul li {
		line-height: 36px;
		border-bottom: 2px;
		text-align: center;
		border: 1px solid #fff;
	}

	.xc_channel .item ul li a {
		display: block;
	}

	.xc_channel .item ul li a:hover {
		background: #c42129;
		color: #fff;
	}

	.channel_content {
		position: relative;
		z-index: 0;
		padding: 55px 0 70px;
	}

	.index_slider {
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		transition: all .8s ease 0s;
		height: 620px;
	}

	.index_slider .item {
		overflow: hidden;
		z-index: 6;
		position: relative;
		height: 620px;
	}

	.index_slider .owl-carousel .owl-item {
		overflow: hidden;
	}

	.index_slider .owl-carousel .owl-dots {
		position: absolute;
		right: 50%;
		bottom: 25px;
		margin-right: -650px;
		overflow: hidden;
	}

	.index_slider .owl-carousel .owl-dots .owl-dot {
		float: left;
		width: 120px;
		border: 3px solid #c9c9c9;
		height: 60px;
	}

	.index_slider .owl-carousel .owl-dots .owl-dot.active {
		border: 3px solid #fcc900;
	}

	.index_slider .owl-carousel .owl-dots .owl-dot div {
		height: 100%;
		background-size: cover;
		background-position: center;
	}

	.index_slider .ibanner .banner_img {
		width: 1920px;
		max-width: none;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -960px;
	}

	.index_slider .item .video {
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}

	.index_slider .item .video_cover {
		background: url(./video_cover.png);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 2;
	}

	.index_slider .ibanner .text_box {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -140px;
		margin-left: -650px;
		z-index: 3;
	}

	.index_slider .ibanner .text_box img {
		width: auto;
		opacity: 0;
		visibility: hidden;
		transform: translateX(200px);
		-moz-transition: all 1.6s ease 1s;
		-ms-transition: all 1.6s ease 1s;
		-o-transition: all 1.6s ease 1s;
		-webkit-transition: all 1.6s ease 1s;
		transition: all 1.6s ease 1s;
	}

	.index_slider .ibanner .active .text_box img {
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
	}

	.index_slider .ibanner .text_box .cn {
		font-size: 16px;
		color: #fff;
		max-width: 500px;
		margin: 30px 0 30px 25px;
		opacity: 0;
		visibility: hidden;
		transform: translateX(200px);
		-moz-transition: all 1.6s ease 1.2s;
		-ms-transition: all 1.6s ease 1.2s;
		-o-transition: all 1.6s ease 1.2s;
		-webkit-transition: all 1.6s ease 1.2s;
		transition: all 1.6s ease 1.2s;
	}

	.index_slider .ibanner .active .text_box .cn {
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
	}

	.index_slider .ibanner .text_box .common-btn {
		margin-left: 25px;
		opacity: 0;
		visibility: hidden;
		transform: translateX(200px);
		-moz-transition: all 1.6s ease 1.4s;
		-ms-transition: all 1.6s ease 1.4s;
		-o-transition: all 1.6s ease 1.4s;
		-webkit-transition: all 1.6s ease 1.4s;
		transition: all 1.6s ease 1.4s;
	}

	.index_slider .ibanner .active .text_box .common-btn {
		transform: translateX(0);
		visibility: visible;
		opacity: 1;
	}

	.index_slider .cursor {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 30;
		pointer-events: none;
		display: none;
	}

	.index_slider .cursor .cursorIcon {
		width: 33px;
		height: 54px;
		background: url(../images/cursor-left.png) no-repeat center;
	}

	.index_slider .cursor.right .cursorIcon {
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.model-04 .lf-img {
		width: 40%
	}

	.model-04 .rt-content {
		width: 60%
	}

	.model-04 .rt-content .font-panel {
		padding: 18% 0 0 12%
	}

	.model-04 .rt-content .font-panel p {
		padding-right: 14%
	}

	.model-05 .model-content {
		padding: 8% 30px 8% 6%
	}

	.model-05 .model-content .img-content {
		width: 40%
	}

	.model-05 .model-content .font-content {
		width: 60%
	}

	.model-05 .model-content .font-content h2 {
		margin-top: 40px
	}

	.model-05 .model-content .font-content p {
		padding-right: 18%
	}

	.production-info .lf-img {
		width: 50%
	}

	.production-info .rt-des {
		padding-left: 20px;
		width: 50%
	}

	.production-info .rt-des>h1 {
		height: 48px;
		line-height: 48px;
		font-size: 36px
	}

	.production-info .rt-des .font-list p span {
		font-size: 14px;
		height: 32px;
		line-height: 32px
	}

	.production-info .rt-des .font-list p strong {
		font-size: 16px;
		height: 32px;
		line-height: 32px
	}

	.production-info .rt-des .swt-panel .swt-price {
		width: 46%
	}

	.production-info .rt-des .swt-panel .swt-price a {
		width: 100%;
		font-size: 18px;
		font-weight: bold
	}

	.production-info .rt-des .swt-panel .swt-phone {
		width: 54%
	}

	.production-info .rt-des .swt-panel .swt-phone span {
		font-size: 18px
	}

	.production-info .rt-des .swt-panel .swt-phone strong {
		font-size: 26px
	}

	.production-content .video-model .video-wrap .lf-font {
		width: 42%;
		padding: 0 80px
	}

	.production-content .video-model .video-wrap .lf-font h3 {
		line-height: 52px;
		font-size: 32px
	}

	.production-content .video-model .video-wrap .lf-font p {
		line-height: 30px;
		font-size: 16px
	}

	.production-content .video-model .video-wrap .rt-video {
		width: 58%;
		border: 20px solid #f1f3f8
	}

	.d3-model .wrap>h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.d3-model .wrap>p {
		line-height: 32px;
		font-size: 16px
	}

	.d3-model .wrap .d3-content .v3d-panel {
		width: 1100px
	}

	.ys-model {
		padding-top: 60px
	}

	.ys-model .wrap>h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.ys-model .wrap .yl-panel {
		padding: 40px
	}

	.ys-model .wrap .yl-panel .font-panel h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.ys-model .wrap .yl-panel .font-panel p {
		font-size: 16px;
		line-height: 32px
	}

	.ys-model .wrap .yl-panel.have-img .font-panel {
		width: 52%
	}

	.ys-model .wrap .yl-panel.have-img .img-panel {
		width: 40%
	}
/* 新加入样式 开始*/
	.d3-model .wrappp>h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.d3-model .wrappp>p {
		line-height: 32px;
		font-size: 16px
	}

	.d3-model .wrappp .d3-content .v3d-panel {
		width: 1100px
	}

	.ys-model {
		padding-top: 60px
	}

	.ys-model .wrappp>h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.ys-model .wrappp .yl-panel {
		padding: 40px
	}

	.ys-model .wrappp .yl-panel .font-panel h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.ys-model .wrappp .yl-panel .font-panel p {
		font-size: 16px;
		line-height: 32px
	}

	.ys-model .wrappp .yl-panel.have-img .font-panel {
		width: 52%
	}

	.ys-model .wrappp .yl-panel.have-img .img-panel {
		width: 40%
	}
/* 新加入样式结束 */
	ul.ys-list {
		margin-bottom: 60px
	}

	ul.ys-list li {
		margin-top: 50px
	}

	ul.ys-list-demo li p i {
		height: 52px;
		line-height: 52px;
		font-size: 40px
	}

	ul.ys-list-demo li p strong {
		height: 36px;
		line-height: 36px;
		font-size: 18px
	}

	ul.ys-list-demo li p span {
		height: 90px;
		font-size: 16px;
		line-height: 30px
	}

	.param-model .wrap h3,.case-model .wrap h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.param-model .wrap h3:before,.case-model .wrap h3:before {
		left: 0
	}

	.param-model .wrap h3:after,.case-model .wrap h3:after {
		left: 100px
	}
	/* 新加入样式开始 */
	.param-model .wrappp h3,.case-model .wrappp h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.param-model .wrappp h3:before,.case-model .wrappp h3:before {
		left: 0
	}

	.param-model .wrappp h3:after,.case-model .wrappp h3:after {
		left: 100px
	}
	/* 新加入样式结束 */

	.choose-model h3 {
		height: 52px;
		line-height: 52px;
		font-size: 32px
	}

	.choose-model p {
		line-height: 30px;
		font-size: 18px
	}

	.msg-model .container .wrap .rt-form {
		padding-left: 40px
	}

	.msg-model .container .wrap .rt-form .form-wrap .form-content>h2 {
		height: 56px;
		line-height: 56px;
		font-size: 32px
	}

	.msg-model .container .wrap .rt-form .form-wrap .form-content>p {
		line-height: 30px;
		font-size: 16px
	}

	.msg-model .container .wrap .rt-form .form-wrap .form-content>p span,.msg-model .container .wrap .rt-form .form-wrap .form-content>p a {
		font-size: 18px;
		color: #bd252c
	}
	/* 新加入样式开始 */
	.msg-model .container .wrappp .rt-form {
		padding-left: 40px
	}

	.msg-model .container .wrappp .rt-form .form-wrap .form-content>h2 {
		height: 56px;
		line-height: 56px;
		font-size: 32px
	}

	.msg-model .container .wrappp .rt-form .form-wrap .form-content>p {
		line-height: 30px;
		font-size: 16px
	}

	.msg-model .container .wrappp .rt-form .form-wrap .form-content>p span,.msg-model .container .wrappp .rt-form .form-wrap .form-content>p a {
		font-size: 18px;
		color: #bd252c
	}
	/* 新加入样式结束 */

	/*底部*/

	.footerr {
	    position: relative;
	    z-index: 2;
	}

	.footerr .group {
	    background: url(../img/footer_group_bg.jpg) no-repeat center bottom;
	}

	.footerr .group .ll {
	    color: #000;
	    line-height: 20px;
	    padding: 36px 0;
	}

	.footerr .group .ll .tit {
	    font-size: 18px;
	    padding-left: 32px;
	    position: relative;
	    margin-right: 120px;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	}

	.footerr .group .ll .tit:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 20px;
	    height: 20px;
	    background: url(../img/brand_ico.png);
	}

	.footerr .group .ll a {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    padding-left: 30px;
	    margin-left: 40px;
	    position: relative;
	}

	.footerr .group .ll a:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 16px;
	    height: 16px;
	    background: url(../img/checkbox_ico.png);
	}

	.footerr .group .ll a:hover:after {
	    background-position: 0 -16px;
	}

	.footerr .group .right {
	    line-height: 54px;
	    padding-top: 20px;
	    position: relative;
	}

	.footerr .group .right .tit {
	    width: 340px;
	    padding-left: 30px;
	    color: #818181;
	    background: #fff;
	}

	.footerr .group .right .xl_tab {
	    background: #c42028;
	    color: #fff;
	    text-align: center;
	    width: 54px;
	    font-size: 30px;
	}

	.footerr .group .right .xl_con {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    background: #fff;
	    -webkit-box-shadow: 0 2px 2px #ededed;
	    box-shadow: 0 2px 2px #ededed;
	    border-top: 1px solid #fff;
	    display: none;
	}

	.footerr .group .right .xl_con a {
	    display: block;
	    padding-left: 30px;
	    -moz-transition: all .8s ease 0s;
	    -ms-transition: all .8s ease 0s;
	    -o-transition: all .8s ease 0s;
	    -webkit-transition: all .8s ease 0s;
	    transition: all .8s ease 0s;
	}

	.footerr .group .right .xl_con a:hover {
	    color: #fff;
	    background: #c42028;
	}

	.footerr .footer1 {
	    background: url(../images/footer1_bg.jpg) no-repeat center top;
	    background-size: cover;
	    padding: 40px 0 35px;
	    color: #b4b5b8;
	    font-size: 14px;
	    line-height: 28px;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}

	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}



	.footerr .footer2 {
	    line-height: 28px;
	    padding: 12px 0;
	    color: #fff;
	    background: #05691c;
	}

	.footerr .footer2 a {
	    display: inline-block;
	    display: inline;
	    zoom: 1;
	    margin: 0 3px;
	    color:#fff;
	}

	.footerr .footer2 a:hover {
	    color: #fff;
	    opacity: .9;
	}

	.wrapp {
	    width: 100%;
	    margin-right: auto;
	    margin-left: auto;
		display: flex;
		justify-content: space-between;
	}
	.fixx {
	    zoom: 1;
	    clear: both;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}
	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}
	.footerr .footer1 .left .cont .d a:hover{
	    font-size: 14px;
	    color: #fff;
	    margin-top: 15px;
	}

	.footerr .footer1 .channel {
	    margin-left: 50px;
		display: flex;
	}
	.ll {
	    float: left;
		width:auto;
		margin-left: 5%;
	}

	.footerr .footer1 .channel .item:last-child {
	    border: none;
	}
	.footerr .footer1 .channel .item {
	    padding: 0 30px;
	    text-align: center;
	    border-right: 1px solid #fff;
	    height: auto;
	    text-align: left;
	}

	.footerr .footer1 .channel a.dt {
	    font-size: 18px;
	    color: #fff;
	    margin: 15px 0;
	}
	.footerr .footer1 .channel a {
	    display: block;
	    max-width: 110px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.footerr .footer1 .channel a:hover {
	    color:#fff;
	}

	.footerr .footer1 .right {
	    margin-top: 20px;
		margin-right: 5%;
	}
	.rr {
	    float: right;
	}

	.footerr .footer1 .right .pic img{
	    width:9.4rem!important;
	}

	.footerr .footer1 .bdsharebuttonbox {
	    margin-top: 30px;
	}

	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.r {
	    float: right;
	}

	.footerr .footer1 .bdsharebuttonbox a.bds_tsina {
	    background-position: 0 0;
	}
	.footerr .footer1 .bdsharebuttonbox a {
	    background: url(../images/footer_ico.png) no-repeat;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    margin: 0 7px;
	    width: 30px;
	    height: 30px;
	    padding: 0;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_weixin {
	    background-position: -30px 0;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_douban {
	    background-position: -60px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}

	#banners{
	    width:100%;
	    height:600px;
	    margin:0 auto;
	    position:relative;
	    overflow:hidden;
	    display: flex;
	    display: -webkit-flex;
	    flex-direction: wrap;
	}
	#banners #picUl { position:absolute; width:100%;
	height:100%;}
	#banners #picUl li{ position:absolute; top:0; left:0;}
	#banners #picUl li .text_box{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 50%;
	    margin-left: -750px;
	    z-index: 2;
	    right: 50%;
	    padding-top: 100px;
	}
	#banners #picUl li .text_box .num{
	    font-family: 微软雅黑;
	    color: rgba(46, 31, 31, .15);
	    font-size: 180px;
	    line-height: 1;
	    transition-delay: .2s;
	    filter: alpha(opacity=15);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
	}
	#banners #picUl li .text_box .cn{
	    position: absolute;
	    top: 175px;
	    color: #c42028;
	    font-size: 34px;
	    font-weight: bold;
	    transition-delay: .4s;
	}
	#banners #picUl li .text_box .en{
	    font-size: 40px;
	    color: #000;
	    font-weight: bold;
	    font-family: 微软雅黑;
	    line-height: 1;
	    text-transform: uppercase;
	    transition-delay: .6s;
	}
	#banners #picUl li .text_box .desc{
	    font-size: 15px;
	    color: #000;
	    margin: 15px 0;
	    transition-delay: .8s;
	    padding: 0;
	    width: 80%;
	    height: auto;
	}
	#banners #picUl li img{ min-height:100%; min-width:100%;max-width: none;}
	#banners #tab{ width:305px; height:100%; position:absolute; right:10%; background:rgba(255,255,255,.6);}
	#banners #tab li {
	     width:100%;
	     height: 25%;
	     text-align:center;
	     position:relative;
	     display: inline-block;
	     text-align: center;
	     padding: 50px 60px;
	    /* display: inline;
	    zoom: 1; */
	    background: url(../images/white.4.png) repeat;

	    -moz-transition: all .5s ease 0s;
	    -ms-transition: all .5s ease 0s;
	    -o-transition: all .5s ease 0s;
	    -webkit-transition: all .5s ease 0s;
	    transition: all .5s ease 0s;
	 }
	 #banners #tab #tabUl li:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 1px;
	    background: #fff;
	 }
	#banners #tab li a{
		text-decoration:none;
		color:#fff;
		font-size:15px;
		line-height:50px;
		display:block;
	}
	#banners #tab li p{
		line-height: 50px;
		font-size: 2rem!important;
		font-weight: bold;
	}
	#banners #tab li span{
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		top: 50%;
		left:-15px;
		margin-top:-3px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent rgba(193,224,196,0.6) transparent transparent;
		display:none;
	}
	#banners #tab li.active{ background:rgba(193,224,196,0.6);}
	#banners #tab li.active .on{ display:block;}

}

/* @media only screen and (min-width: 980px) {
	.vidbanh{
		height: 400px;
	}

	.video-banner {
	    position: relative;
	    overflow: hidden
	}

	.video-banner .video-mark {
	    position: absolute;
	    left: 0;
	    top: 0
	}

	.video-banner>img {
	    display: block;
	    width: 100%
	}

	.video-banner>video {
	    display: block;
	    width: 100%;
	    position: relative;
	    z-index: 1
	}

	.video-banner .wrap {
	    display: block;
	    position: absolute;
		bottom: 60px;
		top: unset;
	    left: 0;
	    right: 0;
	    margin-top: -167px;
	    z-index: 10;
	    text-align: center
	}

	.video-banner .font-panel {
	    padding-top: 75px
	}

	.video-banner .font-panel>span {
	    display: inline-block;
	    margin-top: 55px;
	    width: 140px;
	    line-height: 38px;
	    border-radius: 38px;
	    font-size: 16px;
	    background: #fff;
	    color: #000;
	    font-family: "yahei";
	    position: relative;
	    cursor: pointer;
	    transition: all .3s
	}

	.video-banner .font-panel>span:hover {
	    color: #ff4e3c
	}

	.video-banner .font-panel h2 {
	    margin-bottom: 30px;
	    font-size: 64px;
	    line-height: 1.2;
	    font-weight: bold;
	    color: #fff;
	    width: 100%
	}

	.video-banner .font-panel p {
	    width: 46.71053%;
	    font-size: 18px;
	    line-height: 30px;
	    color: #ffffff;
	    margin: 0 auto;
	    text-align: center
	}

	#banners {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-direction: wrap;
} */

@media screen and (min-width: 1366px) {
	.wrap,.model-panel {
		max-width: 1140px
	}
	.wrappp,.model-panel {
		width: auto;
	}

	.header h1 {
		margin-left: 60px
	}

	.model-04 .lf-img {
		width: 46%
	}

	.model-04 .rt-content {
		width: 54%
	}

	.model-04 .rt-content .font-panel {
		padding: 6% 0 0 12%
	}

	.model-04 .rt-content .font-panel p {
		padding-right: 14%
	}

	.model-04 .rt-list {
		width: 54%
	}

	.model-04 .rt-list .num-list {
		margin-top: 40px
	}

	.model-05 .model-content {
		padding: 8% 30px 8% 10%
	}

	.model-05 .model-content .img-content {
		width: 40%
	}

	.model-05 .model-content .font-content {
		width: 60%
	}

	.model-05 .model-content .font-content h2 {
		margin-top: 60px
	}

	.model-05 .model-content .font-content p {
		padding-right: 18%
	}

	.production-info .rt-des {
		padding-left: 40px
	}

	.production-info .rt-des>h1 {
		height: 56px;
		line-height: 56px;
		font-size: 40px
	}

	.production-info .rt-des>p.pro-des {
		display: block;
		margin-top: 10px;
		height: 72px;
		line-height: 24px;
		font-size: 14px
	}

	.production-info .rt-des .font-list {
		margin-top: 16px;
		margin-bottom: 20px
	}

	.production-info .rt-des .font-list p span {
		font-size: 14px
	}

	.production-info .rt-des .font-list p strong {
		font-size: 18px
	}

	.production-info .rt-des .swt-panel .swt-price {
		width: 46%
	}

	.production-info .rt-des .swt-panel .swt-price a {
		width: 100%;
		font-size: 22px;
		font-weight: bold
	}

	.production-info .rt-des .swt-panel .swt-phone {
		width: 54%
	}

	.production-info .rt-des .swt-panel .swt-phone span {
		font-size: 18px
	}

	.production-info .rt-des .swt-panel .swt-phone strong {
		font-size: 30px
	}

	.production-content .video-model .video-wrap .lf-font h3 {
		line-height: 56px;
		font-size: 36px
	}

	.d3-model .wrap>h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.d3-model .wrap>p {
		line-height: 38px;
		font-size: 18px
	}

	.ys-model {
		padding-top: 60px
	}

	.ys-model .wrap>h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.ys-model .wrap .yl-panel {
		padding: 40px 60px
	}

	.ys-model .wrap .yl-panel .font-panel h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.ys-model .wrap .yl-panel .font-panel p {
		font-size: 18px;
		line-height: 32px
	}

	.ys-model .wrap .yl-panel.have-img .font-panel {
		width: 50%
	}

	.ys-model .wrap .yl-panel.have-img .img-panel {
		width: 42%
	}
	/* 新加入样式开始 */
	.d3-model .wrappp>h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.d3-model .wrappp>p {
		line-height: 38px;
		font-size: 18px
	}

	.ys-model {
		padding-top: 60px
	}

	.ys-model .wrappp>h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.ys-model .wrappp .yl-panel {
		padding: 40px 60px
	}

	.ys-model .wrappp .yl-panel .font-panel h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.ys-model .wrappp .yl-panel .font-panel p {
		font-size: 18px;
		line-height: 32px
	}

	.ys-model .wrappp .yl-panel.have-img .font-panel {
		width: 50%
	}

	.ys-model .wrappp .yl-panel.have-img .img-panel {
		width: 42%
	}
	/* 新加入样式结束 */

	ul.ys-list {
		margin-bottom: 60px
	}

	ul.ys-list li {
		margin-top: 60px
	}

	ul.ys-list-demo li p i {
		height: 56px;
		line-height: 56px;
		font-size: 48px
	}

	ul.ys-list-demo li p strong {
		height: 40px;
		line-height: 40px;
		font-size: 20px
	}

	ul.ys-list-demo li p span {
		height: 90px;
		font-size: 18px;
		line-height: 30px
	}

	.param-model .wrap h3,.case-model .wrap h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.param-model .wrap h3:before,.case-model .wrap h3:before {
		left: 10px
	}

	.param-model .wrap h3:after,.case-model .wrap h3:after {
		left: 110px
	}

	.choose-model h3 {
		height: 56px;
		line-height: 56px;
		font-size: 36px
	}

	.choose-model p {
		line-height: 30px;
		font-size: 18px
	}

	.msg-model .container .wrap .lf-bg .font-content .address-content {
		margin-top: 0
	}

	.msg-model .container .wrap .rt-form {
		padding-left: 60px
	}

	.msg-model .container .wrap .rt-form .form-wrap .form-content>h2 {
		height: 64px;
		line-height: 64px;
		font-size: 36px
	}

	.msg-model .container .wrap .rt-form .form-wrap .form-content>p {
		line-height: 30px;
		font-size: 16px
	}

	.msg-model .container .wrap .rt-form .form-wrap .form-content>p span,.msg-model .container .wrap .rt-form .form-wrap .form-content>p a {
		font-size: 18px;
		color: #bd252c
	}
}


@media screen and (min-width: 1960px) {
	.container {
		width: 1920px
	}

	.video-panel dl dt {
		height: 120px
	}

	.video-panel dl dt strong {
		height: 120px;
		line-height: 120px;
		font-size: 100px
	}

	.video-panel dl dt i {
		top: 8px
	}

	.video-panel dl dd p {
		font-size: 32px;
		height: 48px;
		line-height: 48px
	}

	.friend-panel .friend-title strong {
		font-size: 36px
	}

	.production-content .video-model .video-wrap {
		width: 1710px
	}
}

@keyframes widthMove {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-webkit-keyframes widthMove /*Safari and Chrome*/ {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes leftMove {
	0% {
		left: 0
	}

	50% {
		left: -20px
	}

	100% {
		left: 0
	}
}

@-webkit-keyframes leftMove /*Safari and Chrome*/ {
	0% {
		left: 0
	}

	50% {
		left: -20px
	}

	100% {
		left: 0
	}
}

@keyframes rightMove {
	0% {
		right: 0
	}

	50% {
		right: -20px
	}

	100% {
		right: 0
	}
}

@-webkit-keyframes rightMove /*Safari and Chrome*/ {
	0% {
		right: 0
	}

	50% {
		right: -20px
	}

	100% {
		right: 0
	}
}

@keyframes goBackMove {
	0% {
		left: 0
	}

	50% {
		left: 90%
	}

	100% {
		left: 0
	}
}

@-webkit-keyframes goBackMove /*Safari and Chrome*/ {
	0% {
		left: 0
	}

	50% {
		left: 90%
	}

	100% {
		left: 0
	}
}

@keyframes rotateMove {
	from {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

@-webkit-keyframes rotateMove /*Safari and Chrome*/ {
	from {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg)
	}
}

@keyframes rotateMoveBack {
	from {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	to {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg)
	}
}

@-webkit-keyframes rotateMoveBack /*Safari and Chrome*/ {
	from {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg)
	}

	to {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg)
	}
}

@-webkit-keyframes fadeInMove {
	0% {
		opacity: 0
	}

	75% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeInMove {
	0% {
		opacity: 0
	}

	75% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeInDownMove {
	0% {
		opacity: 0
	}

	75% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDownMove {
	0% {
		opacity: 0
	}

	75% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInUpMove {
	0% {
		opacity: 0
	}

	75% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpMove {
	0% {
		opacity: 0
	}

	75% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes lightMove {
	from {
		margin-left: -50%
	}

	to {
		margin-left: 100%
	}
}

@-webkit-keyframes lightMove {
	from {
		margin-left: -50%
	}

	to {
		margin-left: 100%
	}
}
@keyframes mymove
{
	from {left:0px;}
	to {left:10px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {left:0px;}
	to {left:10px;}
}

.is-screen {
	height: 100vh
}

.zh-banner {
	display: block;
	width: 100%;
	background: url("../images/banner_zh.jpg") center bottom no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: relative
}

.zh-banner a {
	display: block;
	width: 100%;
	height: 100%
}

.zh-banner span.close {
	display: block;
	width: 64px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 32px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	font-size: 0
}

.zh-banner span.close i {
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	position: relative;
	z-index: 3;
	font-style: normal;
	padding-left: 15px
}

.zh-banner span.close:before,.zh-banner span.close:after {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	padding: 0 15px;
	top: 0
}

.zh-banner span.close:before {
	content: '';
	background: #000;
	background: rgba(0,0,0,0.6) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=60);
	z-index: 1
}

.zh-banner span.close:after {
	content: 'x';
	z-index: 2;
	font-size: 16px;
	text-align: right;
	line-height: 32px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif
}

.is-zh.video-panel .header {
	position: absolute
}

.screen-hidden,.screen-hidden body {
	height: 100%;
	overflow: hidden
}

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes bounceInLeft {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInLeft {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInRight {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes bounceIn {
	from,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {
	from,20%,40%,60%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes bounceInDown {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInDown {
	from,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}


@media screen and (min-width: 980px) and (max-width:1280px) {
	.model-03 {
		padding: 120px 0 90px;
		background-image: url("../images/bg_02-.jpg");
		background-position: center top;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		overflow: hidden
	}

	.model-03 h2 {
		width: 100%;
		font-size: 0;
		overflow: hidden;
		text-align: center
	}

	.model-03 h2 strong {
		display: inline-block;
		vertical-align: middle;
		color: #b28b65;
		font-size: 60px;
		line-height: 72px;
		margin-right: 30px;
		font-weight: 400
	}

	.model-03 h2 span {
		display: inline-block;
		line-height: 72px;
		font-size: 60px;
		color: #fff;
		vertical-align: middle;
		font-weight: 400
	}

	.model-03>p {
		width: 100%;
		line-height: 38px;
		font-size: 20px;
		color: #b8ccff;
		text-align: center;
		margin: 40px 0
	}

	.swiper-production {
		position: relative;
		width: 100%
	}

	.swiper-production .swiper-slide {
	    width: 100%;
	    padding: 0 21.3615%;
	}

	.swiper-production .swiper-bg {
		width: 100%;
		padding: 0 21.3615%;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0
	}
	.swiper-production .swiper-bg img {
		width: 100%;
		display: block;
	}

	.vidbanh {
		height: 300px;
	}

	.video-banner {
	    position: relative;
	    overflow: hidden
	}

	.video-banner .video-mark {
	    position: absolute;
	    left: 0;
	    top: 0
	}

	.video-banner>img {
	    display: block;
	    width: 100%
	}

	.video-banner>video {
	    display: block;
	    width: 100%;
	    position: relative;
	    z-index: 1
	}

	.video-banner .wrap {
	    display: block;
	    position: absolute;
		bottom: 50px;
		top: unset;
	    left: 0;
	    right: 0;
	    margin-top: -167px;
	    z-index: 10;
	    text-align: center
	}

	.video-banner .font-panel {
	    padding-top: 75px
	}

	.video-banner .font-panel>span {
	    display: inline-block;
	    margin-top: 55px;
	    width: 140px;
	    line-height: 38px;
	    border-radius: 38px;
	    font-size: 16px;
	    background: #fff;
	    color: #000;
	    font-family: "yahei";
	    position: relative;
	    cursor: pointer;
	    transition: all .3s
	}

	.video-banner .font-panel>span:hover {
	    color: #ff4e3c
	}

	.video-banner .font-panel h2 {
	    /* margin-bottom: 30px; */
	    font-size: 40px;
	    line-height: 1.2;
	    font-weight: bold;
	    color: #fff;
	    width: 100%
	}

	.video-banner .font-panel p {
		width: 80%;
	    font-size: 18px;
	    line-height: 30px;
	    color: #ffffff;
	    margin: 10px auto;
	    text-align: center;
	}

	/*底部*/

	.footerr {
	    position: relative;
	    z-index: 2;
	}

	.footerr .group {
	    background: url(../img/footer_group_bg.jpg) no-repeat center bottom;
	}

	.footerr .group .ll {
	    color: #000;
	    line-height: 20px;
	    padding: 36px 0;
	}

	.footerr .group .ll .tit {
	    font-size: 18px;
	    padding-left: 32px;
	    position: relative;
	    margin-right: 120px;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	}

	.footerr .group .ll .tit:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 20px;
	    height: 20px;
	    background: url(../img/brand_ico.png);
	}

	.footerr .group .ll a {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    padding-left: 30px;
	    margin-left: 40px;
	    position: relative;
	}

	.footerr .group .ll a:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 16px;
	    height: 16px;
	    background: url(../img/checkbox_ico.png);
	}

	.footerr .group .ll a:hover:after {
	    background-position: 0 -16px;
	}

	.footerr .group .right {
	    line-height: 54px;
	    padding-top: 20px;
	    position: relative;
	}

	.footerr .group .right .tit {
	    width: 340px;
	    padding-left: 30px;
	    color: #818181;
	    background: #fff;
	}

	.footerr .group .right .xl_tab {
	    background: #c42028;
	    color: #fff;
	    text-align: center;
	    width: 54px;
	    font-size: 30px;
	}

	.footerr .group .right .xl_con {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    background: #fff;
	    -webkit-box-shadow: 0 2px 2px #ededed;
	    box-shadow: 0 2px 2px #ededed;
	    border-top: 1px solid #fff;
	    display: none;
	}

	.footerr .group .right .xl_con a {
	    display: block;
	    padding-left: 30px;
	    -moz-transition: all .8s ease 0s;
	    -ms-transition: all .8s ease 0s;
	    -o-transition: all .8s ease 0s;
	    -webkit-transition: all .8s ease 0s;
	    transition: all .8s ease 0s;
	}

	.footerr .group .right .xl_con a:hover {
	    color: #fff;
	    background: #c42028;
	}

	.footerr .footer1 {
	    background: url(../images/footer1_bg.jpg) no-repeat center top;
	    background-size: cover;
	    padding: 40px 0 35px;
	    color: #b4b5b8;
	    font-size: 14px;
	    line-height: 28px;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}

	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}



	.footerr .footer2 {
	    line-height: 28px;
	    padding: 12px 0;
	    color: #fff;
	    background: #05691c;
	}

	.footerr .footer2 a {
	    display: inline-block;
	    display: inline;
	    zoom: 1;
	    margin: 0 3px;
	    color:#fff;
	}

	.footerr .footer2 a:hover {
	    color: #fff;
	    opacity: .9;
	}

	.wrapp {
	    width: 100%;
	    margin-right: auto;
	    margin-left: auto;
		display: flex;
		justify-content: space-between;
	}
	.fixx {
	    zoom: 1;
	    clear: both;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}
	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}
	.footerr .footer1 .left .cont .d a:hover{
	    font-size: 14px;
	    color: #fff;
	    margin-top: 15px;
	}

	.footerr .footer1 .channel {
	    margin-left: 50px;
		display: flex;
	}
	.ll {
	    float: left;
		width:auto;
		margin-left: 5%;
	}

	.footerr .footer1 .channel .item:last-child {
	    border: none;
	}
	.footerr .footer1 .channel .item {
	    padding: 0 30px;
	    text-align: center;
	    border-right: 1px solid #fff;
	    height: auto;
	    text-align: left;
	}

	.footerr .footer1 .channel a.dt {
	    font-size: 18px;
	    color: #fff;
	    margin: 15px 0;
	}
	.footerr .footer1 .channel a {
	    display: block;
	    max-width: 110px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.footerr .footer1 .channel a:hover {
	    color:#fff;
	}

	.footerr .footer1 .right {
	    margin-top: 20px;
		margin-right: 5%;
	}
	.rr {
	    float: right;
	}

	.footerr .footer1 .right .pic img{
	    width:9.4rem!important;
	}

	.footerr .footer1 .bdsharebuttonbox {
	    margin-top: 30px;
	}

	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.r {
	    float: right;
	}

	.footerr .footer1 .bdsharebuttonbox a.bds_tsina {
	    background-position: 0 0;
	}
	.footerr .footer1 .bdsharebuttonbox a {
	    background: url(../images/footer_ico.png) no-repeat;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    margin: 0 7px;
	    width: 30px;
	    height: 30px;
	    padding: 0;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_weixin {
	    background-position: -30px 0;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_douban {
	    background-position: -60px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}

	#banners{
	    width:100%;
	    height:600px;
	    margin:0 auto;
	    position:relative;
	    overflow:hidden;
	    display: flex;
	    display: -webkit-flex;
	    flex-direction: wrap;
	}
	#banners #picUl { position:absolute; width:100%;
	height:100%;}
	#banners #picUl li{ position:absolute; top:0; left:0;}
	#banners #picUl li .text_box{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 50%;
	    margin-left: -45%;
	    z-index: 2;
	    right: 50%;
	    padding-top: 100px;
		width: 30%;
	}
	#banners #picUl li .text_box .num{
	    font-family: 微软雅黑;
	    color: rgba(46, 31, 31, .15);
	    font-size: 180px;
	    line-height: 1;
	    transition-delay: .2s;
	    filter: alpha(opacity=15);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
	}
	#banners #picUl li .text_box .cn{
	    position: absolute;
	    top: 175px;
	    color: #c42028;
	    font-size: 34px;
	    font-weight: bold;
	    transition-delay: .4s;
	}
	#banners #picUl li .text_box .en{
	    font-size: 40px;
	    color: #000;
	    font-weight: bold;
	    font-family: 微软雅黑;
	    line-height: 1;
	    text-transform: uppercase;
	    transition-delay: .6s;
	}
	#banners #picUl li .text_box .desc{
	    font-size: 15px;
	    color: #000;
	    margin: 15px 0;
	    transition-delay: .8s;
	    padding: 0;
	    width: 80%;
	    height: auto;
	}
	#banners #picUl li img{
		min-height:100%;
		min-width:100%;
		max-width: none;
	}
	#banners #tab{
		width:20%;
		height:100%;
		position:absolute;
		right:10%;
		background:rgba(255,255,255,.6);
		z-index: 999;
	}
	#banners #tab #tabUl{
		/* width:20%; */
		height:100%;
		position:absolute;
		/* right:10%; */
		background:rgba(255,255,255,.6);
	}
	#banners #tab li {
	     width:100%;
	     height: 25%;
	     text-align:center;
	     position:relative;
	     display: inline-block;
	     text-align: center;
	     padding: 50px 30px;
	    /* display: inline;
	    zoom: 1; */
	    background: url(../images/white.4.png) repeat;
	    -moz-transition: all .5s ease 0s;
	    -ms-transition: all .5s ease 0s;
	    -o-transition: all .5s ease 0s;
	    -webkit-transition: all .5s ease 0s;
	    transition: all .5s ease 0s;
	 }
	 #banners #tab #tabUl li:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 1px;
	    background: #fff;
	 }
	#banners #tab li a{
		text-decoration:none;
		color:#fff;
		font-size:15px;
		line-height:50px;
		display:block;
	}
	#banners #tab li p{
		line-height: 50px;
		font-size: 1.5rem!important;
		font-weight: bold;
	}
	#banners #tab li span{
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		top: 50%;
		left:-15px;
		margin-top:-3px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent rgba(193,224,196,0.6) transparent transparent;
		display:none;
	}
	#banners #tab li.active{ background:rgba(193,224,196,0.6);}
	#banners #tab li.active .on{ display:block;}
}

@media screen and (min-width: 760px) and (max-width: 980px) {
	.model-03 {
		padding: 60px 0 0;
		background-image: url("../images/bg_02-.jpg");
		width:100%;
		height:auto;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		overflow: hidden
	}

	.model-03 h2 {
		width: 100%;
		font-size: 0;
		overflow: hidden;
		text-align: center;
		/* display: none; */
	}

	.model-03 h2 strong {
		display: inline-block;
		vertical-align: middle;
		color: #b28b65;
		font-size: 40px;
		line-height: 50px;
		margin-right: 30px;
		font-weight: 400
	}

	.model-03 h2 span {
		display: inline-block;
		line-height: 50px;
		font-size: 40px;
		color: #fff;
		vertical-align: middle;
		font-weight: 400
	}

	.model-03>p {
		width: 100%;
		line-height: 30px;
		font-size: 20px;
		color: #b8ccff;
		text-align: center;
		margin: 20px 0;
		/* display: none; */
	}

	.swiper-production {
		position: relative;
		width: 100%
	}

	.swiper-production .swiper-bg {
		width: 100%;
		padding: 0 25%;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom:90px;
		/* top: 0 */
	}
	.swiper-production .swiper-bg img {
		width: 100%;
		left: 0;
		bottom:50px;
		/* top: 0 */
	}
	.swiper-production .swiper-slide {
	    width: 100%;
	    padding: 7% 29%;
	}

	.swiper-production .swiper-slide .slide-content {
		width: 100%;
		position: relative
	}

	.swiper-production .swiper-slide dl {
		width: 100%;
		position: relative;
		z-index: 1;
		display: block
	}

	.swiper-production .swiper-slide dl dt {
		width: 100%;
		overflow: hidden
	}

	.swiper-production .swiper-slide dl dt a {
		display: block;
		width: 100%;
		overflow: hidden
	}

	.swiper-production .swiper-slide dl dt a img {
		display: block;
		width: 100%
	}

	.swiper-production .swiper-slide dl dd {
		width: 100%;
		height: 54px;
		overflow: hidden;
		text-align: center
	}

	.swiper-production .swiper-slide dl dd a {
		line-height: 54px;
		color: #fff;
		font-size: 24px
	}

	.swiper-production .main-font.swiper-slide .ys-font {
		width: 290px;
		height: 25px;
		position: absolute;
		z-index: 10
	}

	.swiper-production .main-font.swiper-slide .ys-font>em {
		display: none;
		width: 100%;
		height: 100%
	}

	.swiper-production .main-font.swiper-slide .ys-font i.circle-01 {
		width: 11px;
		height: 11px;
		display: none;
		position: absolute
	}

	.swiper-production .main-font.swiper-slide .ys-font i.circle-02 {
		display: none;
		width: 4px;
		height: 4px;
		border-radius: 100%;
		background: #09defa;
		position: absolute
	}

	.swiper-production .main-font.swiper-slide .ys-font>span {
		display: block;
		width: 26px;
		height: 26px;
		position: absolute
	}

	.swiper-production .main-font.swiper-slide .ys-font>span.icon-01 {
		display: none;
		background: url("../images/icon_out.png") center center no-repeat;
		-webkit-animation: rotateMove 2s infinite linear;
		animation: rotateMove 2s infinite linear
	}

	.swiper-production .main-font.swiper-slide .ys-font>span.icon-02 {
		display: none;
		background: url("../images/icon_mid.png") center center no-repeat;
		-webkit-animation: rotateMoveBack 2s infinite linear;
		animation: rotateMoveBack 2s infinite linear
	}

	.swiper-production .main-font.swiper-slide .ys-font>span.icon-03 {
		display: none;
		background: url("../images/icon_inner.png") center center no-repeat;
		-webkit-animation: rotateMove 2s infinite linear;
		animation: rotateMove 2s infinite linear
	}

	.swiper-production .main-font.swiper-slide .ys-font>p {
		display: block;
		width: 205px;
		height: 42px;
		position: absolute;
		background: url("../images/font_bg_01.png") center center no-repeat
	}

	.swiper-production .main-font.swiper-slide .ys-font>p span {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		text-align: center;
		line-height: 42px;
		font-size: 16px;
		color: #09defa
	}

	.swiper-production .main-font.swiper-slide .ys-font>p strong {
		display: block;
		width: 7px;
		height: 7px;
		border-radius: 100%;
		border: 1px solid #07ebfc;
		position: absolute;
		right: -8px;
		top: -8px
	}

	.swiper-production .main-font.swiper-slide .ys-font>p strong b {
		display: block;
		width: 12px;
		height: 1px;
		background: #07ebfc;
		position: absolute;
		left: -12px;
		top: 2px
	}

	.swiper-production .main-font.swiper-slide .ys-font>p strong cite {
		display: block;
		width: 1px;
		height: 12px;
		background: #07ebfc;
		position: absolute;
		left: 2px;
		bottom: -12px
	}

	.swiper-production .swiper-button-next,.swiper-production .swiper-button-prev {
		width: 74px;
		height: 60px;
		margin-top: -80px;
		background: none;
		outline: none
	}

	.swiper-production .swiper-button-next i,.swiper-production .swiper-button-next span,.swiper-production .swiper-button-next em,.swiper-production .swiper-button-next cite,.swiper-production .swiper-button-next b,.swiper-production .swiper-button-prev i,.swiper-production .swiper-button-prev span,.swiper-production .swiper-button-prev em,.swiper-production .swiper-button-prev cite,.swiper-production .swiper-button-prev b {
		display: block;
		position: absolute
	}

	.swiper-production .swiper-button-next i,.swiper-production .swiper-button-next span,.swiper-production .swiper-button-prev i,.swiper-production .swiper-button-prev span {
		width: 74px;
		height: 60px;
		top: 0
	}

	.swiper-production .swiper-button-next {
		right: 10%
	}


	.vidbanh {
		height: 260px;
	}
	.wrap{
		width:100%;
	}

	.video-banner {
	    position: relative;
	    overflow: hidden
	}

	.video-banner .video-mark {
	    position: absolute;
	    left: 0;
	    top: 0
	}

	.video-banner>img {
	    display: block;
	    width: 100%
	}

	.video-banner>video {
	    display: block;
	    width: 100%;
	    position: relative;
	    z-index: 1
	}

	.video-banner .wrap {
	    display: block;
	    position: absolute;
		bottom: 60px;
		top: unset;
	    left: 0;
	    right: 0;
	    margin-top: -167px;
	    z-index: 10;
	    text-align: center
	}

	.video-banner .font-panel {
	    padding-top: 75px
	}

	.video-banner .font-panel>span {
	    display: inline-block;
	    margin-top: 55px;
	    width: 140px;
	    line-height: 38px;
	    border-radius: 38px;
	    font-size: 16px;
	    background: #fff;
	    color: #000;
	    font-family: "yahei";
	    position: relative;
	    cursor: pointer;
	    transition: all .3s
	}

	.video-banner .font-panel>span:hover {
	    color: #ff4e3c
	}

	.video-banner .font-panel h2 {
	    margin-bottom: 10px;
	    font-size: 40px;
	    line-height: 1.2;
	    font-weight: bold;
	    color: #fff;
	    width: 100%
	}

	.video-banner .font-panel p {
		width: 80%;
	    font-size: 18px;
	    line-height: 30px;
	    color: #ffffff;
	    margin: 10px auto;
	    text-align: center;
	}

	/*底部*/

	.footerr {
	    position: relative;
	    z-index: 2;
	}

	.footerr .group {
	    background: url(../img/footer_group_bg.jpg) no-repeat center bottom;
	}

	.footerr .group .ll {
	    color: #000;
	    line-height: 20px;
	    padding: 36px 0;
	}

	.footerr .group .ll .tit {
	    font-size: 18px;
	    padding-left: 32px;
	    position: relative;
	    margin-right: 120px;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	}

	.footerr .group .ll .tit:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 20px;
	    height: 20px;
	    background: url(../img/brand_ico.png);
	}

	.footerr .group .ll a {
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    padding-left: 30px;
	    margin-left: 40px;
	    position: relative;
	}

	.footerr .group .ll a:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 2px;
	    width: 16px;
	    height: 16px;
	    background: url(../img/checkbox_ico.png);
	}

	.footerr .group .ll a:hover:after {
	    background-position: 0 -16px;
	}

	.footerr .group .right {
	    line-height: 54px;
	    padding-top: 20px;
	    position: relative;
	}

	.footerr .group .right .tit {
	    width: 340px;
	    padding-left: 30px;
	    color: #818181;
	    background: #fff;
	}

	.footerr .group .right .xl_tab {
	    background: #c42028;
	    color: #fff;
	    text-align: center;
	    width: 54px;
	    font-size: 30px;
	}

	.footerr .group .right .xl_con {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    background: #fff;
	    -webkit-box-shadow: 0 2px 2px #ededed;
	    box-shadow: 0 2px 2px #ededed;
	    border-top: 1px solid #fff;
	    display: none;
	}

	.footerr .group .right .xl_con a {
	    display: block;
	    padding-left: 30px;
	    -moz-transition: all .8s ease 0s;
	    -ms-transition: all .8s ease 0s;
	    -o-transition: all .8s ease 0s;
	    -webkit-transition: all .8s ease 0s;
	    transition: all .8s ease 0s;
	}

	.footerr .group .right .xl_con a:hover {
	    color: #fff;
	    background: #c42028;
	}

	.footerr .footer1 {
	    background: url(../images/footer1_bg.jpg) no-repeat center top;
	    background-size: cover;
	    padding: 40px 0 35px;
	    color: #b4b5b8;
	    font-size: 14px;
	    line-height: 28px;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}

	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}



	.footerr .footer2 {
	    line-height: 28px;
	    padding: 12px 0;
	    color: #fff;
	    background: #05691c;
	}

	.footerr .footer2 a {
	    display: inline-block;
	    display: inline;
	    zoom: 1;
	    margin: 0 3px;
	    color:#fff;
	}

	.footerr .footer2 a:hover {
	    color: #fff;
	    opacity: .9;
	}

	.wrapp {
	    width: 100%;
	    margin-right: auto;
	    margin-left: auto;
	}
	.fixx {
	    zoom: 1;
	    clear: both;
	}

	.footerr .footer1 .left .cont {
	    margin-top: 25px;
	}
	.footerr .footer1 .left .cont .t {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 15px;
	}
	.footerr .footer1 .left .cont .d a:hover{
	    font-size: 14px;
	    color: #fff;
	    margin-top: 15px;
	}

	.footerr .footer1 .channel {
	    /* margin-left: 150px; */
		display: none;
	}
	.ll {
	    float: left;
		margin-left:5%;
	}

	.footerr .footer1 .channel .item:last-child {
	    border: none;
	}
	.footerr .footer1 .channel .item {
	    padding: 0 30px;
	    text-align: center;
	    border-right: 1px solid #fff;
	    height: auto;
	    text-align: left;
	}

	.footerr .footer1 .channel a.dt {
	    font-size: 18px;
	    color: #fff;
	    margin: 15px 0;
	}
	.footerr .footer1 .channel a {
	    display: block;
	    max-width: 110px;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	}
	.footerr .footer1 .channel a:hover {
	    color:#fff;
	}

	.footerr .footer1 .right {
	    margin-top: 20px;
		margin-right:5%;
	}
	.rr {
	    float: right;
	}

	.footerr .footer1 .right .pic img{
	    width:9.4rem!important;
	}

	.footerr .footer1 .bdsharebuttonbox {
	    margin-top: 30px;
	}

	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.bdshare-button-style0-16 {
	    zoom: 1;
	}
	.r {
	    float: right;
	}

	.footerr .footer1 .bdsharebuttonbox a.bds_tsina {
	    background-position: 0 0;
	}
	.footerr .footer1 .bdsharebuttonbox a {
	    background: url(../images/footer_ico.png) no-repeat;
	    display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    margin: 0 7px;
	    width: 30px;
	    height: 30px;
	    padding: 0;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.bdshare-button-style0-16 .bds_tsina {
	    background-position: 0 -104px;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_weixin {
	    background-position: -30px 0;
	}
	.footerr .footer1 .bdsharebuttonbox a.bds_douban {
	    background-position: -60px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}
	.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
	    float: left;
	    font-size: 12px;
	    padding-left: 17px;
	    line-height: 16px;
	    height: 16px;
	    background-image: url(../images/share/icons_0_16.png?v=d754dcc0.png);
	    background-repeat: no-repeat;
	    cursor: pointer;
	    margin: 6px 6px 6px 0;
	}

	#banners{
	    width:100%;
	    height:600px;
	    margin:0 auto;
	    position:relative;
	    overflow:hidden;
	    display: flex;
	    display: -webkit-flex;
	    flex-direction: wrap;
	}
	#banners #picUl { position:absolute; width:100%;
	height:100%;}
	#banners #picUl li{ position:absolute; top:0; left:0;}
	#banners #picUl li .text_box{
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 50%;
	    margin-left: -45%;
	    z-index: 2;
	    right: 50%;
	    padding-top: 100px;
		width: 20%;
	}
	#banners #picUl li .text_box .num{
	    /* font-family: 微软雅黑;
	    color: rgba(46, 31, 31, .15);
	    font-size: 180px;
	    line-height: 1;
	    transition-delay: .2s;
	    filter: alpha(opacity=15);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); */
		display: none;
	}
	#banners #picUl li .text_box .cn{
	    /* position: absolute; */
	    /* top: 175px; */
	    color: #c42028;
	    font-size: 34px;
	    font-weight: bold;
	    transition-delay: .4s;
	}
	#banners #picUl li .text_box .en{
	    /* font-size: 40px;
	    color: #000;
	    font-weight: bold;
	    font-family: 微软雅黑;
	    line-height: 1;
	    text-transform: uppercase;
	    transition-delay: .6s; */
		display: none;
	}
	#banners #picUl li .text_box .desc{
	    font-size: 15px;
	    color: #000;
	    margin: 15px 0;
	    transition-delay: .8s;
	    padding: 0;
	    width: 80%;
	    height: auto;
	}
	#banners #picUl li img{
		min-height:100%;
		min-width:100%;
		max-width: none;
	}
	#banners #tab{
		width:20%;
		height:100%;
		position:absolute;
		right:10%;
		background:rgba(255,255,255,.6);
		z-index: 999;
	}
	#banners #tab #tabUl{
		/* width:20%; */
		height:100%;
		position:absolute;
		/* right:10%; */
		background:rgba(255,255,255,.6);
		z-index: 999;
	}
	#banners #tab li {
	     width:100%;
	     height: 25%;
	     text-align:center;
	     position:relative;
	     display: inline-block;
	     text-align: center;
	     padding: 50px 30px;
	    /* display: inline;
	    zoom: 1; */
	    background: url(../images/white.4.png) repeat;
	    -moz-transition: all .5s ease 0s;
	    -ms-transition: all .5s ease 0s;
	    -o-transition: all .5s ease 0s;
	    -webkit-transition: all .5s ease 0s;
	    transition: all .5s ease 0s;
	 }
	 #banners #tab #tabUl li:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 1px;
	    background: #fff;
	 }
	#banners #tab li a{
		text-decoration:none;
		color:#fff;
		font-size:15px;
		line-height:50px;
		display:block;
	}
	#banners #tab li p{
		line-height: 50px;
		font-size: 1.5rem!important;
		font-weight: bold;
	}
	#banners #tab li span{
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		top: 50%;
		left:-15px;
		margin-top:-3px;
		border-width: 8px;
		border-style: solid;
		border-color: transparent rgba(193,224,196,0.6) transparent transparent;
		display:none;
	}
	#banners #tab li.active{ background:rgba(193,224,196,0.6);}
	#banners #tab li.active .on{ display:block;}
}

/*公司简介*/
.intro .pt1 {
	background: url(./intro_pt1bg.jpg) no-repeat center bottom;
}

.intro .pt1 .en {
	font-size: 60px;
	color: #c42028;
	font-family: Impact;
	text-transform: uppercase;
	line-height: 1;
}

.intro .pt1 .cn {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	margin: 10px 0;
}

.intro .pt1 .desc {
	margin-bottom: 75px;
	color: #000;
	visibility: visible;
    -webkit-transform: translateX(0) scale(1);
    opacity: 1;
    transform: translateX(0) scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform 1s ease-out 0s, opacity 1s ease-out 0s;
    transition: transform 1s ease-out 0s, opacity 1s ease-out 0s;
}

.intro .pt1 .item2 .text {
	text-align: center;
	padding-top: 30%;
}

.intro .pt1 .item2 .word {
	transform: none;
}

.intro .pt1 .item2 .desc {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin: 10px 0;
	line-height: 1.2;
}

.intro .pt1 .video_box.rect-90:after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	z-index: 1;
	background: url(./video_play2.png) no-repeat center;
}

.intro .pt1 a {
	display: block;
}

.intro .bigdata {
	padding: 40px 0;
	color: #000;
}

.intro #pt1_big {
	position: relative;
	top: -90px;
}

.intro .pt2 {
	padding: 50px 0 0;
	background: url(./intro_pt2bg.jpg) no-repeat center top;
	background-size: contain;
}

.intro .pt2 .wrap {
	position: relative;
}

.intro .pt2 .about_honor_l {
	width: 30%;
	position: relative;
}

.intro .pt2 .about_honor_l.fixed {
	position: fixed;
	top: 97px;
	left: 50%;
	margin-left: -650px;
	width: 390px;
}

.intro .pt2 .about_honor_l.abs {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 390px;
}

.intro .pt2 .about_honor_l .bg {
	-moz-transition: all .8s linear 0s;
	-ms-transition: all .8s linear 0s;
	-o-transition: all .8s linear 0s;
	-webkit-transition: all .8s linear 0s;
	transition: all .8s linear 0s;
	transform: translateY(50px);
}

.intro .pt2 .about_honor_l .cup {
	position: absolute;
	top: 100px;
	left: 60px;
}

.intro .pt2 .about_honor_r {
	width: 67%;
	position: relative;
}

.intro .pt2 .about_honor_r:after {
	content: "";
	width: 1px;
	bottom: 10px;
	position: absolute;
	background: #dedede;
	top: 0;
	left: 104px;
}

.intro .pt2 .about_honor_r dl {
	padding-left: 18%;
	min-height: 80px;
}

.intro .pt2 .about_honor_r dt {
	top: 0;
	left: 0;
	font-size: 32px;
	color: #c42028;
	font-family: Impact;
	width: 80px;
}

.intro .pt2 .about_honor_r dt:after {
	content: "";
	width: 6px;
	height: 6px;
	background: #fff;
	border: 5px solid #b7b7b7;
	position: absolute;
	right: -32px;
	top: 40%;
	border-radius: 50%;
	z-index: 2;
}

.intro .pt2 .about_honor_r dd {
	padding: 2% 4%;
	cursor: pointer;
}

.intro .pt2 .about_honor_r dd .img_title {
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.intro .pt2 .about_honor_r dd.even {
	background: #f5f5f5;
}

.intro .pt2 .about_honor_r dd .img_box {
	width: 24%;
	bottom: 0px;
	right: 4%;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0px -1px 11px #8a8a8a;
}

.intro .pt2 .about_honor_r dd:hover .img_box {
	visibility: visible;
	opacity: 1;
}

.intro .pt2 .about_honor_r dd:hover .img_title {
	width: 70%;
}

.intro .pt2 .about_honor_r dd:hover {
	background: #c42028;
	color: #fff;
}

.intro .pt2 .about_honor_r dd .img_box .rect-5625 {
	padding-bottom: 75%;
}

.intro .pt2 .load_more {
	text-align: center;
	margin-top: 50px;
}

@media only screen and (max-width: 1240px) {
	.intro .pt2 .about_honor_l {
		display: none;
	}

	.intro .pt2 .about_honor_r {
		width: 100%;
	}
}

@media only screen and (max-width: 760px) {
	.intro .pt2 .about_honor_r dt {
		position: static;
	}

	.intro .pt2 .about_honor_r dt:after {
		display: none;
	}

	.intro .pt2 .about_honor_r dl {
		padding-left: 0;
	}

	.intro .pt2 .about_honor_r:after {
		display: none;
	}

	.intro .pt2 .about_honor_r dd .img_title {
		font-size: 16px;
	}

	.intro .pt1 .en {
		font-size: 22px;
	}

	.intro .pt1 .cn {
		font-size: 18px;
	}

	.intro .pt1 .item2 .desc {
		font-size: 16px;
	}
}

/*图标字体news*/
/*@font-face {font-family: "iconfont";
  src: url('http://web.jerei.com/11638/font/iconfont.eot');
  src: url('http://web.jerei.com/11638/font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('http://web.jerei.com/11638/font/iconfont.woff') format('woff'),
  url('http://web.jerei.com/11638/font/iconfont.ttf') format('truetype'),
  url('http://web.jerei.com/11638/font/iconfont.svg#iconfont') format('svg');
}*/
@font-face{font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome, firefox */
  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
}