@charset "utf-8";
/**********/
.navigation{ display:none;}
/*.navigation { width: 75px; position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; z-index: 9999; overflow: hidden; }*/
.navigation li { width: 75px; height: 15px; display: block; margin: 0 0 15px 0; }
.navigation li a { width: 10px; height: 15px; display: block; line-height: 15px; cursor: pointer; font-size: 14px; transition: .2s ease; }
.navigation li a i { font-style: normal; }
.navigation li a span { display: none; }
.navigation li a.active { width: 75px; text-align: center; background: #cc0000; color: #FFF; padding: 0 5px; }
.navigation li a.active i { display: block; float: left; }
.navigation li a.active span { display: block; float: left; }
.promotion-carousel .promotions { width: 100%; position: relative; background-size: cover; background-position: top right; background-repeat: no-repeat; overflow: hidden; }
/*#section1*/
#section1 { height: auto; margin: 0 auto; }
/*中间鼠标图标*/
.sub-mouse { width: 100%; height: 47px; position: absolute; bottom: 130px; left: 0; cursor: pointer; z-index: 1; zoom: .7; }
.sub-mouse:after { display: none; z-index: -1; position: absolute; content: ''; top: -30px; left: 50%; height: 53px; }
.sub-mouse span { text-align: center; display: block; position: relative; width: 47px; height: 47px; animation: ani-svg .85s linear 0s alternate infinite; margin: 0 auto }
@keyframes ani-svg { 0% {
 opacity: .4;
 transform: translateY(-20px);
}
 15% {
 opacity: .65;
 transform: translateY(-15px);
}
 25% {
 opacity: .8;
 transform: translateY(-10px);
}
 50% {
 opacity: 1;
 transform: translateY(0);
}
 65% {
 opacity: .8;
 transform: translateY(5px);
}
 75% {
 opacity: .65;
 transform: translateY(10px);
}
 100% {
 opacity: .4;
 transform: translateY(15px);
}
}
/*#section2*/

#section2 { background: #ececec; margin: 0 auto; position: relative; overflow: hidden; display: block; }
.inner-left { width: 45%; overflow: hidden; position: absolute; left: 13%; top: 60px; z-index: 100; }
.inner-left .about-wrap { width: 100%; overflow: hidden; }
.inner-left .abo { width: 79%; color: #999999; font-size: 1.2vw; padding-right: 21%; line-height: 1.8; }
.heading { padding: 20px 0 20px 30px; position: relative; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: left; -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s; line-height: normal; }
.heading-square { z-index: 1; position: absolute; width: 100px; height: 100%; left: 0; top: 0; }
.heading-square > i { display: block; position: absolute; }
.heading-square.co1 { color: #0063b0; }
.heading-square .line-1 { border-top: 4px solid; border-right: 4px solid; width: 100%; height: 30px; margin-bottom: -30px; right: 0; opacity: 1; -webkit-transition: height .35s linear, width .5s linear .35s, opacity .2s .35s; -o-transition: height .35s linear, width .5s linear .35s, opacity .2s .35s; transition: height .35s linear, width .5s linear .35s, opacity .2s .35s; }
.heading-square .line-2 { border-right: 4px solid; left: 0; top: 0; height: 100%; opacity: 1; -webkit-transition: height .5s linear .85s, opacity .2s .85s; -o-transition: height .5s linear .85s, opacity .2s .85s; transition: height .5s linear .85s, opacity .2s .85s; }
.heading-square .line-3 { border-bottom: 4px solid; border-right: 4px solid; width: 100%; height: 20px; bottom: 0; left: 0; opacity: 1; -webkit-transition: width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s; -o-transition: width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s; transition: width .5s linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s; }
.before-active .heading-square .line-1 { width: 0; height: 0; -webkit-transition: height .35s 1.55s, width .5s 1.2s, opacity .2s 1.7s; -o-transition: height .35s 1.55s, width .5s 1.2s, opacity .2s 1.7s; transition: height .35s 1.55s, width .5s 1.2s, opacity .2s 1.7s; opacity: 0; }
.before-active .heading-square .line-2 { height: 0; -webkit-transition: height .5s .7s, opacity .2s 1s; -o-transition: height .5s .7s, opacity .2s 1s; transition: height .5s .7s, opacity .2s 1s; opacity: 0; }
.before-active .heading-square .line-3 { width: 0; height: 0; -webkit-transition: width .5s .2s, height .2s, opacity .2s .5s; -o-transition: width .5s .2s, height .2s, opacity .2s .5s; transition: width .5s .2s, height .2s, opacity .2s .5s; opacity: 0; }
.heading-inner { z-index: 2; }
.heading-inner h3 { font-weight: normal; }
.heading-inner .cl1 { color: #0063b0; }
.heading-inner .ch { font-size: 2.8vw; }
.heading-inner .en { font-size: 1.2vw; }
.heading-inner p { font-size: 1.2vw; }
.about-icon-container { width: 100%; background: #FFF; padding: 1vw 0; margin-top: 30px; overflow: hidden; }
.about-icon-container dl { width: 24.8%; overflow: hidden; float: left; text-align: center; border-right: 1px #cccccc solid; line-height: normal; }
.about-icon-container dl:last-child { border-right: none; }
.about-icon-container dl dt { color: #cc0000; font-size: 1.8vw; }
.about-icon-container dl dt span { font-size: 2.2vw; font-weight: bolder; font-family: "Fjalla One", sans-serif; }
.about-icon-container dl dd { color: #999999; font-size: 1.2vw; padding-top: 10px; }
.btn-welcome { width: auto; color: #fff; background-color: #0063b0; border-color: #0063b0; font-size: 1vw; text-transform: uppercase; line-height: 3vw; height: 3vw; float: left; padding: 0 20px; }
.btn-welcome ol { width: 9px; height: 3vw; display: block; float: left; margin-right: 11px; background: url(../images/ioc2.png) no-repeat center; }
.btn-welcome span { width: auto; display: block; float: left; }
.btn-welcome i { width: 39px; height: 1px; display: block; background: #FFF; float: left; margin-left: 11px; margin-top: 15%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.btn-welcome:hover { background: #035492; color: #fff; }
.btn-welcome:hover i { width: 50px; }
.about_r { width: 47%; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; float: right; min-height: 38vw; }
.about_r #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.about_r #owl-demo .item { display: block; }
.about_r #owl-demo img { width: 100%; display: block; vertical-align: top; height: 100%; }
.about_r .owl-pagination { width: 100%; position: absolute; bottom: 30px; left: 0; z-index: 100; height: 20px; text-align: center; display: inline-block; }
.about_r .owl-page { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background: #2770bd; *display: inline;
*zoom: 1;
border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.about_r .owl-pagination .active { background: #333333; }
@media screen and (max-width: 1600px) and (min-width:0) {
.inner-left { width: 53%; left: 5%; top: 40px; }
.btn-welcome { line-height: 40px; height: 40px; }
.btn-welcome ol { height: 40px; }
.about_r { min-height: 43vw; }
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
.inner-left { width: 45%; position: inherit; left: 0; top: 20px; margin-left: 5%; float: left; padding-bottom: 20px; }
.inner-left .abo { width: 100%; font-size: 14px; padding-right: 0; line-height: 1.8; }
.about_r { min-height: inherit; }
.before-active .heading-square .line-1 { width: 100%; height: 30%; opacity: 1; }
.before-active .heading-square .line-2 { height: 100%; opacity: 1; }
.before-active .heading-square .line-3 { width: 100%; height: 0; opacity: 1; }
.btn-welcome { font-size: 14px;}
.heading-inner p { font-size: 14px; }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
.inner-left { width: 90%; overflow: hidden; position: inherit; left: 5%; top: 0; z-index: inherit; padding: 30px 0 30px 0; margin: 0 auto; }
.heading .heading-inner .ch { font-size: 30px; }
.heading .heading-inner .en { font-size: 16px; }
.inner-left .abo { width: 100%; color: #999999; font-size: 14px; padding-right: inherit; }
.about-icon-container { padding: 25px 0; margin-top: 20px; }
.about-icon-container dl { width: 49.6%; overflow: hidden; float: left; text-align: center; border-right: 1px #cccccc solid; line-height: normal; margin-bottom: 10px; }
.about-icon-container dl:nth-child(2) { border-right: none; }
.about-icon-container dl:last-child { border-right: none; }
.about-icon-container dl dt { font-size: 28px; }
.about-icon-container dl dt span { font-size: 30px; }
.about-icon-container dl dd { font-size: 16px; }
.btn-welcome { font-size: 14px; padding: 0 35px; float: left; }
.about_r { width: 90%; float: inherit; margin: 0 auto; min-height: inherit; padding-bottom: 20px; }
}
/****section3*******/
#section3 { background: url(../images/bg1.jpg) 50% 0 no-repeat fixed; margin: 0 auto; overflow: hidden; padding: 1rem 0; position: relative; }
#section3 .contacr { position: relative; padding-top: 10px; }
.heading-square.co2 { color: #FFF; }
.heading-inner .cl2 { color: #FFF; }
.fuys_c { width: 100%; overflow: hidden; padding-top: 0.6rem; position: relative; }
.top_menu { width: 50%; overflow: hidden; float: left; }
.top_menu .fwld { width: 100%; overflow: hidden; height: 120px; line-height: normal; }
.top_menu .fwld dl { width: 25%; overflow: hidden; float: left; text-align: center; }
.top_menu .fwld dl dt { width: 40%; overflow: hidden; display: block; margin: 0 auto; position: relative; }
.top_menu .fwld dl dt span { width: 100%; overflow: hidden; display: block; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.top_menu .fwld dl dt i { width: 100%; overflow: hidden; display: block; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; position: absolute; left: 0; top: -100%; opacity: 0; }
.top_menu .fwld dl dd { color: #FFF; font-size: 18px; padding-top: 10px; }
.top_menu .fwld dl:hover span { opacity: 0; }
.top_menu .fwld dl:hover i { top: 0; opacity: 1; }
.top_menu .fwbo { width: 100%; overflow: hidden; height: 352px; }
.top_menu .common { width: 45%; overflow: hidden; float: left; margin-right: 5%; background: #FFF; margin-bottom: 0.7rem; }
.top_menu .common .fu_tie { width: 85%; overflow: hidden; margin: 0 auto; padding: 0.7rem 0; }
.top_menu .common .fu_tie .fu_img { width: 26%; overflow: hidden; float: left; position: relative; }
.top_menu .common .fu_tie .fu_img span { width: 100%; overflow: hidden; display: block; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.top_menu .common .fu_tie .fu_img i { width: 100%; overflow: hidden; display: block; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; position: absolute; left: 0; top: -100%; opacity: 0; }
.top_menu .common .fu_tie .fu_txt { width: 67%; overflow: hidden; float: right; line-height: normal; }
.top_menu .common .fu_tie .fu_txt span { font-size: 1.5vw; display: block; }
.top_menu .common .fu_tie .fu_txt p { font-size: 1vw; color: #999999; padding-top: 1vw; }
.top_menu .common:hover, .top_menu .common.liactive { background: #cc0000; color: #FFF; }
.top_menu .common:hover .fu_tie .fu_img span, .top_menu .common.liactive .fu_tie .fu_img span { opacity: 0; }
.top_menu .common:hover .fu_tie .fu_img i, .top_menu .common.liactive .fu_tie .fu_img i { top: 0; opacity: 1; }
.top_menu .common:hover .fu_tie .fu_txt p, .top_menu .common.liactive .fu_tie .fu_txt p { color: #f5dddd; }
.fuys_c .ul { width: 49%; overflow: hidden; background: url(../images/c1.jpg) no-repeat center; background-size: cover; float: right; position: relative; height: 472px; }
.bottom_content { width: 100%; height: 100%; transition: all .5s ease; position: absolute; top: 0; right: 0%; }
.body_1 { width: 100%; overflow: hidden; height: 100%; position:relative;}
.body_1 .fwt { width: 86%; overflow: hidden; margin: 0 auto; padding-top: 0.6rem; }
.body_1 .fwt .fu_lb { width: auto; overflow: hidden; float: left; line-height: normal; }
.body_1 .fwt .fu_lb p { width: 100%; display: block; padding-bottom: 15px; }
.body_1 .fwt .fu_lb p a { width: 100%; display: block; overflow: hidden; }
.body_1 .fwt .fu_lb p a i { width: 38px; height: 1px; display: block; float: left; background: #333333; margin-top: 0.75vw; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.body_1 .fwt .fu_lb p a span { width: auto; overflow: hidden; float: left; display: block; margin-left: 8px; font-size: 1.2vw; }
.body_1 .fwt .fu_lb p a:hover i { width: 45px; }
.body_1 .fwt .fu_r { width:48%; overflow: hidden; float: right; line-height: normal; }
.body_1 .fwt .fu_r dt { width: 100%; overflow: hidden; font-size: 1.3vw; font-weight: bolder; color: #F00; }
.body_1 .fwt .fu_r dd { width: 100%; overflow: hidden; font-size: 1vw; padding-top: 1vw; line-height: 1.6; }
.body_1 .more { width: auto; color: #fff; background-color: #0063b0; border-color: #0063b0; font-size: 1vw; text-transform: uppercase; line-height: 3vw; height: 3vw; padding: 0 20px; position:absolute; right:5%; bottom:1.2vw;}
.body_1 .more ol { width: 9px; height: 3vw; display: block; float: left; margin-right: 11px; background: url(../images/ioc2.png) no-repeat center; }
.body_1 .more span { width: auto; display: block; float: left; }
.body_1 .more i { width: 39px; height: 1px; display: block; background: #FFF; float: left; margin-left: 11px; margin-top: 15%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.body_1 .more:hover { background: #035492; color: #fff; }
.body_1 .more:hover i { width: 50px; }
@media screen and (max-width: 1600px) and (min-width:0) {
.top_menu .fwld { height: inherit; }
.top_menu .fwld dl dd { font-size: 14px; }
.top_menu .fwbo { height: inherit; padding-top: 20px; }
.fuys_c .ul { height: 7.5rem; }
.body_1 .fwt .fu_lb p a span { font-size: 16px; }
.body_1 .fwt .fu_r dt { font-size: 18px; }
.body_1 .fwt .fu_r dd { font-size: 14px; padding-top: 15px; }
.body_1 .more i { margin-top: 12%; }
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
#section3 { background: url(../images/bg1.jpg) 100% 0 no-repeat scroll; background-size: cover; padding: 15px 0; }
.top_menu .fwld dl dd { font-size: 14px; }
.fuys_c .ul { height: 6.8rem; }
.body_1 .more { line-height: 40px; height: 40px; margin-top: 12px; font-size: 14px; }
.body_1 .more ol { height: 40px; }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
.fuys_c { padding-top: 15px; }
.top_menu { width: 100%; float: inherit; }
.top_menu .fwld { width: 100%; height: inherit; }
.top_menu .fwld dl { width: 50%; margin-bottom: 10px; }
.top_menu .fwld dl dd { font-size: 16px; }
.top_menu .fwbo { height: inherit; margin-top: 10px; }
.top_menu .common { width: 48%; margin-right: 1%; margin-left: 1%; margin-bottom: 10px; }
.top_menu .common .fu_tie { width: 95%; padding: 10px 0; position: relative; }
.top_menu .common .fu_tie .fu_img { width: 20%; }
.top_menu .common .fu_tie .fu_txt { width: 76%; }
.top_menu .common .fu_tie .fu_txt span { font-size: 18px; }
.top_menu .common .fu_tie .fu_txt p { font-size: 12px; padding-top: 6px; }
.fuys_c .ul { width: 100%; float: inherit; height: 5.5rem; }
.body_1 .fwt { width: 95%; padding-top: 20px; }
.body_1 .fwt .fu_lb p { padding-bottom: 8px; line-height: 20px; }
.body_1 .fwt .fu_lb p a i { width: 30px; height: 1px; margin-top: 9px; }
.body_1 .fwt .fu_lb p a span { margin-left: 5px; font-size: 14px; }
.body_1 .fwt .fu_r { width: 50%; }
.body_1 .fwt .fu_r dt { font-size: 20px; }
.body_1 .fwt .fu_r dd { font-size: 14px; padding-top: 15px; }
}
 @media screen and (max-width: 420px) and (min-width: 0px) {
.top_menu .fwld dl dd { font-size: 14px; }
.fuys_c .ul { height: 7.5rem; }
.body_1 .fwt .fu_r dt { font-size: 16px; }
.body_1 .fwt .fu_r dd { font-size: 13px; padding-top: 12px; }
}
@media screen and (max-width: 320px) and (min-width: 0px) {
.fuys_c .ul { height: 9rem; }
}
/*************/
#section4 { background: #333333; margin: 0 auto; overflow: hidden; position: relative; }
.case_l { width: 20%; overflow: hidden; float: left; color: #FFF; margin-left: 13%; padding: 60px 0; }
.case_l .calb { width: 74%; overflow: hidden; padding-top: 25px; }
.case_l .calb .cse { width: 100%; display: block; margin-bottom: 15px; overflow: hidden; }
.case_l .calb .cse .clb { border: 1px #666666 solid; padding: 12px 25px; overflow: hidden; position: relative; height: 20px; }
.case_l .calb .cse .clb i { width: 74px; height: 1px; background: #cc0000; transition: all 0.6s; position: absolute; top: 21px; left: -100%; z-index: 10; }
.case_l .calb .cse .clb span { width: auto; color: #FFF; font-size: 18px; position: absolute; top: 12px; left: 25px; z-index: 10; line-height: 20px; -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-i; }
.case_l .calb .cse .clb em { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: -100%; z-index: 5; background: #FFF; }
.case_l .calb .cse:hover .clb i { left: 25px; }
.case_l .calb .cse:hover .clb span { left: 114px; color: #cc0000; }
.case_l .calb .cse:hover .clb em { opacity: 1; left: 0; }
.case_l .more { width: auto; color: #cc0000; background-color: #FFF; font-size: 1vw; text-transform: uppercase; line-height: 3vw; height: 3vw; padding: 0 20px; margin-top: 2.8rem; display: block; }
.case_l .more ol { width: 9px; height: 3vw; display: block; float: left; margin-right: 11px; background: url(../images/ioc1.png) no-repeat center; }
.case_l .more span { width: auto; display: block; float: left; color: #cc0000; }
.case_l .more i { width: 39px; height: 1px; display: block; background: #cc0000; float: left; margin-left: 11px; margin-top: 15%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.case_l .more:hover { background: #035492; color: #fff; }
.case_l .more:hover i { width: 50px; }
.case_r { width: 57%; float: left; overflow: hidden; float: left; background: #ffffff; padding: 60px 10% 60px 0;}
.case_r #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 44px; }
.case_r #owl-demo .item { width: 100%; display: block; }
.case_r #owl-demo .item .zpimg { width: 33.33%; height: 18vw; float: left; margin-bottom: 30px; }
.case_r #owl-demo .item .zpimg .zp_cn { width: 90%; display: block; margin: 0 auto; overflow: hidden; padding: 4px; border: 1px #ebebeb solid; position: relative; }
.case_r #owl-demo .item .zpimg .zp_cn dt { width: 100%; overflow: hidden; height: 17vw; }
.case_r #owl-demo .item .zpimg .zp_cn dt img { width: 100%; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.case_r #owl-demo .item .zpimg .zp_cn dt span { display: none; }
.case_r #owl-demo .item .zpimg .zp_cn dt i { display: block; width: 100%; }
.case_r #owl-demo .item .zpimg .zp_cn dd { width: calc(100% - 10px); overflow: hidden; background: rgba(204,0,0,0.8); padding: 25px 5px 10px 5px; color: #FFF; position: absolute; bottom: -100%; left: 4px; line-height: normal; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.case_r #owl-demo .item .zpimg .zp_cn dd ol { width: 20%; overflow: hidden; margin: 0 auto; display: block; }
.case_r #owl-demo .item .zpimg .zp_cn dd p { width: 100%; overflow: hidden; text-align: center; padding-top: 1vw; font-size: 1.5vw; }
.case_r #owl-demo .item .zpimg .zp_cn dd .lkr { width: 90%; overflow: hidden; margin: 0 auto; padding-top: 1vw; }
.case_r #owl-demo .item .zpimg .zp_cn dd .lkr i.fa { width: auto; overflow: hidden; float: left; font-size: 2.8vw; margin-right: 10px; }
.case_r #owl-demo .item .zpimg .zp_cn dd .lkr i.h5i { width: 12%; overflow: hidden; float: left; }
.case_r #owl-demo .item .zpimg .zp_cn dd .lkr i.h5i_ed { display: none; }
.case_r #owl-demo .item .zpimg .zp_cn dd .lkr span { width: auto; overflow: hidden; float: right; font-size: 1vw; padding-top: 10px; }
.case_r #owl-demo .item .zpimg:hover .zp_cn dd { bottom: 4px; }
.case_r .owl-pagination { width: 100%; height: 20px; text-align: center; margin-top: 24px; }
.case_r .owl-page { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background: #0063b0; *display: inline;
*zoom: 1;
border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.case_r .owl-pagination .active { width: 74px; background: #efefef; }
@media screen and (max-width: 1600px) and (min-width:0) {
.case_l { width: 20%; overflow: hidden; float: left; color: #FFF; margin-left: 5%; padding: 40px 0; }
.case_l .more { line-height: 40px; height: 40px; margin-top: 12px; }
.case_l .more ol { height: 40px; }
.case_l .calb .cse .clb span { font-size: 16px; }
.case_r { width: 75%; float: left; overflow: hidden; float: left; background: #ffffff; padding: 40px 0; }
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
.case_r #owl-demo { padding-bottom: 24px; }
.case_r #owl-demo .item .zpimg { height: auto; margin-bottom: 10px; }
.case_r #owl-demo .item .zpimg .zp_cn dt { height: inherit; }
.case_r #owl-demo .item .zpimg .zp_cn dt span { display: block; width: 100%; }
.case_r #owl-demo .item .zpimg .zp_cn dt i { display: none; }
.case_r #owl-demo .item .zpimg .zp_cn dd { width: 100%; background: #ececec; padding: 10px 0; color: #333; position: inherit; left: 0; }
.case_r #owl-demo .item .zpimg .zp_cn dd ol, .case_r #owl-demo .item .zpimg .zp_cn dd .lkr { display: none; }
.case_r #owl-demo .item .zpimg .zp_cn dd p { width: 90%; margin: 0 auto; font-size: 14px; }
.case_r .owl-pagination { height: 10px; margin-top: 14px; }
.case_r .owl-page { width: 10px; height: 10px; }
.case_r .owl-pagination .active { width: 54px; }
.case_l .more { font-size:14px;}
}
@media screen and (max-width: 768px) and (min-width: 0px) {
.case_l { width: 90%; overflow: hidden; float: inherit; color: #FFF; margin-left: inherit; padding: 30px 0; margin: 0 auto; }
.case_l .calb { width: 100%; overflow: hidden; padding-top: 15px; }
.case_l .calb .cse { width: 33.33%; display: block; margin-bottom: 10px; overflow: hidden; float: left; }
.case_l .calb .cse .clb { border: 1px #666666 solid; padding: 12px 0; overflow: hidden; position: inherit; height: 20px; margin: 0 1%; display: block; }
.case_l .calb .cse .clb i { display: none; }
.case_l .calb .cse .clb span { width: 100%; color: #FFF; font-size: 14px; position: inherit; line-height: 20px; text-align: center; display: block; }
.case_l .calb .cse .clb em { display: none; position: inherit; }
.case_l .more { float: right; margin-top: 0; }
.case_r { width: 90%; float: inherit; overflow: hidden; background: #ffffff; padding: 30px 5%; margin: 0 auto; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
.case_r #owl-demo .item .zpimg { width: 50%; height:auto;}
.case_r #owl-demo .item .zpimg .zp_cn dd p { height: 20px; line-height: 20px; overflow: hidden; }
}
/*************/
#section5 { background: #ececec; padding: 60px 0 30px 0; margin: 0 auto; }
.hz_top { width: 100%; overflow: hidden; line-height: normal; text-align: center; }
.hz_top dt { width: 100%; overflow: hidden; font-size: 2.6vw; }
.hz_top dd { width: 100%; overflow: hidden; padding-top: 15px; color: #999999; font-size: 18px; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
#section5 { padding: 30px 0 10px 0; }
.hz_top dt { font-size: 24px; }
.hz_top dd { width: 90%; padding-top: 10px; font-size: 14px; margin: 0 auto; }
}
/*************/
#section6 { background: url(../images/bg2.jpg) 50% 0 no-repeat fixed; background-size: 100% 100%; padding: 60px 0; overflow: hidden; }
.news_top { width: 100%; overflow: hidden; line-height: normal; text-align: center; }
.news_top dt { width: 100%; overflow: hidden; font-size: 2.6vw; }
.news_top dt a { color: #FFF; }
.news_top dd { width: 100%; overflow: hidden; padding-top: 15px; color: #FFF; font-size: 18px; }
.news_l { width: 36%; overflow: hidden; float: left; margin-top: 30px; background: #FFF; }
.news_l #owl-demo { width: 100%; margin-left: auto; margin-right: auto; }
.news_l #owl-demo .item { width: 100%; overflow: hidden; display: block; position: relative; }
.news_l #owl-demo .item dt { width: 100%; overflow: hidden; }
.news_l #owl-demo .item dt img { width: 100%; display: block; vertical-align: top; }
.news_l #owl-demo .item dd { width: 100%; height: 64px; line-height: 64px; text-align: center; background: #FFF; font-size: 24px; }
.news_l #owl-demo .item p { width: 70%; overflow: hidden; background: rgba(204,0,0,0.8); padding: 15px 5%; color: #FFF; position: absolute; top: -100%; left: 0; line-height: 1.5; opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.news_l #owl-demo .item:hover p { top: 100px; opacity: 1; font-size: 18px; }
.news_l #owl-demo .item:hover dt img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.news_l .owl-theme .owl-controls { width: 100%; position: absolute; bottom: 70px; left: 0; z-index: 100; height: 20px; text-align: center; }
.news_l .owl-theme .owl-controls .owl-pagination { width: 200px; margin: 0 auto; }
.news_l .owl-theme .owl-controls .owl-page span { display: block; width: 20px; height: 20px; margin: 0 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #0063b0; overflow: hidden; float: left; }
.news_l .owl-theme .owl-controls .owl-page.active span, .news_l .owl-theme .owl-controls.clickable .owl-page:hover span { background: #333333; }
.news_r { width: 62%; overflow: hidden; float: right; margin-top: 30px; background: #FFF; }
.news_r li { width: 90%; overflow: hidden; position: relative; border-bottom: 1px #ececec solid; line-height: normal; margin: 0 auto; padding: 18px 0; }
.news_r li .time { width: auto; overflow: hidden; float: left; text-align: center; font-family: Arial; padding-top: 20px; }
.news_r li .time dt { width: 100%; font-size: 30px; font-weight: bolder; }
.news_r li .time dd { width: 100%; font-size: 13px; color: #666666; }
.news_r li .newtxt { width: 88%; overflow: hidden; float: right; }
.news_r li .newtxt dt { width: 100%; overflow: hidden; font-size: 24px; }
.news_r li .newtxt dd { width: 100%; overflow: hidden; font-size: 18px; line-height: 1.5; margin-top: 10px; color: #999999; }
.news_r li .bottoma { position: absolute; z-index: 1; height: 1px; width: 0%; bottom: 0px; left: 0px; }
.news_r li:hover .newtxt dt a { color: #0063b0; }
 @media screen and (max-width: 1024px) and (min-width: 0px) {
#section6 { background: url(../images/bg2.jpg) 100% 0 no-repeat scroll; background-size: 100% 100%; padding: 20px 0; overflow: hidden; }
.news_top dt { font-size: 24px; }
.news_top dd { width: 90%; margin: 0 auto; padding-top: 10px; font-size: 14px; }
.news_r li { padding: 13px 0; }
.news_r li .time { padding-top: 0; }
.news_r li .time dt { font-size: 24px; color: #a6080f; }
.news_r li .time dd { font-size: 12px; }
.news_r li .newtxt dt { font-size: 16px; }
.news_r li .newtxt dd { font-size: 12px; line-height: 1.5; margin-top: 6px; }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
.news_r li { padding: 15px 0; }
.news_r li .newtxt dd { height: 2vw; overflow: hidden; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
.news_l { width: 100%; float: inherit; margin-top: 20px; }
.news_l #owl-demo .item dd { height: 34px; line-height: 34px; font-size: 16px; }
.news_l #owl-demo .item p { display: none; }
.news_l .owl-theme .owl-controls { bottom: 40px; height: 10px; }
.news_l .owl-theme .owl-controls .owl-pagination { width: 100px; margin: 0 auto; }
.news_l .owl-theme .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 0 5px; }
.news_r { width: 100%; float: inherit; margin-top: 20px; }
.news_r li .newtxt { width: 80%; }
.news_r li .newtxt dd { height: inherit; }
.news_r li .bottoma { display: none; }
}
/*************/
#section7 { overflow: hidden; }