@charset "utf-8";
.promotion-carousel .promotions { width: 100%; overflow: hidden; }
.promotion-carousel .promotion { width: 100%; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; overflow: hidden; }
.promotion-carousel img { vertical-align: top; }
.navigation { width: 90px; position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; z-index: 9999; overflow: hidden; }
.navigation li { width: 90px; height: 25px; display: block; margin: 0 0 10px 0; }
.navigation li a { width: 10px; height: 25px; display: block; line-height: 25px; cursor: pointer; font-size: 13px; transition: .2s ease; }
.navigation li a i { font-style: normal; }
.navigation li a span { display: none; }
.navigation li a.active { width: 90px; text-align: center; background: #c62115; color: #FFF; padding: 0 5px; }
.navigation li a.active i { display: block; float: left; }
.navigation li a.active span { display: block; float: left; }
/*****section1*****/
#section1 { height: auto; margin: 0 auto; }
/*****section2*****/
#section2 { width: 100%; background: #FFF; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; padding: 3.75rem 0; }
#section2 .about_r { width: 33%; overflow: hidden; float: right; padding: 0 0 10rem 0; }
#section2 .about_l { width: 60%; overflow: hidden; float: left; }
#section2 .about_l .about_top { width: 100%; overflow: hidden; height: 3.25rem; line-height: 3.25rem; }
#section2 .about_l .about_top a { width: auto; overflow: hidden; display: block; float: left; font-size: 2.5vw; }
#section2 .about_l .about_top i { width: 24px; height: 3.25rem; background: url(../images/ioc1.jpg) no-repeat center; display: block; float: left; margin-left: 16px; }
#section2 .about_l .about_top:hover i { width: 48px; background: url(../images/ioc0.jpg) repeat-x center; }
#section2 .about_l .about_bo { width: 100%; overflow: hidden; font-size: 1vw; line-height: 2; margin-top: 2rem; }
#section2 .about_l .about_lc { width: 100%; overflow: hidden; margin-top: 1rem; }
#section2 .about_l .about_lc dl { width: auto; overflow: hidden; float: left; margin-right: 10%; text-align: center; line-height: normal; }
#section2 .about_l .about_lc dl dt { font-family: "Fjalla One", sans-serif; font-size: 3.5vw; font-weight: bolder; }
#section2 .about_l .about_lc dl dt span { font-size: 4.5vw; }
#section2 .about_l .about_lc dl dd { font-size: 1.25vw; }
#section2 .about_l .ujarak { width: 22.375rem; height: 5.625rem; line-height: 5.625rem; border: 2px #999999 solid; display: block; text-align: center; margin-top: 4rem; position: relative; font-size: 1.25vw; }
#section2 .about_l .ujarak { -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; }
#section2 .about_l .ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #c62115; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
#section2 .about_l .ujarak, #section2 .about_l .ujarak::before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
#section2 .about_l .ujarak:hover { color: #fff; border-color: #c62115; }
#section2 .about_l .ujarak:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section2 .vdy { width: 35%; overflow: hidden; position: absolute; right: 21%; bottom: 0; z-index: 100; }

/*小于1600大于1025稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1025px) {
#section2 .about_l .about_bo { font-size: 14px; line-height: 2; margin-top: 20px; }
#section2 .about_l .about_lc { margin-top: 20px; }
#section2 .about_l .ujarak { width: 19rem; height: 4rem; line-height: 4rem; margin-top: 40px; font-size: 1.25vw; }
}
/*****section3*****/
#section3 { width: 100%; background: url(../images/bg1.jpg) no-repeat center; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; padding: 3.75rem 0; margin-top: 3.75rem; line-height: normal; }
#section3 .cpzs_top { width: 100%; overflow: hidden; font-size: 2.5vw; background: url(../images/ioc2.png) no-repeat center bottom; padding-bottom: 1.8rem; text-align: center; }
#section3 .cpzs_top a { display: block; color: #FFF; }
#section3 .cplb { width: 100%; overflow: hidden; }
#section3 .cplb dl { width: 12.5%; overflow: hidden; float: left; text-align: center; padding-top: 2.25rem; }
#section3 .cplb dl a { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
#section3 .cplb dl a dt { width: 60%; overflow: hidden; display: block; margin: 0 auto; }
#section3 .cplb dl a dd { width: 100%; overflow: hidden; font-size: 1vw; color: #FFF; padding-top: 15px; }
#section3 .cplb dl:hover { padding-top: 1rem; }
#section3 .cpzs { width: 100%; overflow: hidden; padding: 40px 0 0 0; }
#section3 .cpzs #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#section3 .cpzs #owl-demo .item { width: 100%; display: block; }
#section3 .cpzs #owl-demo .item .cpimg { width: 48%; height: 26rem; margin-bottom: 30px; position: relative; overflow: hidden; z-index: 0; }
#section3 .cpzs #owl-demo .item .cpimg:nth-of-type(odd) { float: left; }
#section3 .cpzs #owl-demo .item .cpimg:nth-of-type(even) { float: right; }
#section3 .cpzs #owl-demo .item .cpimg .cp1 { width: 100%; height: 100%; background: url(../images/cp.png) no-repeat center; background-size: cover; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#section3 .cpzs #owl-demo .item .cpimg .cp1 dt { width: 69%; overflow: hidden; position: absolute; bottom: 2.6rem; right: 2.5%; }
#section3 .cpzs #owl-demo .item .cpimg .cp1 dd { width: auto; overflow: hidden; position: absolute; bottom: 2.6rem; left: 2.5%; }
#section3 .cpzs #owl-demo .item .cpimg .cp1 dd span { display: block; color: #c62115; font-family: "Fjalla One", sans-serif; font-size: 2.5vw; }
#section3 .cpzs #owl-demo .item .cpimg .cp1 dd p { display: block; font-size: 1.8vw; padding: 10px 0; overflow: hidden; }
#section3 .cpzs #owl-demo .item .cpimg .cp1 dd i { display: block; font-style: normal; font-size: 1vw; }
#section3 .cpzs #owl-demo .item .cpimg .cp2 i { width: 100%; height: 100%; background: url(../images/cp_ed.png) no-repeat center; background-size: cover; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: block; position: absolute; left: 0; bottom: -100%; z-index: 5; }
#section3 .cpzs #owl-demo .item .cpimg .cpmc { width: auto; display: block; font-size: 1.8vw; height: 1.875rem; position: absolute; left: 2.5%; top: -100%; z-index: 10; }
#section3 .cpzs #owl-demo .item .cpimg .cpmc a { color: #FFF; display: block; }
#section3 .cpzs #owl-demo .item .cpimg .cpmc a span { width: auto; display: block; float: left; line-height: 1.875rem; }
#section3 .cpzs #owl-demo .item .cpimg .cpmc a em { width: 1.875rem; height: 1.875rem; margin-left: 10px; background-image: url(../images/ioc4.png); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; position: absolute; }
#section3 .cpzs #owl-demo .item .cpimg .min-13 { width: 95%; overflow: hidden; color: #fccdd5; font-size: 1vw; line-height: 2; padding: 0 0 1.25rem 0; border-bottom: 1px #c95b5a solid; position: absolute; left: 2.5%; bottom: -100%; z-index: 10; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu { width: 95%; overflow: hidden; position: absolute; left: -100%; bottom: 2.6rem; z-index: 20; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu dl { width: 25%; overflow: hidden; float: left; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu dl a { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu dl a dt { width: calc(100% - 16px); border: 8px rgba(255,255,255,0.4) solid; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu dl a dt img { width: 100%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu dl a dd { color: #fff; font-size: 12px; padding-top: 10px; }
#section3 .cpzs #owl-demo .item .cpimg .cpyu dl a:hover dt { border: 8px rgba(255,255,255,1) solid; }
#section3 .cpzs #owl-demo .item .cpimg:hover .cp1 dt { right: -100%; }
#section3 .cpzs #owl-demo .item .cpimg:hover .cp1 dd { left: -100%; }
#section3 .cpzs #owl-demo .item .cpimg:hover .cp2 i { bottom: 0; }
#section3 .cpzs #owl-demo .item .cpimg:hover .cpmc { top: 2.6rem; }
#section3 .cpzs #owl-demo .item .cpimg:hover .min-13 { bottom: 14rem; }
#section3 .cpzs #owl-demo .item .cpimg:hover .cpyu { left: 2.5% }
#section3 .cpzs .owl-pagination { width: 100%; height: 20px; text-align: center; padding: 30px 0 0 0; }
#section3 .cpzs .owl-page { display: inline-block; width: 20px; height: 20px; margin: 0 22px; background: #FFF; *display: inline;
*zoom: 1;
border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
#section3 .cpzs .owl-pagination .active { background: #c72115; }
/*****section4*****/
#section4 { width: 100%; background: #FFF; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; padding: 3.75rem 0; margin-top: 3.75rem; line-height: normal; }
.case_top { width: 100%; overflow: hidden; font-size: 2.5vw; background: url(../images/ioc1.jpg) no-repeat center bottom; padding-bottom: 1.8rem; text-align: center; }
#section4 .case_neir { width: 100%; background: url(../images/bg2.jpg) no-repeat center top #FFF; overflow: hidden; padding-top: 60px; margin-top: 40px; position: relative; }
#section4 .slideTxtBox { width: 100%; overflow: hidden; margin: 0 auto; padding-top: 3.8rem; }
#section4 .slideTxtBox .hd { width: 80%; height: 3.8rem; position: absolute; left: 10%; top: 60px; z-index: 100; }
#section4 .slideTxtBox .hd ul li { width: 25%; float: left; cursor: pointer; height: 3.8rem; }
#section4 .slideTxtBox .hd ul li a { width: 90%; height: 3.8rem; line-height: 3.8rem; color: #FFF; display: block; background: url(../images/lm.png) repeat-x bottom; font-size: 1.25vw; font-weight: bold; text-align: center; margin: 0 auto; }
#section4 .slideTxtBox .hd ul li.on a { background: url(../images/lm.png) repeat; }
#section4 .slideTxtBox .hd ul li.on span, #section4 .slideTxtBox .hd ul li.on a span { width: auto; overflow: hidden; float: left; padding-left: 20px; }
#section4 .slideTxtBox .hd ul li.on i, #section4 .slideTxtBox .hd ul li.on a i { width: 34px; height: 3.8rem; display: block; float: right; background: url(../images/ioc10.png) no-repeat left center; }
#section4 .slideTxtBox .bd { width: 100%; overflow: hidden; }
#section4 .slideTxtBox .bd ul { width: 100%; overflow: hidden; }
#section4 .slideTxtBox .bd ul .caimg { width: 100%; overflow: hidden; padding-top: 9rem; }
#section4 .slideTxtBox .bd ul .castxt { width: 39%; overflow: hidden; background: rgba(255, 255, 255, .8); padding: 3rem 0 5rem 0; line-height: normal; position: absolute; left: 11%; top: 12.25rem; z-index: 10; }
#section4 .slideTxtBox .bd ul .castxt span { width: 90%; overflow: hidden; display: block; margin: 0 auto; font-size: 1.875vw; font-weight: bold; }
#section4 .slideTxtBox .bd ul .castxt i { width: 90%; overflow: hidden; display: block; margin: 0 auto; font-size: 2.5vw; font-style: normal; }
#section4 .slideTxtBox .bd ul .castxt i a { color: #001e6e; }
#section4 .slideTxtBox .bd ul .castxt p { width: 90%; overflow: hidden; display: block; margin: 0 auto; font-size: 1vw; line-height: 2; padding-top: 1.2rem; }
#section4 .slideTxtBox .bd ul .castxt .arrow { width: 172px; height: 3.25rem; position: absolute; right: 0; bottom: 0; z-index: 100; }
#section4 .slideTxtBox .bd ul .castxt .arrow a { display: block; width: 50%; height: 3.25rem; line-height: 3.25rem; text-align: center; overflow: hidden; cursor: pointer; }
#section4 .slideTxtBox .bd ul .castxt .arrow a i { width: 100%; height: 3.25rem; display: block; line-height: 3.25rem; text-align: center; font-size: 22px; }
#section4 .slideTxtBox .bd ul .castxt .arrow a.prev { float: left; }
#section4 .slideTxtBox .bd ul .castxt .arrow a.next { float: right; }
#section4 .slideTxtBox .bd ul .castxt .arrow a:hover { background: #001d6b; color: #FFF; }
#section4 .uscase { width: 80%; overflow: hidden; margin: 0 auto; padding-top: 4.2rem; }
#section4 .uscase #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#section4 .uscase #owl-demo .item { display: block; margin: 0 auto; float: left; }
#section4 .uscase #owl-demo .item .casm { width: 80%; display: block; margin: 0 auto; }
#section4 .uscase #owl-demo .item .casm dt { width: 100%; overflow: hidden; display: block; margin: 0 auto; }
#section4 .uscase #owl-demo .item .casm dd { width: 100%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding-top: 15px; }
#section4 .uscase #owl-demo .item .casm .ujarak { width: 13.5rem; height: 3.3rem; line-height: 3.3rem; border: 1px #999999 solid; display: block; text-align: center; position: relative; font-size: 1vw; margin: 12px auto 0 auto; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; font-size: 16px; }
#section4 .uscase #owl-demo .item .casm .ujarak { -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; }
#section4 .uscase #owl-demo .item .casm .ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #c62115; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
#section4 .uscase #owl-demo .item .casm .ujarak, #section4 .uscase #owl-demo .item .casm .ujarak::before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
#section4 .uscase #owl-demo .item .casm .ujarak:hover { color: #fff; border-color: #c62115; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
#section4 .uscase #owl-demo .item .casm .ujarak:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section4 .uscase #owl-demo .item .casm:hover dd a { color: #c62115; }
#section4 .uscase #owl-demo .item .casm:hover .ujarak { color: #fff; border-color: #c62115; background: #c62115; }
#section4 .uscase #owl-demo .owl-buttons div { position: absolute; top: 50%; width: 32px; height: 43px; margin-top: -40px; text-indent: -9999px; z-index: 100; display: block; }
#section4 .uscase #owl-demo .owl-buttons div.owl-prev { left: 0; background: url(../images/left.png) no-repeat center; }
#section4 .uscase #owl-demo .owl-buttons div.owl-prev:hover { background: url(../images/left_ed.png) no-repeat center; }
#section4 .uscase #owl-demo .owl-buttons div.owl-next { right: 0; background: url(../images/left.png) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#section4 .uscase #owl-demo .owl-buttons div.owl-next:hover { background: url(../images/left_ed.png) no-repeat center; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
@media screen and (max-width: 1600px) and (min-width:1025px) {
#section4 { padding: 20px 0; margin-top: 20px; }
#section4 .case_neir { padding-top: 30px; margin-top: 20px; }
#section4 .slideTxtBox .hd { width: 90%; left: 5%; top: 30px; }
#section4 .slideTxtBox .bd ul .castxt { width: 50%; padding: 20px 0 60px 0; left: 6%; top: 8.25rem; z-index: 10; }
#section4 .slideTxtBox .bd ul .castxt p { font-size: 14px; }
#section4 .uscase { width: 95%; padding-top: 30px; }
#section4 .uscase #owl-demo .item .casm dd { font-size: 14px; }
#section4 .uscase #owl-demo .item .casm .ujarak { width: 9rem; height: 40px; line-height: 40px; font-size: 14px; }
}
/*****section5*****/
#section5 { width: 100%; background: #FFF; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; padding: 3.75rem 0; line-height: normal; }
#section5 .news_lb { width: 80%; overflow: hidden; margin: 0 auto; padding-top: 30px; text-align: center; }
#section5 .news_lb .ujarak { width: 19.5rem; height: 4.9rem; line-height: 4.9rem; border: 2px #d9d9d9 solid; display: inline-block; text-align: center; position: relative; font-size: 18px; margin: 0 20px; }
#section5 .news_lb .ujarak { -webkit-transition: border-color 0.4s, color 0.4s; transition: border-color 0.4s, color 0.4s; }
#section5 .news_lb .ujarak::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #c62115; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
#section5 .news_lb .ujarak, #section5 .news_lb .ujarak::before { -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
#section5 .news_lb .ujarak:hover { color: #fff; border-color: #c62115; }
#section5 .news_lb .ujarak:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#section5 .news_imgs { width: 80%; overflow: hidden; margin: 0 auto; padding-top: 30px; }
#section5 .news_imgs #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
#section5 .news_imgs #owl-demo .item { width: 100%; display: block; }
#section5 .news_imgs #owl-demo .item .newm { width: 100%; overflow: hidden; position: relative; }
#section5 .news_imgs #owl-demo .item .newm dt { width: 60%; overflow: hidden; float: left; }
#section5 .news_imgs #owl-demo .item .newm dd { width: 46%; overflow: hidden; background: #FFF; padding: 25px 0; position: absolute; right: 0; top: 20%; z-index: 100; line-height: normal; }
#section5 .news_imgs #owl-demo .item .newm dd span { width: 90%; overflow: hidden; margin: 0 auto; display: block; font-size: 1.1vw; }
#section5 .news_imgs #owl-demo .item .newm dd .newt { width: 90%; overflow: hidden; margin: 0 auto; display: block; font-size: 1.8vw; padding-top: 10px; }
#section5 .news_imgs #owl-demo .item .newm dd p { width: 90%; overflow: hidden; margin: 0 auto; display: block; font-size: 1vw; line-height: 2; padding-top: 10px; }
#section5 .news_imgs #owl-demo .item .newm dd .more { width: 9.25rem; height: 3.1rem; line-height: 3.1rem; text-align: center; display: block; background: #c62115; color: #FFF; margin-top: 20px; margin-left: 5%; font-size: 14px; }
#section5 .news_imgs #owl-demo .item .newm:hover dd .newt { color: #c62115; }
#section5 .news_imgs #owl-demo .item .newm:hover dd .more { background: #d9d9d9; color: #000; }
#section5 .news_imgs #owl-demo .owl-pagination { width: 16px; overflow: hidden; display: block; position: absolute; left: 26px; top: 30%; z-index: 100; }
#section5 .news_imgs #owl-demo .owl-page { display: block; width: 14px; height: 14px; margin: 10px 0; border: 1px #FFF solid; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
#section5 .news_imgs #owl-demo .owl-pagination .active { background: #FFF; }
#section5 .news_bo { width: 80%; overflow: hidden; margin: 0 auto; padding-top: 25px; }
#section5 .news_bo dl { width: 25%; overflow: hidden; float: left; }
#section5 .news_bo dl span { width: 90%; overflow: hidden; margin: 0 auto; display: block; color: #666666; }
#section5 .news_bo dl .newt { width: 90%; overflow: hidden; margin: 0 auto; display: block; font-size: 1.25vw; padding-top: 10px; height: 2rem; line-height: 2rem; }
#section5 .news_bo dl p { width: 90%; overflow: hidden; margin: 0 auto; font-size: 14px; line-height: 2; padding-top: 10px; height: 5rem; }
#section5 .news_bo dl .more { width: 14px; height: 10px; display: block; background: url(../images/ioc11.png) no-repeat; margin: 15px 0 0 5%; }
#section5 .news_bo dl:hover .newt { color: #c62115; }
#section5 .news_bo dl:hover .more { background: url(../images/ioc12.png) no-repeat; }
@media screen and (max-width: 1600px) and (min-width:1025px) {
#section5 .news_lb { width: 90%; padding-top: 20px; }
#section5 .news_imgs { width: 90%; padding-top: 20px; }
#section5 .news_imgs #owl-demo .item .newm dd { padding: 20px 0; top: 10%; }
#section5 .news_imgs #owl-demo .item .newm dd span { font-size: 16px; }
#section5 .news_imgs #owl-demo .item .newm dd .newt { font-size: 20px; }
#section5 .news_imgs #owl-demo .item .newm dd p { font-size: 14px; }
#section5 .news_bo { width: 90%; 9padding-top:20px;
}
#section5 .news_bo dl span { font-size: 14px; }
#section5 .news_bo dl .newt { font-size: 16px; }
}
/*****section6*****/
#section6 { width: 100%; background: #FFF; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; padding: 0 0 3.75rem 0; line-height: normal; }
#section6 .case_bo { width: 80%; overflow: hidden; margin: 0 auto; padding-top: 25px; }
#section6 .case_bo dl { width: 25%; overflow: hidden; float: left; text-align: center; background: url(../images/fln.jpg) no-repeat center right; margin-top: 40px; }
#section6 .case_bo dl:last-child { background: none; }
#section6 .case_bo dl dt { width: 102px; height: 102px; position: relative; margin: 0 auto; overflow: hidden; }
#section6 .case_bo dl dt ol { width: 102px; height: 102px; display: block; background: url(../images/ys.png) no-repeat; }
#section6 .case_bo dl dt span { width: 102px; height: 102px; display: block; position: absolute; left: 0; top: 0; z-index: 5; }
#section6 .case_bo dl dt i { width: 102px; height: 102px; display: block; position: absolute; left: 0; top: -100%; z-index: 50; }
#section6 .case_bo dl dt em { width: 102px; height: 102px; display: block; background: url(../images/ysd.png); position: absolute; left: 0; bottom: -100%; z-index: 20; }
#section6 .case_bo dl dd { width: 60%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding-top: 15px; }
#section6 .case_bo dl dd span { font-size: 1.25vw; }
#section6 .case_bo dl dd p { font-size: 14px; color: #666666; padding-top: 8px; }
#section6 .case_bo dl:hover { margin-top: 20px; color: #c62115; }
#section6 .case_bo dl:hover dt span { top: -100%; }
#section6 .case_bo dl:hover dt i { top: 0; }
#section6 .case_bo dl:hover dt em { bottom: 0; }
/*****section7*****/
#section7 { margin: 0 auto; position: relative; overflow: hidden; }
