@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item .cp_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.i_banner .item img{ width: 100%; height:auto; transition: all 1s ease 2.5s;}
.i_banner .owl-item.active img{ animation-name: uk-kenburns; animation-duration: 15s; }
.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.4; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 3%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 3%; }


.more{ width:auto; display:block; background:#c30000; color:#FFF;}
.more:hover{ background:#454545; color:#FFF;}
.more1{ padding:0.8vw 2.3vw;}
.more2{ padding:0.5vw 1.3vw;}

/*cpzs*/
.cplb a{ width:auto; display:block; float:left; position:relative; z-index:1; padding:0.75vw 1.7vw; border:1px #8f8f8f solid; overflow:hidden; margin-left:0.8vw;}
.cplb a:nth-of-type(1){ margin-left:0;}
.cplb a i{ width:100%; height:100%; display:block; position:absolute; left:0; bottom:-100%; z-index:-1; background:#c30000;}
.cplb a:hover{ border:1px #c30000 solid; color:#fff;}
.cplb a:hover i{ bottom:0;}
.cpzs { position: relative;}
.cpzs .item { width: 100%; display: block; overflow: hidden; }
.cpzs .item dl{ box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.1); width:96%; margin:0 auto;}
.cpzs .item dl dt{ height:11.2vw;}
.cpzs .item dl dt img{ max-height:11.2vw; width:auto; display:block; margin:0 auto;}
.cpzs .item dl dd{ height:5.7vw; position: relative;}
.cpzs .item dl dd .f22{ position:absolute; left:0; top:1.8vw;}
.cpzs .item dl dd .f16{ position:absolute; left:0; bottom:-100%;}
.cpzs .item dl dd i{ width:100%; height:5px; background:#c30000; position:absolute; left:0; bottom:-100%;}
.cpzs .item dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.cpzs .item dl:hover dd .f22{ top:0.6vw;}
.cpzs .item dl:hover dd .f16{ bottom:1.8vw;}
.cpzs .item dl:hover dd i{ bottom:0;}
.cpzs .owl-buttons div{ display:none;}
.cpzs .owl-pagination { position: absolute; left: 0; bottom:5%; text-align: center; }
.cpzs .owl-pagination .owl-page{ background:#454545;}
.cpzs .owl-page.active{ background: #c30000;}

/*about*/
.about_l{ width:49.5%;}
.about_r{ width:45%;}
.about_lc dl:nth-of-type(1){ float:left;}
.about_lc dl:nth-of-type(2){ float:left; margin:0 7vw; padding:0 7vw; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.about_lc dl:nth-of-type(3){ float:left; padding-right:7vw; border-right:1px solid #e0e0e0;}
.about_lc dl:nth-of-type(4){ float:right;} 
/*youshi*/
.youshi_bo li{ width:33.333333%; float:left;}
.youshi_bo li:nth-of-type(2){ border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);}
.youshi_bo li dl{ width:77%;}
.youshi_bo li:nth-of-type(1) dl{ float:left;}
.youshi_bo li:nth-of-type(2) dl{ margin:0 auto;} 
.youshi_bo li:nth-of-type(3) dl{ float:right;}
.youshi_bo li dl dt{ width:42%; margin:0 auto; position:relative;}
.youshi_bo li dl dt .img1{ display:block;}
.youshi_bo li dl dt .img2{ display:none;}
.youshi_bo li dl dt .ioc_img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.youshi_bo li dl dt .ioc_img img{ width:auto; max-height:3vw; display:block; margin:0 auto;}
.youshi_bo li dl dd .tra3{ opacity: 0.7;}
.youshi_bo li dl:hover dt .img1{ display:none;}
.youshi_bo li dl:hover dt .img2{ display:block;}
.youshi_bo li dl:hover dd .tra3{ opacity: 1;}
/*new*/
.new_img{ width:30%; margin-right:1.4%;}
.new_img:last-child{ margin-right:0;}
.new_img:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.new_img:hover dd .more2{ background: #313030; color: #FFF;}
.new_img:hover dd .f22 a{ color:#c30000;}
.sideMenu{ width:37%; overflow: hidden; padding-bottom:2.5vw;}
.sideMenu h3{ width: 100%; overflow: hidden; cursor:pointer; font-weight:normal; margin-top:1.5vw;}
.sideMenu h3 .btopr{ display:none;}
.sideMenu h3 .fl{ width:78%; overflow:hidden; height:24px; line-height:24px; font-size:18px;}
.sideMenu h3 .fr{ height:24px; line-height:24px;}
.sideMenu ul{ width: 100%; display:none; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.sideMenu h3.on .btopr{ display:block;}
.sideMenu h3.on .fl{ width:100%; overflow:hidden; font-size:22px; font-weight:bolder; height:auto; line-height:1.8;} 
.sideMenu h3.on .fr{ display:none;}








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

.about_lc dl:nth-of-type(3){ float:left; margin-right:7vw;}
.about_lc dl:nth-of-type(4){ float:left;} 

}


@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; }
.i_banner .item .cp_txt .f72{ font-size:0.65rem;}
.i_banner .owl-item.active img{ animation-name: none; animation-duration: none; }
.i_banner #owl-demo .owl-item.active .ban_l{ -webkit-animation: none; animation: none;}
.i_banner #owl-demo .owl-item.active .ban_r { -webkit-animation: none; animation: none; }
.i_banner #owl-demo .owl-item.active .text-center{ -webkit-animation: none; animation: none;}

.more1{ padding:0.26rem 0.64rem;}
.more2{ padding:0.16rem 0.44rem;}
/*cpzs*/
.cplb a{ width:49%; padding:0 0; margin-left:0; text-align:center; height:0.65rem; line-height:0.65rem; margin-bottom:0.15rem;}
.cplb a:nth-of-type(odd) { float: left; }
.cplb a:nth-of-type(even) { float: right; }
.cpzs .item dl.pt45{ padding-top:0.15rem;}
.cpzs .item dl dt{ height:auto;}
.cpzs .item dl dt img{ max-height:inherit; width:100%; height:auto;}
.cpzs .item dl dd{ height:auto; padding:0.25rem 0; }
.cpzs .item dl dd .f22{ position:inherit; left:inherit; top:inherit;}
.cpzs .item dl dd .f16{ position:inherit; left:inherit; bottom:inherit; padding-top:0.15rem;}
.cpzs .item dl dd i{ bottom:0;}
.cpzs .item dl:hover dd .f22{ top:inherit;}
.cpzs .item dl:hover dd .f16{ bottom:inherit;}
.cpzs .owl-pagination { position: absolute; left: 0; bottom:5%; text-align: center; }
.cpzs .owl-pagination .owl-page{ background:#454545;}
.cpzs .owl-page.active{ background: #c30000;}


/*about*/
.about_l{ width:100%;}
.about_r{ width:100%; padding-top:0.25rem;}
.about_lc dl:nth-of-type(1){ width:50%; border-right:1px solid #e0e0e0;}
.about_lc dl:nth-of-type(2){ float:right; margin:0 0; padding:0 0; border-left:none; border-right:none;}
.about_lc dl:nth-of-type(3){ width:50%; padding-right:0; margin-top:0.15rem;}
.about_lc dl:nth-of-type(4){ float:right; margin-top:0.15rem;} 


/*youshi*/
.youshi_bo li{ width:100%; float:none;}
.youshi_bo li:nth-of-type(2){ border-left:none; border-right:none; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); padding:0.25rem 0}
.youshi_bo li dl{ width:100%;}
.youshi_bo li:nth-of-type(1) dl{ float:none; padding-bottom:0.25rem;}
.youshi_bo li:nth-of-type(2) dl{ margin:0 auto;} 
.youshi_bo li:nth-of-type(3) dl{ float:none; padding-top:0.25rem;}
.youshi_bo li dl dt{ width:50%;}
.youshi_bo li dl dt .img1{ display:none;}
.youshi_bo li dl dt .img2{ display:block;}
.youshi_bo li dl dt .ioc_img img{ max-height:1rem;}
.youshi_bo li dl dd .tra3{ opacity: 1;}

/*new*/
.new_img{ width:100%; margin-right:0; margin-top:0.15rem;}
.sideMenu{ width:100%; padding-bottom:0.35rem; margin-top:0.35rem;}
.sideMenu h3{ margin-top:0.3rem;}
.sideMenu h3 .fl{ width:100%; height:auto; line-height:auto; font-size:0.26rem;}
.sideMenu h3 .fr{ display:none;}
.sideMenu ul{ display:block; padding-bottom:0.22rem; opacity:0.7;}
.sideMenu h3.on .btopr{ display:none;}
.sideMenu h3.on .fl{ font-size:0.26rem; font-weight:normal;} 
.sideMenu h3.on .fr{ display:none;}


}


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