@charset "utf-8";
h1,h2	{text-align: center;}
h2{border-bottom:3px solid;display: table;}
.zindex1{z-index: 1;position: relative;}
section{position: relative;}


@media print, screen and (max-width:999px){
    h1,h2	{font-size: 22px;}}
@media print, screen and (min-width:999px){
    h1,h2	{font-size: 35px;display: table;padding-bottom: 14px;}}



/*banner*/
.banner{position: relative;}
.banner:before{content: '';display: block;padding-top: 36%;}
.banner div.bg{height: 386px;width: 100%;background-repeat:no-repeat;background-position: top center;}
.banner .owl-carousel{position: absolute; top: 0;}
.banner .owl-carousel .owl-item .item a:after{content:"";/*background: url(../images/bn_bg.png)no-repeat top center;*/background-image: linear-gradient(180deg,#fff0 0%, #ffffff00 25%, #ffffff 50%, #ffffff 75%, #ffffff 100%);background-size: 100% auto;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 99;display: block;}
.banner .owl-carousel .owl-item .item a img{margin: auto;width: inherit;}
.banner .owl-carousel .owl-item .item a .content-Box{display: block;position: relative;z-index: 10;}
.banner .owl-carousel .owl-item .item a .content-Box .in{position: absolute;right: 0;top: 475%;text-align: center;}
.banner .owl-carousel .owl-item .item a .content-Box .in figure, .banner .owl-carousel .owl-item .item a .content-Box .in span:before{background: rgba(255, 255, 255, .8);text-align:center;box-shadow: 4px 4px 12px 4px rgba(0, 0, 0, 0.1);border-radius: 50%;display: inline-block;}
.banner .owl-carousel .owl-item .item a .content-Box .in span:before{content:"";position:absolute;bottom: 0;left: 50%;width: 158px;height: 158PX;z-index: -1;-moz-transform: translate(-50%);-webkit-transform: translate(-50%);-o-transform: translate(-50%);-ms-transform: translate(-50%);transform: translate(-50%);}
.banner .owl-carousel .owl-item .item a .content-Box .in figure{margin: 11% 0 0 -83px;z-index: -1;}
.banner .owl-carousel .owl-item .item a .content-Box .in span{padding: 48px 8px;letter-spacing: 0;display: inline-block;position: relative;}
.banner .owl-carousel .owl-item .item a .content-Box .in span h2{color: #3da900;font-size: 21px;margin: 0;}
.banner .owl-carousel .owl-item .item a .content-Box .in span h3{color: #005491;font-size: 21px;}
.banner .owl-carousel .owl-item .item a .content-Box .in span h3:before{content:"( "}
.banner .owl-carousel .owl-item .item a .content-Box .in span h3:after{content:" )"}
.banner .owl-carousel .owl-item .item a .bn_img{display: block;margin-top: -37px;}
@media print, screen and (max-width: 1680px){
.banner:before{padding-bottom:3%;}
.banner .owl-carousel .owl-item .item a .content-Box .in{right: 9%;top: 277%;}
.banner .owl-carousel .owl-item .item a .content-Box .in figure{max-width: 258px;}
.banner .owl-carousel .owl-item .item a .content-Box .in span h2,.banner .owl-carousel .owl-item .item a .content-Box .in span h3{font-size:18px;}}
@media print, screen and (max-width: 1280px){
.banner .owl-carousel .owl-item .item a .content-Box .in{right: 11%;}
.banner .owl-carousel .owl-item .item a .content-Box .in figure{max-width: 200px;}
.banner .owl-carousel .owl-item .item a .content-Box .in span h2,.banner .owl-carousel .owl-item .item a .content-Box .in span h3{font-size:15px;}
.banner .owl-carousel .owl-item .item a .content-Box .in span:before{width: 100px;height: 100px;bottom: 18px;}}
@media print, screen and (max-width: 999px){
    .banner .owl-carousel .owl-item .item a:after{background-size: 125% auto;}
    .banner .owl-carousel .owl-item .item a .content-Box .in{top: 108%;}}
    .banner .owl-carousel .owl-item .item a .bn_img{overflow:hidden;width:100%;}
    .banner .owl-carousel .owl-item .item a .bn_img img{width: 113%;max-width: inherit;margin-left: -11%;}
@media only screen and (max-width: 640px) {
    .banner .owl-carousel .owl-item .item a .content-Box .in{top: 57%;right: 11%;}
    .banner .owl-carousel .owl-item .item a .content-Box .in figure{max-width: 120px;}
    .banner .owl-carousel .owl-item .item a .content-Box .in span h2,.banner .owl-carousel .owl-item .item a .content-Box .in span h3{text-shadow: white 0 1px 6px, white 0 1px 16px, white 0 1px, white 0 1px;font-size: 12px;}}
@media only screen and (max-width: 440px) {
    .banner .owl-carousel .owl-item .item a .content-Box .in figure{display:none;}}
@media print, screen and (min-width:999px){.banner{margin-top: -102px;}}


/*about*/
.index_about{position:relative;z-index:1;}
.index_about .content-Box{background: rgba(255, 255, 255, 0.9);position: relative;box-shadow: 4px 4px 12px 4px rgba(0, 0, 0, 0.1);z-index: 100000;position: relative;}
.index_about .content-Box .title{position: absolute;background: #005491;color: #FFF;display: inline-block;padding: 14px 27px 14px 31px;font-size: 20px;top: -20px;left: 0;}
.index_about .content-Box .title:after{content:"";width: 0;height: 0;border-style: solid;border-width: 52px 52px 0 0;border-color: #005491 transparent transparent transparent;position: absolute;right: -52px;top: 0;}
.index_about .content-Box .title img:first-child{margin-bottom:50px;}
.index_about .content-Box .text{font-size: 15px;letter-spacing: 0px;font-weight: 100;max-width: 900px;margin: auto;padding-top: 22px;}
.index_about .content-Box .more{color:#5fb330;}
@media print, screen and (max-width:999px){.index_about .content-Box {margin: 18% 18px 0 18px;}}
@media print, screen and (min-width:999px){
    .index_about .content-Box{padding: 3% 18px;}
    .index_about .content-Box .more:hover{color:#005491;}}


/*products*/
.index_products{position:relative;z-index:1;}
.index_products .content-Box{background: rgba(255, 255, 255, 0.9);position: relative;box-shadow: 4px 4px 12px 4px rgba(0, 0, 0, 0.1);margin: 3% auto 6% auto;text-align: center;z-index: 1;}
.index_products .content-Box a {margin:5%;display:block;}
.index_products .content-Box a figure{width: 100%;overflow: hidden;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;justify-content: center;margin: auto;position: relative;padding-bottom: 66.7%;align-content: center;flex-direction: row;flex-wrap: wrap;}
.index_products .content-Box a figure img{border:1px solid #e8e8e8;width: calc(100% - 3px);margin: auto;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.index_products .content-Box a h3{font-size:16px;color: #005491;margin-top: 10px;}
.index_products .content-Box a p{font-size:14px;color:#333333;margin-top: 10px;}
.index_products .content-Box #owl-carousel2{max-width: calc(100% - 86px);margin: 0 auto  -11px auto;}
.index_products .content-Box #owl-carousel2 .owl-dots.disabled,.index_products .content-Box #owl-carousel2 .owl-nav.disabled{display: block;}
.index_products .content-Box .owl-theme .owl-nav [class*=owl-] {font-size: 12px;filter: Alpha(Opacity=50);opacity: 0.2;position: absolute;width: 35px;height: 36px;text-indent: 9999999px;overflow:hidden;background-color:transparent;background-repeat: no-repeat;background-position: center center;margin: 0;top: calc(50% - 16px);-webkit-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-moz-transition: all 0.5s;}
.index_products .content-Box .owl-theme .owl-nav [class*=owl-]:hover {opacity:0.7;}
.index_products .content-Box .owl-carousel .owl-nav .owl-next{left: -48px;background-image: url(../images/banner_pref.png);}
.index_products .content-Box .owl-carousel .owl-nav .owl-prev{right: -48px;background-image: url(../images/banner_next.png);}
@media print, screen and (min-width:1366px){
    .index_products .content-Box h2{margin-bottom: 3%;}
    .index_products .content-Box{padding:3% 18px;}}
@media print, screen and (min-width:999px){
    .index_products .content-Box a:hover figure img{-webkit-transform: scale3d(1.3, 1.3, 5);transform: scale3d(1.3, 1.3, 5) translate(-40%,-40%);}
    .index_products .content-Box a:hover h3{color:#5fb330;}}
@media print, screen and (max-width:999px){
    .index_products .content-Box{margin: 5% 18px;}
    .index_products .content-Box .title{font-size: 16px;}
    .index_products .content-Box ul li{width:96%;margin: 15px auto;text-align:center;}}



/*newsCase*/
.newsCase{background: #005491;}
.newsCase,.newsCase a{color: #FFF;position: relative;z-index: 1;}
@media print, screen and (min-width:999px){
    .ml38{margin-left: 38px;}
    .newsCase .content-Box{display: flex;justify-content: space-between;flex-direction: row;padding: 3% 18px;}
    .newsCase .content-Box section{width:calc(100% / 2);}
    .newsCase h2{margin-bottom: 6%;}}
@media print, screen and (max-width:999px){
    .newsCase h2{margin-bottom: 3%;}}

/*news*/
.index_news > .title{font-size: 16px;color:pink;margin-bottom: 28px;font-weight: bold;}
.index_news a{background:#4280b4;padding: 8px;margin-bottom: 16px;display:block;}
.index_news ul li{list-style: none;}
.index_news a time{font-size: 16px;color:#f2a600;margin-right: 5px;}
.index_news a .newList{background: #00a0e9;padding: 1px 8px;font-size: 13px;}
.index_news a h3{font-size: 16px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;margin: 0;font-weight: 100;}
.index_new a time,.index_new a h3{display: inline-block;vertical-align: top;margin-bottom: 5px;}
@media print, screen and (min-width:999px){
    .index_news a:hover {background: rgba(95, 179, 48, .6);}}
@media print, screen and (max-width:999px){
    .index_news{margin-bottom: 3%;}}

/*index_case*/

.index_case a h3{font-size:22px;text-align:center;margin-top:3%;}
.index_case a figure{border:5px solid;position: relative;}
.index_case a figure .caseList{position: absolute;right: 10px;bottom: -12px;background: #0499cc;padding: 1px 12px;max-width: calc(100% - 45px);display: block;}
.index_case .owl-theme .owl-dots .owl-dot span{background:rgba(255, 255, 255, .5);}
.index_case .owl-theme .owl-dots .owl-dot.active span,.index_case .owl-theme .owl-dots .owl-dot:hover span{background:#FFF;}
@media print, screen and (min-width:999px){
    .index_case a:hover{color: rgba(81, 226, 0, 0.6);}
    .index_case a:hover figure{border-color:rgba(95, 179, 48, .6);}}






@media print, screen and (max-width: 1280px){
}

@media print, screen and (max-width:999px){

}

@media only screen and (max-width: 768px) {

}


@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 570px) {

}
@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}
@media print, screen and (min-width:320px){

}
@media print, screen and (min-width:414px){

}
@media print, screen and (min-width:570px){

}
@media print, screen and (min-width:640px){

}
@media print, screen and (min-width:768px){

}
@media print, screen and (min-width:999px){


}
@media print, screen and (min-width:1280px){

}