@import url(http://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600);
@charset "utf-8";
/*****section1*****/
#section1 { margin: 0 auto; position: relative; }
#section1 .arrow { width: 100%; position: absolute; bottom: 25px; left: 0; cursor: pointer; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; }
#section1 .arrow a { width: 124px; display: block; margin: 0 auto; }
#section1 .arrow a dt { width: 19px; height: 19px; background-image: url(../images/ioc3.png); background-repeat: no-repeat; background-size: 100%; display: block; margin: 0 auto; }
#section1 .arrow a dd { width: 100%; text-align: center; padding-top: 10px; color: #FFF; }
#section1 .arrow a:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes arrow { %0, %100 {
 bottom:45px;
 opacity: 1;
}
 50% {
 bottom:45px;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:25px;
 opacity: 1;
}
 50% {
 bottom:45px;
 opacity: .5;
}
}
/*****section2*****/
#section2 { position: relative; margin: 0 auto; background: url(../images/bg1.jpg) no-repeat center; background-size: cover; padding: 6vw 0; }
.titae { width: 100%; overflow: hidden; line-height: normal; background: url(../images/la.jpg) no-repeat left bottom; padding-bottom: 15px; }
.titae dt { width: 100%; overflow: hidden; color: #d50e25; font-weight: bolder; letter-spacing: 3px; }
.titae dt a { color: #d50e25; }
.titae dd { width: 100%; overflow: hidden; color: #959595; text-transform: uppercase; letter-spacing: 2px; padding-top: 12px; font-family: Arial; }
#section2 .abouts_l { width: 51%; overflow: hidden; float: left; line-height: 2; display: block; }
#section2 .abouts_l p { text-indent: 2em; }
.more { width: auto; height: 2.75rem; display: block; border: 1px #aaaaaa solid; }
.more span { width: 109px; height: 2.75rem; display: block; float: left; line-height: 2.75rem; text-align: center; }
.more .awr { width: auto; height: 2.75rem; display: block; background: #aaaaaa; color: #FFF; float: left; padding: 0 1rem; }
.more .awr i.line { height:2.75rem; width: 0px; background:url(../images/lm.jpg) no-repeat center; -webkit-transition: -webkit-transform 0.1s, width 0.6s; -moz-transition: -webkit-transform 0.1s, width 0.6s; transition: transform 0.1s, width 0.6s; float: left; margin-right: 3px; }
.more .awr i.fa { display: block; line-height: 2.75rem; float: left; text-align: center; transition: all 0.3s; }
.more:hover { border: 1px #d50e25 solid; }
.more:hover .awr { background: #d50e25; }
.more:hover .awr i.line { width: 30px; }
.more.amore { position: absolute; left: 2em; bottom: 0; }
#section2 .abouts_r { width: 42.5%; float: right; overflow: hidden; }
#section2 .abouts_r #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#section2 .abouts_r #owl-demo .item { width: 100%; display: block; line-height: normal; position: relative; text-align: center; background: #004da0; }
#section2 .abouts_r #owl-demo .item a { display: block; color: #FFF; }
#section2 .abouts_r #owl-demo .item a img { display: block; }
#section2 .abouts_r #owl-demo .item a i { width: 100%; display: block; overflow: hidden; position: absolute; font-size: 4vw; top: 35%; left: 0; z-index: 10; }
#section2 .abouts_r #owl-demo .item a p { width: 100%; display: block; overflow: hidden; position: absolute; font-size: 1.25vw; bottom: 35%; left: 0; z-index: 10; }
#section2 .abouts_r #owl-demo .owl-pagination { width: auto; height: 14px; padding: 0 16px 0 0; position: absolute; right: 0; bottom: 25px; z-index: 20; }
#section2 .abouts_r #owl-demo .owl-page { display: inline-block; width: 14px; height: 14px; margin-right: 16px; background: #434343; *display: inline;
*zoom: 1;
border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
#section2 .abouts_r #owl-demo .owl-pagination .active { background: #d50e25; }
#section2 .abouts_r #owl-demo .owl-buttons div { display: none; }
#section2 .fzlc dl { width: auto; overflow: hidden; }
#section2 .fzlc dl dt { font-family: 'youshebiaotiheiregular'; font-size: 4vw; color: #d50e25; font-weight: bolder; line-height: normal; }
#section2 .fzlc dl dd { padding-top: 10px; }
#section2 .fzlc dl:nth-of-type(1) { width: 7.6%; float: left; }
#section2 .fzlc dl:nth-of-type(2) { width: 15%; float: left; margin-left: 10% }
#section2 .fzlc dl:nth-of-type(3) { width: 17.6%; float: left; margin-left: 10% }
#section2 .fzlc dl:nth-of-type(4) { width: 12%; float: left; margin-left: 10% }
#section2 .fzlc dl:nth-of-type(5) { width: 7.6%; float: right; }
@media screen and (max-width: 1700px) and (min-width:1500px) {
#section2 .abouts_l { width: 48%; }
#section2 .abouts_r { width: 50%; }
}
@media screen and (max-width: 1501px) and (min-width:1300px) {
#section2 .abouts_l { width: 44%; line-height: 1.8; }
#section2 .abouts_r { width: 54%; }
}
@media screen and (max-width: 1301px) and (min-width:1025px) {
#section2 .abouts_l { width: 42%; line-height: 1.8; }
#section2 .abouts_r { width: 56%; }
}
/*****section3*****/
#section3 { position: relative; margin: 0 auto; padding: 6vw 0; background: #FFF; }
.news .news_bo { width: 90%; margin: 0 auto; padding-top: 2.4vw; }
.news .news_bo #owl-demo { width: 96%; margin-left: auto; margin-right: auto; position: relative; padding: 0 2%; }
.news .news_bo #owl-demo .item { width: 100%; display: block; line-height: normal; margin: 0 auto; }
.news .news_bo #owl-demo .item .newsm { width: 96%; overflow: hidden; display: block; margin: 0 auto; }
.news .news_bo #owl-demo .item .newsm dt { width: 100%; overflow: hidden; }
.news .news_bo #owl-demo .item .newsm dt p { width: 100%; overflow: hidden; height: 3.4rem; position: relative; }
.news .news_bo #owl-demo .item .newsm dt p i { width: 21%; height: 3.4rem; display: block; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; position: absolute; left: 0; top: 0; }
.news .news_bo #owl-demo .item .newsm dt p span { font-family: Arial; position: absolute; right: 0; bottom: 0; }
.news .news_bo #owl-demo .item .newsm dt .newt { width: 100%; display: block; margin-top: 5px; height: 1.3rem; line-height: 1.3rem; overflow: hidden; }
.news .news_bo #owl-demo .item .newsm dd { width: 100%; overflow: hidden; margin-top: 1rem; position: relative; }
.news .news_bo #owl-demo .item .newsm dd img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.news .news_bo #owl-demo .item .newsm dd i::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); }
.news .news_bo #owl-demo .item .newsm:hover img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.news .news_bo #owl-demo .item .newsm:hover i::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }
.news .news_bo #owl-demo .owl-buttons div { position: absolute; top: 50%; width: 25px; height: 50px; text-indent: -9999px; z-index: 100; display: block; background: url(../images/awr.png) no-repeat; }
.news .news_bo #owl-demo .owl-buttons div:hover { background: url(../images/awr_ed.png) no-repeat; }
.news .news_bo #owl-demo .owl-buttons div.owl-prev { left: 0; }
.news .news_bo #owl-demo .owl-buttons div.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.news .news_bo #owl-demo .owl-buttons div.owl-next:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.news .news_bo .owl-item:nth-of-type(1) dt p i { background-image: url(../images/01.png); }
.news .news_bo .owl-item:nth-of-type(2) dt p i { background-image: url(../images/02.png); }
.news .news_bo .owl-item:nth-of-type(3) dt p i { background-image: url(../images/03.png); }
.news .news_bo .owl-item:nth-of-type(4) dt p i { background-image: url(../images/04.png); }
.news .news_bo .owl-item:nth-of-type(5) dt p i { background-image: url(../images/05.png); }
.news .news_bo .owl-item:nth-of-type(6) dt p i { background-image: url(../images/06.png); }
.news .news_bo .owl-item:nth-of-type(7) dt p i { background-image: url(../images/07.png); }
.news .news_bo .owl-item:nth-of-type(8) dt p i { background-image: url(../images/08.png); }
.news .news_bo .owl-item:nth-of-type(9) dt p i { background-image: url(../images/09.png); }
.news .news_bo #owl-demo .item .newsm:hover dt p span, #section3 .news_bo #owl-demo .item .newsm:hover dt .newt { color: #d50e25; }
.news .more.amorb { float: right; margin-top: 2.8rem; }
@media screen and (max-width: 1700px) and (min-width:1025px) {
.news .news_bo #owl-demo { width: 98%; padding: 0 2%; }
}
/*****section4*****/
#section4 { position: relative; margin: 0 auto; background-size: cover; padding: 6vw 0; }
#section4 .yf_bo { width: 60%; overflow: hidden; text-indent: 2em; padding-top: 2vw; line-height: 2; }
#section4 .more.amorc { float: left; margin-top: 30px; }
#box { position: relative; height: 15vw; margin-top: 40px; }
#box .ysn li { width: 25%; height: 13vw; display: block; float: left; text-align: center; margin: 1vw 0; background: url(../images/yf.png) repeat; }
#box .ysn li a { width: 99.8%; height: 11vw; display: block; border-right: 1px #777878 solid; position: relative; margin: 1vw 0; }
#box .ysn li i { width: 100%; height: 3.2vw; display: block; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; position: absolute; left: 0; top: 20%; z-index: 10; }
#box .ysn li p { width: 100%; position: absolute; left: 0; bottom: 25%; z-index: 10; color: #FFF; }
#box .ysn li ol { display: none; }
#box .ysn .slide2 { position: absolute; opacity: 0; background: #d50e25; height: 17vw; z-index: 5; top: -1vw; display: inline-block; -webkit-transition: all 0.6s; transition: all 0.6s; }
#box li.jkl ol { width: 100%; height: 11px; display: block; background: url(../images/ioc1.png) no-repeat center; position: absolute; left: 0; bottom: 10%; z-index: 10; }
#box li:nth-of-type(1) i { background-image: url(../images/ys1.png); }
#box li.jkl:nth-of-type(1) i { background-image: url(../images/ys1_ed.png); }
#box li:nth-of-type(2) i { background-image: url(../images/ys2.png); }
#box li.jkl:nth-of-type(2) i { background-image: url(../images/ys2_ed.png); }
#box li:nth-of-type(3) i { background-image: url(../images/ys3.png); }
#box li.jkl:nth-of-type(3) i { background-image: url(../images/ys3_ed.png); }
#box li:nth-of-type(4) i { background-image: url(../images/ys4.png); }
#box li.jkl:nth-of-type(4) i { background-image: url(../images/ys4_ed.png); }
 @media screen and (max-width: 1700px) and (min-width:1025px) {
#section4 .yf_bo { width: 70%; padding-top: 30px; }
}
/*****section5*****/
#section5 { position: relative; margin: 0 auto; background: url(../images/bg3.jpg) no-repeat center; background-size: cover; padding: 6vw 0; }
#section5 .cplb #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#section5 .cplb #owl-demo .item { width: 100%; display: block; line-height: normal; }
#section5 .cplb #owl-demo .item dl { width: 96%; overflow: hidden; position: relative; display: block; }
#section5 .cplb #owl-demo .owl-item:nth-of-type(1) dl { float: left; }
#section5 .cplb #owl-demo .owl-item:nth-of-type(2) dl { margin: 0 auto; }
#section5 .cplb #owl-demo .owl-item:nth-of-type(3) dl { float: right; }
#section5 .cplb #owl-demo .item dt { width: 100%; overflow: hidden; }
#section5 .cplb #owl-demo .item dd { width: 100%; height: 5.37rem; line-height: 5.37rem; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 10; }
#section5 .cplb #owl-demo .item dd a { color: #FFF; }
#section5 .cplb #owl-demo .item i { width: 100%; height: 5.37rem; display: block; background: url(../images/cp.png) repeat; position: absolute; right: 0; bottom: 0; z-index: 5; -m oz-transition: .2s ease-in;
-webkit-transition: .2s ease-in; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; transition: .2s ease-in; transition: all .2s; }
#section5 .cplb #owl-demo .item em { width: 100%; height: 5.37rem; display: block; background: #d50e25; position: absolute; left: -100%; bottom: 0; z-index: 8; -m oz-transition: .4s ease-in;
-webkit-transition: .4s ease-in; -o-transition: .4s ease-in; -ms-transition: .4s ease-in; transition: .4s ease-in; transition: all .4s; }
#section5 .cplb #owl-demo .item:hover dt img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); }
#section5 .cplb #owl-demo .item:hover i { right: -100%; }
#section5 .cplb #owl-demo .item:hover em { left: 0; }
@media screen and (max-width: 1700px) and (min-width:1025px) {
#section5 .cplb #owl-demo .item dd { height: 3.8rem; line-height: 3.8rem; }
#section5 .cplb #owl-demo .item i, #section5 .cplb #owl-demo .item em { height: 3.8rem; }
#section5 .cplb #owl-demo .item dd a { font-size: 16px; }
}
/*****section6*****/
#section6 { position: relative; margin: 0 auto; background: #f2f2f2; padding: 6vw 0; }
#section6 .mapc { width: 100%; overflow: hidden; }
#section6 .sale_l { width: 26%; overflow: hidden; float: left; }
#section6 .sale_l dl { width: 100%; overflow: hidden; position: relative; line-height: normal; margin-bottom: 1.68rem; }
#section6 .sale_l dl a { width: 100%; overflow: hidden; display: block; }
#section6 .sale_l dl a dt { width: 100%; overflow: hidden; }
#section6 .sale_l dl a dd { text-indent: 2em; color: #FFF; position: absolute; left: 0; top: 38%; z-index: 10; }
#section6 .sale_l dl a i { width: 100%; height: 100%; display: block; background: rgba(40,40,40,0.2); position: absolute; right: 0; bottom: 0; z-index: 5; -m oz-transition: .2s ease-in;
-webkit-transition: .2s ease-in; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; transition: .2s ease-in; transition: all .2s }
#section6 .sale_l dl a em { width: 100%; height: 100%; display: block; background: rgba(213,14,37,0.2); position: absolute; left: -100%; bottom: 0; z-index: 8; -m oz-transition: .4s ease-in;
-webkit-transition: .4s ease-in; -o-transition: .4s ease-in; -ms-transition: .4s ease-in; transition: .4s ease-in; transition: all .4s; }
#section6 .sale_l dl:hover dt img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); }
#section6 .sale_l dl:hover i { right: -100%; }
#section6 .sale_l dl:hover em { left: 0; }
#section6 .sale_r { width: 68%; overflow: hidden; float: right; position: relative; }
#section6 .sale_r .pic { width: 100%; overflow: hidden; }
#section6 .sale_r .pic img { display: block; width: 100%; }
#section6 .sale_r ul { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; }
#section6 .sale_r ul li { width: auto; height: 65px; position: absolute; }
#section6 .sale_r ul li .dot { width: 30px; height: 30px; display: block; border-radius: 50%; position: relative; margin: 0 auto; }
#section6 .sale_r ul li .dot span { width: 7px; height: 7px; display: block; background: #d50e25; border-radius: 50%; left: 12px; top: 11px; position: absolute; z-index: 5; }
#section6 .sale_r ul li .dot i { width: 16px; height: 16px; left: 6px; top: 6px; position: absolute; border: 1px rgba(213,14,37,0.5) solid; z-index: 3; border-radius: 50%; -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
#section6 .sale_r ul li .dot em { width: 28px; height: 28px; left: 0; top: 0; position: absolute; border: 1px rgba(213,14,37,0.2) solid; z-index: 1; border-radius: 50%; -webkit-animation: warn 5s ease-out; -moz-animation: warn 5s ease-out; animation: warn 5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
#section6 .sale_r ul li .dot ol { color: #d50e25; display: block; width: 100%; overflow: hidden; text-align: center; font-size: 30px; position: absolute; top: -15px; z-index: 10; }
#section6 .sale_r ul li p { padding-top: 5px; font-size: 14px; text-align: center; }
#section6 .sale_r ul li p span { font-weight: bolder; font-family: "微软雅黑"; }
#section6 .sale_r ul li.i1 { top: 15.2%; left: 17.5%; }
#section6 .sale_r ul li.i2 { top: 26%; left: 14.5%; }
#section6 .sale_r ul li.i3 { top: 41.4%; left: 11.3%; }
#section6 .sale_r ul li.i4 { top: 49.5%; left: 17%; }
#section6 .sale_r ul li.i5 { top: 48.4%; left: 21.28%; }
#section6 .sale_r ul li.i6 { top: 52.5%; left: 18.2%; }
#section6 .sale_r ul li.i7 { top: 64%; left: 19.2%; }
#section6 .sale_r ul li.i8 { top: 65.6%; left: 27%; }
#section6 .sale_r ul li.i9 { bottom: 6.8%; left: 23%; }
#section6 .sale_r ul li.i10 { top: 10.5%; left: 49.8%; }
#section6 .sale_r ul li.i11 { top: 15.2%; left: 49.8%; }
#section6 .sale_r ul li.i12 { top: 18%; left: 46%; }
#section6 .sale_r ul li.i13 { top: 21.9%; left: 43.8%; }
#section6 .sale_r ul li.i14 { top: 20.9%; left: 48.3%; }
#section6 .sale_r ul li.i15 { top: 20.1%; left: 52.8%; }
#section6 .sale_r ul li.i16 { top: 27%; left: 49.4%; }
#section6 .sale_r ul li.i17 { top: 32%; left: 41.3%; }
#section6 .sale_r ul li.i18 { top: 50.3%; left: 44.6%; }
#section6 .sale_r ul li.i19 { top: 33%; left: 60.3%; }
#section6 .sale_r ul li.i20 { top: 36.5%; left: 64.2%; }
#section6 .sale_r ul li.i21 { top: 42.2%; right: 27.5%; }
#section6 .sale_r ul li.i22 { top: 16%; right: 26%; }
#section6 .sale_r ul li.i23 { top: 28.5%; right: 18.8%; }
#section6 .sale_r ul li.i24 { top: 33.33%; right: 13.6%; }
#section6 .sale_r ul li.i25 { top: 45.7%; right: 20.9%; }
#section6 .sale_r ul li.i26 { top: 46.7%; right: 18.3%; }
#section6 .sale_r ul li.i27 { top: 54.6%; right: 16.3%; }
#section6 .sale_r ul li.i28 { top: 44.6%; right: 14.4%; }
#section6 .sale_r ul li.i29 { top: 24%; right: 14%; }
#section6 .sale_r ul li.i30 { top: 27%; right: 11%; }
#section6 .sale_r ul li.i31 { bottom: 18.6%; right: 10.6%; }
#section6 .lx_map_wap { display: none; }
@media screen and (max-width: 1700px) and (min-width:1025px) {
#section6 .sale_r ul li { height: 65px; }
#section6 .sale_r ul li .dot { width: 21px; height: 21px; }
#section6 .sale_r ul li .dot span { width: 5px; height: 5px; left: 9px; top: 9px; }
#section6 .sale_r ul li .dot i { width: 13px; height: 13px; left: 4px; top: 4px; }
#section6 .sale_r ul li .dot em { width: 21px; height: 21px; }
#section6 .sale_r ul li .dot ol { font-size: 26px; top: -10px; }
#section6 .sale_r ul li p { font-size: 12px; }
}
/*****section7*****/
#section7 { position: relative; margin: 0 auto; }
.link { padding: 20px 0; background: #FFF; }
.link i.fa { -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 25px; }
.link i{ font-style:normal;}
.link span:last-child i{ display:none;}

 @keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.8);
 opacity: 0.3;
}
 50% {
 transform: scale(1.7);
 opacity: 0.8;
}
 75% {
 transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}
@-webkit-keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.8);
 opacity: 0.3;
}
 50% {
 transform: scale(1.7);
 opacity: 0.8;
}
 75% {
 transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}