@import url("owl.carousel.css");
@charset "utf-8";
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:4.7vw; }
.i_banner .item .cp_txt { width: 100%; position: absolute; top: 12%; bottom: 0; left: 0; right: 0; }
.i_banner .owl-pagination { width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index:10; }
.i_banner .owl-page.active { background:#fff; }
.i_banner .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 1; z-index:50; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 10%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 10%; }
/*cpzs*/
.moif{ width:2.3vw; height:2.3vw; border:1px #034491 solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background:url(../images/ioc2.png) no-repeat center; display: block;}
.moif:hover{ background:url(../images/ioc1.png) no-repeat center #034491;}
.cp1{ width:58%; margin-right:2%;}
.cp2{ width:40%;}
.cplb{ position:relative;}
.cplb dt{ background:#313131;}
.cplb dt img{ opacity: 0.6;}
.cplb dd{ padding:2.4vw 2.8vw 0 2.8vw; position:absolute; left:0; top:0; z-index:1;}
.cplb dd .moif{ border:1px #FFF solid; background:url(../images/ioc1.png) no-repeat center;}
.cp2 dl:last-child{ margin-top:1vw;}
.cplb:hover dt{ background:#034491;}
.cplb dd .moif:hover{ border:1px #034491 solid; background:url(../images/ioc1.png) no-repeat center #034491;} 

/*abouts*/
.abouts{ background-repeat: no-repeat; background-position: top center; background-color:#FFF;}
.abouts .cfcm #owl-demo { padding:0 5%;}
.abouts .cfcm #owl-demo .item .bgff{ padding:10px;}
.abouts .cfcm .owl-pagination{ display:none;}
.abouts .cfcm .owl-buttons div{ width:2.3vw; height:2.3vw; border:1px #fff solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background:url(../images/ioc1.png) no-repeat center; display: block; position: absolute; top:45%; opacity: 1; z-index:50;}
.abouts .cfcm .owl-buttons div:hover{ background:url(../images/ioc2.png) no-repeat center #FFF;}
.abouts .cfcm .owl-buttons div.owl-prev, .abouts .cfcm .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.abouts .cfcm .owl-buttons div.owl-next, .abouts .cfcm .owl-buttons div:hover.owl-next { right: 0; }
/*优势*/
.youshi_bo .ioc_img{ height:3.7vw;}
.youshi_bo li{ padding:2.5vw 2vw 6vw 2vw; position:relative;}
.youshi_bo li .sum{ position:absolute; right:2vw; bottom:-10%;}
/*news*/
.news .new_img{ width:50%; position:relative;}
.news .new_img dd{ width:100%; background:url(../images/hy.png) repeat; padding:1.5vw 1vw; position:absolute; left:0; bottom:0;}
.news .new_img dd .fl{ width:89%;}
.news .new_img dd .fr{ width:auto; height:100%; position:absolute; right:1vw; top:0;}
.news .new_img dd .fr .moif{ border:1px #FFF solid; background:url(../images/ioc1.png) no-repeat center;}
.news .new_img:hover dd{ background:#034491;}
.new_txt{ width:45%; margin-right:1vw;}
.new_txt li{ position:relative; z-index:1;}
.new_txt li .fl{ width:89%;}
.new_txt li .fr{ width:auto; height:100%; position:absolute; right:0; top:0;}
.new_txt li:hover a{ color:#1c3978;}
.new_txt li:hover .moif{ background:url(../images/ioc1.png) no-repeat center #034491;}  
 
@media screen and (max-width: 1600px) and (min-width:0) {
}
@media screen and (max-width: 1300px) and (min-width:0) {
}
@media screen and (max-width: 1100px) and (min-width:0) {
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top:0.78rem; height:auto;}
.i_banner #owl-demo .pcd { animation-name: none;animation-duration: none;}
.i_banner #owl-demo .cp_txt .lihe20{ line-height:1.6;}
.i_banner #owl-demo .cp_txt .f30{ font-size:0.24rem;}
/*cpzs*/
.moif{ width:0.46rem; height:0.46rem; }

.cp1{ width:100%; margin-right:0;}
.cp2{ width:100%; margin-top:0.2rem;}
.cplb dd{ padding:0.48rem 0.56rem 0 0.56rem;}
.cp2 dl:last-child{ margin-top:0.2rem;}

/*abouts*/
.abouts .cfcm #owl-demo { padding:0 8%;}
.abouts .cfcm .owl-buttons div{ width:0.46rem; height:0.46rem; }

/*优势*/
.youshi_bo .ioc_img{ height:0.74rem;}
.youshi_bo li{ padding:0.5rem 0.4rem 1.2rem 0.4rem;}
.youshi_bo li .sum{ right:0.4rem; bottom:-5%; text-align:right;}
/*news*/
.news .new_img{ width:100%;}
.news .new_img dd{ padding:0.3rem 0.2rem;}
.new_txt{ width:100%; margin-right:0;}
.new_txt ul{ padding-left:0.2rem; padding-right:0.2rem;}





















}

/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}
 @-webkit-keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
@keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
.rotate-center { -webkit-animation: rotate-center 4s linear infinite both; animation: rotate-center 4s linear infinite both }
@-webkit-keyframes rotate-center { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
 -webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.slide-bottom-back { -webkit-animation: slide-bottom-back 2s linear infinite both; animation: slide-bottom-back 2s linear infinite both }
@-webkit-keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
@keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both }
@-webkit-keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}