/* CSS Document */
/*动画*/
.opac{opacity:0;}

@keyframes zoomIn {
0% {
    opacity: 0;
	transform: scale(0.6,0.6);
	
}
100% {
    opacity: 1;
	transform: scale(1,1);
}
}
@keyframes zoomIn2 {
0% {
    opacity: 0;
	transform: scale(0.1,0.1);
	
}
100% {
    opacity: 1;
	transform: scale(1,1);
}
}
@keyframes zoomIn3 {
0% {
	transform: scale(1,1);
	
}
50% {
	transform: scale(0.9,0.9);
}
100% {

	transform: scale(1,1);
}

}


@keyframes am1 {
	0% {opacity: 0;filter:blur(8px);}
	100%{opacity: 1;filter:blur(0);}
}

@keyframes am2 {
	0% {opacity: 0;transform: scale(0.3,0.3);filter:blur(8px);}
	100%{opacity: 1;transform: scale(1,1);filter:blur(0);}
}
@keyframes atop
{
from {transform:matrix3d(1, 0, 0, 0, 0, 0, 1, -0.00166, 0, -1, 0, 0, 0, 0, 0, 1);opacity: 0;}
to { transform:translate3d(0px, 0px, 0px);transform-origin:center center 0;opacity:1}
}

@keyframes yz {
0% {
	transform: rotate3D(0, 0, 1, 0deg);
}
100% {
	transform: rotate3D(0, 0, 1, 360deg);
}
}
@keyframes yz2 {
0% {
	transform: rotate3D(0, 0, 1, 360deg);
}
100% {
	transform: rotate3D(0, 0, 1, 0deg);
}
}

@keyframes yz3 {
0% {
	transform: rotate3D(0, 0, 1, 120deg);
}
100% {
	transform: rotate3D(0, 0, 0, 30deg);
}
}
@keyframes yz4 {
0% {
	transform: rotate3D(0, 0, 1, 160deg);
}
100% {
	transform: rotate3D(0, 0, 1, 30deg);
}
}


@keyframes am3 {
	0% {opacity: 0; margin-top:30px;}
	100%{opacity: 0.4; margin-top:0px;}
}

@keyframes am4 {
	0% {opacity: 1;transform: scale(1,1);}
	100% {opacity: 0;transform: scale(1.3,1.3);}
}


@keyframes bam1 {
	0% { background-position:-5000px bottom;}
	50% { background-position:0 bottom;}
	100%{ background-position:5000px bottom;}
}



/*外部框架*/
.section-3{ margin-top:100px;opacity: 0;}

