@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.3vw;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner #owl-demo .owl-item .uk-animation-kenburns img { width: 100%; height: auto; transition: all 1s ease 2.5s; }
.i_banner #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner #owl-demo .owl-item.active .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; animation-duration: .2s }
.i_banner #owl-demo .owl-item.active .tracking-in-contract { -webkit-animation: tracking-in-contract 1.5s .5s both; animation: tracking-in-contract 1.5s .5s both }
.i_banner #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; animation-duration: 1s;}
.i_banner .owl-pagination { position: absolute; left: 0; bottom: 5%; text-align: center; }
.i_banner .owl-buttons div { width: 50px; height: 100%; background:url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 5%; }
/*newtop*/
.tia{ border-left:5px #d20000 solid; padding-left:25px;}
.find_new{ width: 100%; overflow: hidden; background:url(../images/bg1.jpg) no-repeat center; background-size:cover; position:relative;}
.find_new .newt_l{ width:50%; overflow: hidden; background:url(../images/hy1.png) repeat; color:#FFF;}
.find_new .newt_l a{ color:#FFF;}
.find_new .newt_l .newt_c{ width:67%; margin-left:27%;}
.find_new .newt_l .newt_c .search_c{ width:72%; border:1px #fff solid; padding:0 1vw; overflow: hidden;}
.find_new .newt_l .newt_c .search_c .sousuo4{ color:#FFF; border:0; width:85%; height:2.6vw; line-height:2.6vw; background:none; opacity:0.7;}
.find_new .newt_l .newt_c .search_c .sousuo{ width:4%; height:2.6vw; background:url(../images/ser_btn.png) no-repeat center; background-size:contain;}
.find_new .newt_r{ width:50%; overflow: hidden; height:100%; position:absolute; right:0; top:0;}
.find_new .newt_r .newt_c{ width:67%; margin-right:27%; margin-left:6%;}
.mor1{ width:170px; height:56px; line-height:56px; text-align:center; display:block; background:#d20000; color:#fff;}
.mor1:hover{ background:#434343; color:#fff;}
/*cpzs*/
.cpzs{ width: 100%; overflow: hidden; background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.cpzs .slideTxtBox{ position:relative;}
.cpzs .slideTxtBox .arrow{ display:none;}
.cpzs .slideTxtBox .hd{ width: 33%; overflow: hidden; text-align:center;}
.cpzs .slideTxtBox .hd li{ width:45.6%; overflow: hidden; display:block; margin-top:1vw; height:3.5vw; line-height:3.5vw; border:1px #c9c9c9 solid;}
.cpzs .slideTxtBox .hd li:nth-of-type(odd) { float: left; }
.cpzs .slideTxtBox .hd li:nth-of-type(even) { float: right; }
.cpzs .slideTxtBox .hd li.on{ background:#d20000; font-weight:bolder; border:1px #d20000 solid; color:#FFF;}
.cpzs .slideTxtBox .hd li.on a{ color:#FFF;}
.cpzs .slideTxtBox .bd{ width:62%;}
.cpzs .slideTxtBox .bd ul{ width: 100%; zoom:1; position:relative;}
.cpzs .slideTxtBox .bd ul img{ max-width:100%; width:auto; display:block; margin:0 auto;}


/*case*/
.case.slideTxtBox{ position:relative; color:#FFF;}
.case.slideTxtBox a{ color:#FFF;}
.case.slideTxtBox .arrow{ display:none;} 
.case.slideTxtBox .case_top{ width: 100%; overflow: hidden; position:absolute; left:0; top:13%; z-index:2;}
.case.slideTxtBox .hd_bg{ width:71.25%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/cy.png) no-repeat; background-size:cover;}
.case.slideTxtBox .hd{ width: 100%; overflow: hidden; height:100%; display: -webkit-box; display: flex; align-items: center; position:absolute; left:0; top:0; z-index:5;}
.case.slideTxtBox .hd ul{ width:24.6%;}
.case.slideTxtBox .hd li{ width: 100%; overflow: hidden; margin-bottom:3.5vw; height:1.5vw; line-height:1.5vw;}
.case.slideTxtBox .hd li:last-child{ margin-bottom:0;}
.case.slideTxtBox .hd li:nth-of-type(2) { margin-left:1.4vw;}
.case.slideTxtBox .hd li:nth-of-type(3) { margin-left:1.9vw;}
.case.slideTxtBox .hd li:nth-of-type(4) { margin-left:1.5vw;}
.case.slideTxtBox .hd li:nth-of-type(5) { margin-left:0.3vw;}
.case.slideTxtBox .hd li .ioc_img img{ width:auto; height:1.5vw;}
.case.slideTxtBox .hd li .ioc_img span{ display:block;}
.case.slideTxtBox .hd li .ioc_img i{ display:none;}
.case.slideTxtBox .hd li:hover .ioc_img span, .case.slideTxtBox .hd li.on .ioc_img span{ display:none;}
.case.slideTxtBox .hd li:hover .ioc_img i, .case.slideTxtBox .hd li.on .ioc_img i{ display:block;}
.case.slideTxtBox .hd li:hover .ml10, .case.slideTxtBox .hd li.on .ml10{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.case.slideTxtBox .bd{ width:100%; overflow: hidden;}
.case.slideTxtBox .bd ul{ width: 100%; zoom:1; position:relative; overflow: hidden;}
.case.slideTxtBox .bd ul .case_txt{ width: 100%; overflow: hidden; position:absolute; left:0; top:43%; z-index:2;}
.case.slideTxtBox .bd ul .case_l{ width:47.2%;}
.case.slideTxtBox .bd ul .case_l .pb30 img{ width:auto; height:3.2vw;}

/*news*/
.news{ background:url(../images/bg2.jpg) repeat-x bottom #fff; background-size:cover;}
.newt{ width:47.3%; margin-top:1vw; margin-bottom:1vw;}
.newt:nth-of-type(odd) { float: left; margin-left:0.5%;}
.newt:nth-of-type(even) { float: right; margin-right:0.5%;}
.newt dt{ position:relative;}
.newt dt .more3{ width:auto; padding:15px 2vw; background:#434343; position:absolute; left:0; top:0; z-index:1;}
.newt dt .more3 span{ height:1.2vw;}
.newt dt .more3 span img{ height:1.2vw;}
.newt dt .new_txt{ position:absolute; left:0; bottom:1.5vw; z-index:1;}
.newt dd ul li a{ width:80%; overflow:hidden;}
.newt:hover{ box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.newt:hover dt .more3{ background:#d20000;}
.newt dd ul li:hover a{ color:#d20000;}

@media screen and (max-width: 1600px) and (min-width:0) {

/*newtop*/
.tia{ padding-left:20px;}
.find_new .newt_l .newt_c{ width:74%; margin-left:20%;}
.find_new .newt_r .newt_c{ width:74%; margin-right:20%;}
.mor1{ width:160px; height:50px; line-height:50px;}


/*case*/
.case.slideTxtBox .case_top{ top:10%;}
.case.slideTxtBox .hd_bg{ width:73%;}
.case.slideTxtBox .bd ul .case_txt{ top:40%;}
.case.slideTxtBox .bd ul .case_l{ width:49%;}
.case.slideTxtBox .bd ul .case_l .pb30 img{ height:3vw;}


}
@media screen and (max-width: 1300px) and (min-width:0) {
/*newtop*/
.tia{ padding-left:16px;}
.find_new .newt_l .newt_c{ width:84%; margin-left:10%;}
.find_new .newt_r .newt_c{ width:84%; margin-right:10%;}

.mor1{ width:150px; height:46px; line-height:46px;}

/*case*/
.case.slideTxtBox .case_top{ top:8%;}
.case.slideTxtBox .hd_bg{ width:75.5%;}
.case.slideTxtBox .bd ul .case_txt{ top:38%;}
.case.slideTxtBox .bd ul .case_l{ width:52%;}
.case.slideTxtBox .bd ul .case_l .pb30 img{ height:2.8vw;}


}
@media screen and (max-width: 1100px) and (min-width:0) {
/*case*/
.case.slideTxtBox .case_top{ top:8%;}
.case.slideTxtBox .hd_bg{ width:75.5%;}
.case.slideTxtBox .bd ul .case_txt{ top:38%;}
.case.slideTxtBox .bd ul .case_l{ width:70%;}
.case.slideTxtBox .bd ul .case_l .pb30 img{ height:2.4vw;}

}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner{ margin-top:0.78rem;}
.i_banner .item .uk-position-center{ text-align: center; }
.i_banner #owl-demo .owl-item .tsar span { display: inline; }
.i_banner .to { bottom: 2%; width: 0.64rem; height: 0.64rem; }
.i_banner .to .down { width: 0.6rem; height: 0.6rem; }

/*newtop*/
.tia{ padding-left:0.25rem;}
.find_new .newt_l{ width:100%; }
.find_new .newt_l .newt_c{ width:90%; margin-left:5%; margin-right:5%;}
.find_new .newt_l .newt_c .search_c{ width:80%; padding:0 0.2rem; }
.find_new .newt_l .newt_c .search_c .sousuo4{ height:0.52rem; line-height:0.52rem;}
.find_new .newt_l .newt_c .search_c .sousuo{ width:4%; }
.find_new .newt_r{ width:100%; overflow: hidden; height:auto; position:inherit; right:inherit; top:inherit; padding:0.4rem 0;}
.find_new .newt_r .newt_c{ width:90%; margin-right:5%; margin-left:5%;}

.mor1{ width:2rem; height:0.6rem; line-height:0.6rem;}

/*cpzs*/
.cpzs .slideTxtBox .arrow{ display:block;}
.cpzs .slideTxtBox .arrow a { width: 0.55rem; height: 0.91rem; background: url(../images/awr.png) no-repeat center; background-size: contain; display:block; position: absolute; top:1.8rem; opacity: 0.2; z-index:60; }
.cpzs .slideTxtBox .arrow a:hover { opacity: 1; }
.cpzs .slideTxtBox .arrow a.next, .cpzs .slideTxtBox .arrow a.next:hover { right: 0; }
.cpzs .slideTxtBox .arrow a.prev, .cpzs .slideTxtBox .arrow a.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 0; }
.cpzs .slideTxtBox .hd{ width: 100%; overflow: hidden; text-align:center;}
.cpzs .slideTxtBox .hd li{ width:45.6%; margin-top:0.2rem; height:0.7rem; line-height:0.7rem;}
.cpzs .slideTxtBox .hd li:nth-of-type(odd) { float: left; }
.cpzs .slideTxtBox .hd li:nth-of-type(even) { float: right; }
.cpzs .slideTxtBox .hd li.on{ background:#d20000; font-weight:bolder; border:1px #d20000 solid; color:#FFF;}
.cpzs .slideTxtBox .hd li.on a{ color:#FFF;}
.cpzs .slideTxtBox .bd{ width:100%; padding-top:0.4rem;}
.cpzs .slideTxtBox .bd ul img{ max-width:100%; width:auto; display:block; margin:0 auto;}


/*case*/
.case{ padding:0.65rem 0 0 0;}
.case.slideTxtBox{ color:#252525;}
.case.slideTxtBox a{ color:#252525;}
.case.slideTxtBox .arrow{ display:block;} 
.case.slideTxtBox .arrow a { width: 0.55rem; height: 0.91rem; background: url(../images/awr.png) no-repeat center; background-size: contain; display:block; position: absolute; top:2.8rem; opacity: 0.2; z-index:60; }
.case.slideTxtBox .arrow a:hover { opacity: 1; }
.case.slideTxtBox .arrow a.next, .case.slideTxtBox .arrow a.next:hover { right: 8%; }
.case.slideTxtBox .arrow a.prev, .case.slideTxtBox .arrow a.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); left:8%; }

.case.slideTxtBox .case_top{ position:inherit; left:inherit; top:inherit; z-index:inherit;}
.case.slideTxtBox .hd_bg{ display:none;}
.case.slideTxtBox .hd{ height:auto; display:inline; display: inline; align-items:inherit; position:inherit; left:inherit; top:inherit; z-index:inherit;}
.case.slideTxtBox .hd ul{ width:80%; padding-top:0.4rem; margin-left:10%;}
.case.slideTxtBox .hd li{ width: 48%; margin-bottom:0.25rem; height:0.3rem; line-height:0.3rem;}
.case.slideTxtBox .hd li:last-child{ margin-bottom:0.25rem;}
.case.slideTxtBox .hd li:nth-of-type(2) { margin-left:0;}
.case.slideTxtBox .hd li:nth-of-type(3) { margin-left:0;}
.case.slideTxtBox .hd li:nth-of-type(4) { margin-left:0;}
.case.slideTxtBox .hd li:nth-of-type(5) { margin-left:0;}
.case.slideTxtBox .hd li:nth-of-type(odd) { float: left; }
.case.slideTxtBox .hd li:nth-of-type(even) { float: right; }
.case.slideTxtBox .hd li .ioc_img{ margin-top:0.05rem;}
.case.slideTxtBox .hd li .ioc_img img{ height:0.2rem; }
.case.slideTxtBox .hd li .ioc_img span{ display:none;}
.case.slideTxtBox .hd li .ioc_img i{ display:block;}
.case.slideTxtBox .hd li:hover .ml10, .case.slideTxtBox .hd li.on .ml10{ color:#d20000;}
.case.slideTxtBox .bd{ width:100%; overflow: hidden; padding:0.35rem 0 0 0;}
.case.slideTxtBox .bd ul{ width: 100%; zoom:1; position:relative; overflow: hidden;}
.case.slideTxtBox .bd ul .case_txt{ width: 100%; overflow: hidden; position:inherit; left:0; top:inherit; z-index:inherit;}
.case.slideTxtBox .bd ul .case_l{ width:100%;}
.case.slideTxtBox .bd ul .case_l .pb30 img{ height:0.65rem;}
.case.slideTxtBox .bd ul .heau{ padding-top:0.3rem}















/*news*/
.newt{ width:100%; margin-top:0.2rem; margin-bottom:0.3rem;}
.newt:nth-of-type(odd) { float: none; margin-left:0;}
.newt:nth-of-type(even) { float:none; margin-right:0.5%;}
.newt dt .more3{ padding:0.15rem 0.4rem;}
.newt dt .more3 span{ height:0.24rem;}
.newt dt .more3 span img{ height:0.24rem;}
.newt dt .new_txt{ bottom:0.3rem;}
.newt dd ul li a{ width:75%;}
.newt dd ul li a.titm0, .newt dd ul li span{ height:0.22rem; line-height:0.22rem;}

}


/* 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)
}
}