.bg-1{ background:#f2f2f2; padding:50px 0 0;}
.bg-m{ background:url(../img/index/bg_k1.jpg) repeat-y center 0; background-size:100% auto;}

.bg-2{ background:url(../img/index/bg_k2.jpg) no-repeat center 0; background-size:100% auto; position:relative; overflow:hidden; padding:80px 0 30px; text-align:center;}
.bg-2 .bk-w{ display:inline-block; width:35%; height:261px; margin:0 2.6% 15px; color:#fff; text-align:center; background:url(../img/index/ak_hover.png) no-repeat center center; background-size:100% 100%;opacity:0;}

.bg-2 .bk-w .num{ font-family:Arial; font-weight:bold; font-size:49px;text-shadow:#5382da 3px 2px 7px; padding:10px 0 0; display:block;opacity: 0;}
.bg-2 .bk-w i{ display:inline-block; border:1px solid #a6b7e3; width:32px; height:32px;border-radius:32px;opacity: 0; margin-left:-180px;}
.bg-2 .bk-w em{ display:inline-block; background:#fff; width:18px; height:18px;border-radius:32px; margin-top:7px;}
.bg-2 .bk-w p{ font-size:16px; line-height:26px; margin-top:10px; overflow:hidden;opacity: 0;}
.bg-2 .bk-w p span{ font-size:24px; font-weight:bold; line-height:48px; display:block;}
.bg-2 .bk-w .tam1{animation:am1 1s;opacity: 1;filter:blur(0);}
.bg-2 .bk-w .tam2{animation:zoomIn2 4s; opacity: 0.4;transform: scale(1,1);}


.bg-3{ background:#f5f5f5; height:700px; position:relative; overflow:hidden; margin-top:150px;opacity: 0;}
.bg-3 .w{ height:100%; z-index:2;}
.bg-3 .bgk3{ background:url(../img/index/bg_k3_h.png) no-repeat 0 bottom; background-size:100% auto; position:absolute; width:100%; height:100%; top:0; left:0;}

.bg-4{ background:url(../img/index/bg_k4.jpg) repeat-x -2000px bottom; background-size:auto 100%;opacity: 0;}
.bg-4 .w{ position:relative; padding:55px 0;}
.bg-4 .yuan{ position:relative; height:553px;}

.bg-4 .bk-y{position:absolute; margin:0 auto; left:0; right:0; top:0; z-index:2;opacity: 0; width:70%;}
.bg-4 .bk-y img{ width:100%;}
.bg-4 .bk-bd{ position:absolute; margin:0 auto; left:0; right:0; top:4%; z-index:2;opacity: 0; width:63%;}
.bg-4 .bk-bd img{ width:100%;}

.bg-4 .bk-lf1{ width:33%; position:absolute; top:50%; left:17%; z-index:4;opacity: 0;}
.bg-4 .bk-ri1{ width:33%; position:absolute; top:4%; right:15%;z-index:4;opacity: 0;}
.bg-4 .bk-d1{ background:url(../img/index/bk4_dot2.png) no-repeat center center; width:20px; height:20px; position:absolute; top:613px; left:403px; z-index:3;opacity: 0;transform-origin:198px -179px;}
.bg-4 .bk-d2{ background:url(../img/index/bk4_dot2.png) no-repeat center center; width:20px; height:20px; position:absolute; top:241px; right:397px; z-index:3;opacity: 0;transform-origin:-182px 193px;}

.bg-4 .bk-lf2{width:51%;position:absolute; top:22%; left:0;opacity: 0;}
.bg-4 .bk-ri2{ width:51%;position:absolute; top:0; right:0;opacity: 0;}
.bg-4 .bk-lf2 img,.bg-4 .bk-ri2 img{ width:100%;}

.bg-4 .bk-w1{ background:url(../img/index/pic_b1.png) no-repeat center center; width:90%; margin:0 auto; height:329px;opacity: 0;}
.bg-4 .bk-w2{ background:url(../img/index/pic_b2.png) no-repeat center center; width:90%; margin:0 auto; height:329px;opacity: 0;}
.bg-4 .bk-w1 a,.bg-4 .bk-w2 a{ display:block; height:100%;}
.bg-4 .bk-info{ height:135px;}
.bg-4 .bk-info .fl{ width:330px; text-align:right; padding:30px 0 0;}
.bg-4 .bk-info .fl p{ line-height:22px; padding:5px 0 0; font-size:14px; color:#858585;}
.bg-4 .bk-info .fl span{ display:block; font-weight:bold; font-size:16px; font-weight:bold; color:#5b5b5b; line-height:30px;}
.bg-4 .bk-info .fr{ padding:30px 0 0;}
.bg-4 .bk-w2 a{}
.bg-4 .bk-w2 .bk-info .fl{ float:right; text-align:left;}
.bg-4 .bk-w2 .bk-info .fr{ float:left;}
.bg-4 .bk-w2 .bk-info .fl p{ padding:0;}
.bam1{animation:bam1 60s infinite linear; background-position:-2000px center;}


.bg-5{ background:url(../img/index/bg_k5.jpg) repeat-x 0 bottom; padding-bottom:20px; opacity: 0;}
.bg-5 .w{ position:relative;}


.bg-6{ background:url(../img/index/bg_k6.jpg) no-repeat center 0 #5e76e1;opacity: 0; background-size:100% auto;}
.bg-6 .w{ position:relative;}
.bg-6 .bk-fl{ float:left; width:45%; margin-top:45px; text-align:right;}
.bg-6 .bk-fr{ float:right; width:45%; margin-top:45px;}
.bg-6 .bfont{opacity: 0;}
.bg-6 .bfont i{ background:url(../img/index/dot_k1.png) no-repeat right center; height:78px; display:block;}
.bg-6 .bfont .bline{ background:url(../img/index/line_k.png) no-repeat right bottom; height:7px; margin-top:10px;}
.bg-6 .bfont p{ color:#fff; font-size:20px; line-height:35px; margin-top:15px;}
.bg-6 .bfont span{ display:block; font-size:28px; background:url(../img/index/dot_k2.png) no-repeat right center; padding-right:40px; line-height:35px;}
.bg-6 .bk-fr i{ background-position:0 center;}
.bg-6 .bk-fr .bline{ background:url(../img/index/line_kr.png) no-repeat 0 bottom;}
.bg-6 .bk-fr span{background:url(../img/index/dot_k2r.png) no-repeat 0 center; padding-left:40px;}

.bg-7{background:url(../img/index/bg_k4.jpg) repeat-x -2000px bottom;opacity: 0; padding:48px 0;}


.bg-8{ background:url(../img/index/bg_k7.jpg) repeat-x 0 bottom;}
.bg-8 .w{ padding:20px 0;}

.bg-9{ padding:1rem 0;box-shadow:#e5ebf9 0 8px 24px;}
.bg-9 .w{ position:relative;}
.bg-9 .bside{ background:url(../img/index/map_t.jpg) no-repeat center 0; width:10px; height:225px; position:absolute; left:2%; top:50px;opacity: 0;}
.bg-9 .bmap{ text-align:center;opacity:0;}
.bg-9 .bmap img{ width:85%;}
.bg-9 .bfont{ padding:0 6%;}
.bg-9 .btit{ position:relative; border-bottom:1px solid #cecece; height:30px; width:0;}
.bg-9 .btit span{ color:#969696; font-size:11px; text-transform:uppercase;opacity:0;}
.bg-9 .btit a{ display:block; background:url(../img/index/amore.png) no-repeat 0 0; width:168px; height:41px; line-height:41px; font-size:18px; font-weight:bold; color:#fff; text-indent:25px; position:absolute; right:300px; top:8px;opacity:0;}
.bg-9 p{ margin:30px 0 0; color:#8f8f8f; font-size:18px; line-height:35px;opacity:0;}
.bg-9 p span{ color:#535353; font-size:24px; display:block; line-height:45px;}

/*焦点图*/
.banner{height:500px; margin:0 auto 0; z-index:100;clear:both; position:relative; max-width:1900px; min-width:1200px; overflow:hidden;}
.banner #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{left:0; top:0;}
#kinMaxShow{display:none;}
.banner .w{ position:relative;}
/* 本例子css */
.hejun-collection{ position: relative; width: 100%; height:100%; opacity: 0; margin-top:200px;}
.hejun-collection .collbgs{ position: relative; background:#63a4f7;}
.hejun-collection .hejun-collumns{ position: absolute; top:0; width:100%; height:100%;}
.hejun-collection .hejun-collumns.active{
	opacity: 1;
}
.hejun-collection .slider-waper{ position: relative; width: 100%; height: 100%;}
.hejun-collection .slider-waper ul{ position: relative; height: 100%; height: 100%; overflow: hidden;}
.hejun-collection .slider-waper ul li{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0;
	 opacity: 0;
	 visibility: hidden;
	 transition: all .7s ease-in-out 0s;
	 -webkit-transition: all .7s ease-in-out 0s;
	 -moz-transition: all .7s ease-in-out 0s;
}
.hejun-collection .slider-waper ul li.curs{ width: 100%; visibility: visible; opacity: 1; z-index: 1;}
.hejun-collection .slider-waper ul li>article{ width: 100%; height: 100%; position: relative; overflow: hidden; top:5%; left:13%;}
.hejun-collection .slider-waper ul li>article>a>img{ width: 100%; height:auto; display: block;
	transition: all 3s ease 0s;
	-webkit-transition: all 3s ease 0s;
	-moz-transition: all 3s ease 0s;
}
.hejun-collection .slider-waper ul li>article>video{ width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.hejun-collection .slider-remote{ width:100%; height: 26%; background-color: #378bf5; position: absolute; right:0; bottom: 0; z-index: 9;}
.hejun-collection .slider-remote .top-textg{ position: absolute; left: 0; top: 0; width: 50%; height: 100%; text-align: right; padding: 30px; overflow: hidden;
	box-sizing: border-box; 
	-moz-box-sizing: border-box;
}
.hejun-collection .slider-remote .top-textg span{ color: #fff; display: block; font-size: 14px; line-height:24px; letter-spacing: 1px;}
.hejun-collection .slider-remote .top-textg span.tits{ font-size: 20px; color: #fff;}
.hejun-collection .slider-remote .top-textg ul{ width: 100%; height: 100%; position: relative; overflow: hidden;
     transform-style: preserve-3d;
     -webkit-transform-style: preserve-3d;
     perspective: 1000px;
     -webkit-perspective: 1000px; 
}
.hejun-collection .slider-remote .top-textg ul li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; visibility: hidden; opacity: 0;
	 transform-origin: top;
	 -webkit-transform-origin: top;
	 -moz-transform-origin: top;
	 transform: rotateX(-90deg);
	 -webkit-transform: rotateX(-90deg);
	 -moz-transform: rotateX(-90deg);
	 transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	 -webkit-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;
	 -moz-transition: all 0.65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s;	
}
.hejun-collection .slider-remote .top-textg ul li.fad{visibility: visible;opacity: 1;z-index: 1;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
}
.hejun-collection .slider-remote .bom-number{ position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; background:#63a4f7; display: table;}
.hejun-collection .slider-remote .bom-number .nei .countr{ text-align: center; margin-bottom: 5px;}
.hejun-collection .slider-remote .bom-number .nei .countr span,
.hejun-collection .slider-remote .bom-number .nei .countr i{ display: inline-block; vertical-align: middle; font-size: 23px; color: #fff; font-family: "HelveticaNeue"; letter-spacing: 1px;}
.hejun-collection .slider-remote .bom-number .nei .countr i{ margin: 0 5px;}
.hejun-collection .slider-remote .bom-number .nei{ display: table-cell; vertical-align: middle;}
.hejun-collection .slider-remote .bom-number .nei .sum{ text-align: center;}
.hejun-collection .slider-remote .bom-number .nei .sum a{ display: inline-block; vertical-align: middle; width: 45px; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 45px; font-weight: bold;} 
.hejun-collection .slider-remote .bom-number .nei .sum .lines{ display: inline-block; vertical-align: middle; width: 108px; height: 1px; background-color: #fff; position: relative;}
.hejun-collection .slider-remote .bom-number .nei .sum .lines .nline{ width: 25%; height: 5px; background-color: #1b58a4; position: absolute; left: 0; top: -2px;
	transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
}
.hejun-collection .slider-remote .bom-number .nei .sum a:hover{color: #1b58a4;}
		
.i_news_box {position: relative; padding:100px 0 0; opacity: 0;}
.i_news_box .tempWrap{width:1200px; overflow:hidden; margin:0 auto 0;}
.i_news_box ul {margin:0; list-style:none;}
.i_news_box li {float: left;margin:0 57px 0 0;width:258px;padding:0; height:241px; position:relative;font-family:"微软雅黑";}
.i_news_box li a.con {overflow: hidden;position: relative;display:block;height:100%; background:url(../img/index/ak_bg1.png) no-repeat center 0; padding:78px 0 0;}
.i_news_box li .con div{width:240px; height:124px;text-align:center; margin:0 auto; position:relative; overflow:hidden; display:block; background:#f2f2f2; padding:9px; line-height:0;}
.i_news_box li a.con:hover{ background:url(../img/index/ak_hover1.png) no-repeat center 0;}
.i_news_box .prev_next {}
.i_news_box .prev_next a { position:absolute;}
.i_news_box .prev_next a:hover {opacity: 0.7;}

.i_news_box .prev {left:-70px; top:190px;}
.i_news_box .next {right:-70px; top:190px;}

.i_news_box2 {position: relative;width:1200px; padding:30px 0 0;opacity: 0;}
.i_news_box2 .hd{ overflow:hidden;  height:30px; padding:0 10px; margin-top:-30px; position:relative; z-index:1000;}
.i_news_box2 ul {margin:0; list-style:none;}
.i_news_box2 li {float: left;margin:0 31px 0 0; padding:10px;width:360px; position:relative;font-family:"微软雅黑";}
.i_news_box2 li a.con { width:292px; padding:22px 34px;overflow: hidden;position: relative;display:block;height:100%; background:url(../img/index/abg_3.jpg) repeat-x 0 bottom #fff;border-radius:8px;box-shadow:#cbddee 0px 3px 19px;}
.i_news_box2 li .con div.dimg{width:292px; height:129px;text-align:center; margin:0 auto; position:relative; overflow:hidden; display:block;line-height:0;}
.i_news_box2 li a .ntit{ font-size:16px; color:#5b5b5b; display:block; line-height:30px; margin:10px 0 0; font-weight:bold;}
.i_news_box2 li p{ font-size:14px; color:#858585; margin:5px 0; line-height:24px;}
.i_news_box2 li .bk-jg{ background:url(../img/index/amore2.png) no-repeat center center; height:51px;}
.i_news_box2 li .bk-jg span{ display:block; float:left; text-align:center; line-height:51px; width:146px; color:#fff; font-size:16px;}
.i_news_box2 li a.con:hover span,.i_news_box2 li a.con:hover p{color:#277fe1;}
.i_news_box2 li a.con:hover .bk-jg span{ color:#fff;}

.i_news_box3 {position: relative;width:1200px; padding:30px 0 0; height:470px;opacity: 0; margin-top:200px;}
.i_news_box3 .hd{ overflow:hidden;  height:30px; padding:0 10px; margin-top:-30px; position:relative; z-index:1000;}
.i_news_box3 ul {margin:0; list-style:none;}
.i_news_box3 li {float: left;margin:0 11px 0 0; padding:10px 8px;width:277px; position:relative;font-family:"微软雅黑";}
.i_news_box3 li a.con { width:247px; padding:15px;overflow: hidden;position: relative;display:block;height:100%; background:#fff;box-shadow:#d2daff 0px 0px 12px;}
.i_news_box3 li .con div.dimg{width:247px; height:148px;text-align:center; margin:0 auto; position:relative; overflow:hidden; display:block;line-height:0;}
.i_news_box3 li a .ntit{ font-size:18px; color:#494848; display:block; line-height:40px; margin:10px 0 0; padding-bottom:5px; text-align:center; border-bottom:1px dotted #666;}
.i_news_box3 li p{ font-size:14px; color:#a3a3a3; margin:5px 0; line-height:24px;}
.i_news_box3 li i{ display:block; font-style:normal; background:url(../img/index/amore.jpg) no-repeat center center; width:168px; height:41px; line-height:41px; text-indent:25px; color:#fff; font-weight:bold; font-size:18px; margin:10px auto;}
.i_news_box3 li a.con:hover span,.i_news_box3 li a.con:hover p{ color:#277fe1;}
.i_news_box3 .prev_next {}
.i_news_box3 .prev_next a { position:absolute;}
.i_news_box3 .prev_next a:hover {opacity: 0.7;}

.i_news_box3 .prev {left:498px; bottom:0;}
.i_news_box3 .next {right:498px; bottom:0;}


.block-1{ border-bottom:1px solid #6b93e7; height:200px;}
.block-1 .btit{ display:block; color:#fff; line-height:30px; font-weight:bold; position:relative; height:100%; float:left; width:49%;}
.block-1 .btit:before{ content:""; width:0; height:100%; vertical-align:middle; display:inline-block;}
.block-1 .btit i{width:84px; height:84px; border:1px solid #c6d4f4;border-radius:88px; background-color:#f3f6fd;background-position:center center; background-repeat:no-repeat; vertical-align:middle; display:inline-block;}
.block-1 .btit i.bi-1{ background-image:url(../img/index/cdot_1.png);}
.block-1 .btit i.bi-2{ background-image:url(../img/index/cdot_2.png);}
.block-1 .btit i.bi-3{ background-image:url(../img/index/cdot_3.png);}
.block-1 .btit i.bi-4{ background-image:url(../img/index/cdot_4.png);}
.block-1 .btit i.bi-5{ background-image:url(../img/index/cdot_5.png);}
.block-1 .btit span{font-size:30px; font-weight:bold; padding:0 0 0 3%; vertical-align:middle; display:inline-block;}
.block-1 .btit em{ font-style:normal; font-size:18px; font-weight:normal; text-transform:uppercase; display:block;}
.block-1:hover .btit,.block-1 .on{ color:#fff; background:url(../img/index/ihover.jpg) no-repeat 0 0;transition-duration:0.4s;}
.block-1 .on i,.block-1:hover .btit i{ background-color:#5fa7f3; border-color:#5fa7f3;transition-duration:0.4s;}
.block-1 .on i.bi-1,.block-1:hover .btit i.bi-1{ background-image:url(../img/index/cdot_1hv.png);transition-duration:0.4s;}
.block-1 .on i.bi-2,.block-1:hover .btit i.bi-2{ background-image:url(../img/index/cdot_2hv.png);transition-duration:0.4s;}
.block-1 .on i.bi-3,.block-1:hover .btit i.bi-3{ background-image:url(../img/index/cdot_3hv.png);transition-duration:0.4s;}
.block-1 .on i.bi-4,.block-1:hover .btit i.bi-4{ background-image:url(../img/index/cdot_4hv.png);transition-duration:0.4s;}
.block-1 .bkc{ padding:38px 0 0; float:right; width:50%; text-align:center;}
.block-1 p{ color:#333333; font-size:14px; line-height:30px; margin:15px 0 0;}
.block-1 .bcat{ height:100%;}
.block-1 .bcat a{ display:inline-block; background:#5a8de7; color:#fff; width:46%; height:55px; line-height:55px; text-align:center; font-size:16px; margin:0 1% 20px; font-size:20px;border-radius:30px;}
.block-1 .bcat a:hover{ background:#5fa7f3; color:#fff;transition-duration:0.4s;}
.block-1 .bkc span{ font-size:14px; color:#3c77c8;}
.block-1 .bkc i{ font-size:48px; color:#3c77c8; margin-right:5px; font-style:normal;}
.block-1 .bk .last{ margin-right:0;}

a.amore{ display:inline-block; background:url(../img/index/amore.png) no-repeat center center; text-align:center; width:168px; height:41px; line-height:41px; font-size:18px; color:#fff; font-weight:bold; text-indent:-22px; margin-top:5px;}
a.amore:hover{ color:#fff;}

.block-2{ padding:0 3%;}
.block-2 .bw1{ width:48%;margin-top:20px; padding:15px 0; text-align:center;}
.block-2 .bw2{ width:48%; text-align:center; border-left:1px solid #bcbcbc;margin-top:20px; padding:15px 0; background:url(../img/index/bg_map.jpg) no-repeat right center;}
.block-2 .bw1 p{ color:#4d4d4d; font-size:14px; line-height:30px;}
.block-2 .bw1 span{ display:block; color:#474747; font-size:20px; font-weight:bold; line-height:40px;}
.block-2 .bw2 p{color:#4d4d4d; font-size:18px; line-height:24px;}
.block-2 .bw2 i{ display:block; color:#b1b1b1; font-size:12px; font-style:normal; line-height:20px;}
.block-2 .bw2 span{ display:block; color:#0d85ec; font-size:47px; font-weight:bold; line-height:57px; font-family:Arial, Helvetica, sans-serif;}




.nobg{ background:none;}
/*ϵ*/
/*边距*/
.npad{padding:none;}


.mrg-t{margin:0 29px;}
.mrg-t-15{ margin-top:15px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-t-25{ margin-top:30px;}
.mrg-t-30{ margin-top:40px;}
.pad-t-20{ padding-top:40px;}
.mrg-b-10{ margin-bottom:10px;}
.mrg-b-20{ margin-bottom:30px;}

.nonep{ padding:0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none}

@keyframes fadeInUp{
0% {
    opacity: 0;
    transform: translate3d(0,100px,0);
}
100% {
    opacity: 1;
    transform: none;
}	
}
@keyframes fadeInDown{
0% {
    opacity: 0;
    transform: translate3d(0,-100px,0);
}
100% {
    opacity: 1;
    transform: none;
}	
}

@keyframes fadeInLeft{
0% {
    opacity: 0;
    transform: translate3d(-100px,0,0);
}
100% {
    opacity: 1;
    transform: none;
}	
}

@keyframes fadeInRight{
0% {
    opacity: 0;
    transform: translate3d(200px,0,0);
}
100% {
    opacity: 1;
    transform: none;
}	
}


.fadeInDown {animation: fadeInDown 1s forwards;}
.fadeInUp {animation: fadeInUp 1s forwards;}
.fadeInLeft {animation: fadeInLeft 1s forwards;}
.fadeInRight {animation: fadeInRight 1s forwards;}


@media (max-width: 640px) {

.block-1{height:190px;}
.block-1 .btit{line-height:30px;width:36%;}
.block-1 .btit i{width:44px; height:44px; background-size:58% auto;}
.block-1 .btit span{font-size:16px; padding:0 0 0 2%; }
.block-1 .btit em{font-size:14px; display:none;}
.block-1 .bkc{ padding:20px 0 0; float:right; width:62%; text-align:center;}
.block-1 p{ color:#333333; font-size:14px; line-height:30px; margin:15px 0 0;}
.block-1 .bcat{ height:100%;}
.block-1 .bcat a{ width:46%; height:40px; line-height:40px; font-size:16px; margin:0 1% 10px;}
.block-1 .bcat a:hover{ background:#5fa7f3; color:#fff;transition-duration:0.4s;}
.block-1 .bkc span{ font-size:14px; color:#3c77c8;}

.bg-2{ padding:15px 0 3px;}
.bg-2 .bk-w{ width:48%; height:231px; margin:0 0 15px;}
.bg-2 .bk-w .num{ font-weight:bold; font-size:28px; padding:10px 0 0;}
.bg-2 .bk-w i{ width:15px; height:15px; margin-left:-180px;}
.bg-2 .bk-w em{width:10px; height:10px;border-radius:32px; position:relative; top:-5px;}
.bg-2 .bk-w p{ font-size:14px; line-height:26px; margin-top:10px;}
.bg-2 .bk-w p span{ font-size:16px; font-weight:bold; line-height:28px;}

.bg-3{ height:350px;}
.hejun-collection .slider-remote .top-textg{ display:none;}
.hejun-collection .slider-remote .bom-number{ width:100%;}
.hejun-collection .slider-remote{ height:30%;}

.bg-4 .w{ position:relative; padding:55px 0;}
.bg-4 .yuan{ position:relative; height:300px;}

.bg-4 .bk-y{position:absolute; margin:0 auto; left:0; right:0; top:0; z-index:2;opacity: 0; width:70%;}
.bg-4 .bk-y img{ width:100%;}
.bg-4 .bk-bd{ position:absolute; margin:0 auto; left:0; right:0; top:-11px; z-index:2;opacity: 0; width:74%;}
.bg-4 .bk-bd img{ width:100%;}

.bg-4 .bk-lf1{ width:33%; position:absolute; top:50%; left:17%; z-index:4;opacity: 0;}
.bg-4 .bk-ri1{ width:33%; position:absolute; top:4%; right:15%;z-index:4;opacity: 0;}
.bg-4 .bk-d1{ background:url(../img/index/bk4_dot2.png) no-repeat center center; width:20px; height:20px; position:absolute; top:613px; left:403px; z-index:3;opacity: 0;transform-origin:198px -179px;}
.bg-4 .bk-d2{ background:url(../img/index/bk4_dot2.png) no-repeat center center; width:20px; height:20px; position:absolute; top:241px; right:397px; z-index:3;opacity: 0;transform-origin:-182px 193px;}

.bg-4 .bk-lf2{width:51%;position:absolute; top:22%; left:0;opacity: 0;}
.bg-4 .bk-ri2{ width:51%;position:absolute; top:0; right:0;opacity: 0;}
.bg-4 .bk-lf2 img,.bg-4 .bk-ri2 img{ width:100%;}

.bg-4 .bk-w1{ background:url(../img/index/pic_b1.png) no-repeat center center; background-size:100% auto; width:98%; margin:0 auto; height:190px;opacity: 0;}
.bg-4 .bk-w2{ background:url(../img/index/pic_b2.png) no-repeat center center; background-size:100% auto; width:98%; margin:0 auto; height:190px;opacity: 0;}
.bg-4 .bk-w1 a,.bg-4 .bk-w2 a{ display:block; padding:0;}
.bg-4 .bk-info{ height:135px;}
.bg-4 .bk-info .fl{ width:89%; text-align:right; padding:0;}
.bg-4 .bk-info .fl p{ line-height:22px; padding:0; font-size:14px; color:#858585;}
.bg-4 .bk-info .fl span{ display:block; font-weight:bold; font-size:16px; font-weight:bold; color:#5b5b5b; line-height:30px;}
.bg-4 .bk-info .fr{ padding:0; display:none;}
.bg-4 .bk-info .fr img{ width:100%;}
.bg-4 .bk-w2 a{padding:0;}

#swiper-prod{ padding-bottom:0;}

.bg-6{ background-size:auto 100%;}
.bg-6 .bfont i{ background-size:auto 100%; height:40px;}
.bg-6 .bfont p{font-size:14px; line-height:28px; margin-top:5px;}
.bg-6 .bfont span{ font-size:18px;}
.bg-6 .bfont .bline{ background-size:auto 100%; height:4px; margin-top:5px;}

.bg-7{padding:28px 0 20px;}

.bg-9 .bside{ display:none;}
.bg-9 .bfont{ padding:0 4%;}
.bg-9 .btit span{ font-size:11px;}
.bg-9 .btit a{ display:block; background:url(../img/index/amore.png) no-repeat 0 0; background-size:100% 100%; width:30%; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff; text-indent:16px; position:absolute; right:0; top:8px;}
.bg-9 p{ margin:10px 0 0; color:#8f8f8f; font-size:14px; line-height:24px;}
.bg-9 p span{ color:#535353; font-size:18px; display:block; line-height:30px;}

.block-2 .bw1{ width:100%;margin-top:0; padding:0; text-align:center;}
.block-2 .bw2{ width:100%; 
 border-top:1px solid #bcbcbc; border-left:0;margin-top:20px; padding:15px 0; background:url(../img/index/bg_map.jpg) no-repeat right center;}
.block-2 .bw1 span{font-size:18px;}
.block-2 .bw2 p{color:#4d4d4d; font-size:18px; line-height:24px;}
.block-2 .bw2 span{ display:block; color:#0d85ec; font-size:38px; font-weight:bold; line-height:57px; font-family:Arial, Helvetica, sans-serif;}


.mrg-t-30{ margin-top:5px;}
.mrg-b-20{ margin-bottom:0;}
}

@media (max-width: 320px) {
.bg-6 .bfont span{  font-size:17px; padding-right:30px; line-height:35px;background-size:auto 70%;}
.bg-6 .bk-fr span{ padding-left:30px;}



}