@charset "utf-8";
/* 
 * Project Name: ANTAI
 * Author:Lion
 * Date：2020-04-21
 */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/*index style*/
 
.mtop { height: 0px; }
.banner-box { position: relative; overflow: hidden; margin-top: 0px; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; color: #fff; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.binbox { width: 90%; position: absolute; left: 5%; top: 56%; margin-top: -135px; text-align: center; color: #fff; }
.binbox .jz-zh { margin-top: 30px; font-size: 16px; }
.bybox { width: 216px; height: 216px; margin: 0px auto; position: relative; }
.bybox .boxt { width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden; left: 0px; top: 0px; display: block; }
.bybox .boxt-s0 { position: absolute; left: 0px; top: 0px; width: 212px; height: 212px; border: 2px solid #fff; overflow: hidden; }
.bybox .by1, .bybox .by2 { font-size: 40px; width: 42px; line-height: 1; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .by1 { top: 8px; left: 56%; }
.bybox .by2 { top: 38px; left: 26%; }
.bybox .jz-ico { background: url(../images/ico.png) no-repeat; width: 30px; height: 31px; position: absolute; left: -48px; bottom: 7%; }
.bybox .jz-en { background: url(../images/banner_t.png) no-repeat; width: 48px; height: 75px; position: absolute; right: -84px; top: 18%; }

@-webkit-keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@-webkit-keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

@keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

.boxt-line { background-color: #e60012; position: absolute; z-index: 2; }
.boxt-s1 { width: 2px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 2px; }
.boxt-s3 { width: 2px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 2px; }
.banner .slick-active .boxt-line { -webkit-animation: byline 6s linear; animation: byline 6s linear; }
.banner .slick-active .boxt-s2 { -webkit-animation: byline2 6s linear 1s; animation: byline2 6s linear 1s; }
.banner .slick-active .boxt-s3 { -webkit-animation: byline 6s linear 2s; animation: byline 6s linear 2s; }
.banner .slick-active .boxt-s4 { -webkit-animation: byline2 6s linear 3s; animation: byline2 6s linear 3s; }
.banner .slick-active .by1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .jz-ico { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .jz-en { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.banner .slick-active .by1, .banner .slick-active .by2 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { left: 3%; top: 45%; z-index: 1000; }
.banner .slick-dots li { margin: 0px 0px 10px; position: relative; width: 8px; height: 8px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; background: url(../images/banner_n1.png) no-repeat; text-indent: -2em; }
.banner .slick-dots li.slick-active a { background: url(../images/banner_n2.png) no-repeat; }
.mouseIco { background: url(../images/mouseIco.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 50%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

 /*common*/ .button:hover {background:#444;color:#fff;}
.art-tlt {width:100%;height:104px;position:relative;}
.art-h1 {padding:10px 0 30px 0;font-size:36px;line-height:1em;font-weight:300;color:#000;text-align:center;}
.art-h1:after {content:'';height:1px;width:300px;margin:0 auto;margin-top:20px;margin-bottom:40px;display:block;background:-moz-linear-gradient(left,rgba(0,157,217,0) 0%,rgba(0,157,217,0.5) 26%,#0177ce 50%,rgba(0,157,217,0.5) 77%,rgba(0,157,217,0) 100%);background:-webkit-linear-gradient(left,rgba(0,157,217,0) 0%,rgba(0,157,217,0.5) 26%,#0177ce 50%,rgba(0,157,217,0.5) 77%,rgba(0,157,217,0) 100%);background:linear-gradient(to right,rgba(0,157,217,0) 0%,rgba(0,157,217,0.5) 26%,#0177ce 50%,rgba(0,157,217,0.5) 77%,rgba(0,157,217,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000177ce',endColorstr='#000177ce',GradientType=1 );} 
.pd80 {padding:80px 0;}  
.about:after,.catalog-box:after,.hot-pro:after,.news-list:after {clear:both;content:"";display:block;height:0;visibility:hidden;}
.about:before,.catalog-box:before,.hot-pro:before {content:" ";display:table;}
/*about*/
.about {position:relative;width:100%;height:auto;overflow:hidden;background:rgba(1,119,206,0.8);padding:80px 0;}
.about-img{width:360px;height:360px;float:left;margin:50px 70px 0 30px;}
.about-img img{width:calc(100% - 10px);height:calc(100% - 10px);box-shadow: 0px 0px 0px 5px rgba(1,119,206,0.6);border-radius: 50%;}
.about .article {width:calc(100% - 460px);height:auto;z-index:1;float:Left;margin:40px 0 0 0;}
.art-h1-a {padding:5px 0;font-size:36px;line-height:1em;font-weight:300;color:#fff;}
.about .article p, .catalog p{color:rgba(255,255,255,0.9);padding:0 0 5px 0;}
.art-h3{font-size:30px;color:rgba(255,255,255,0.5);}
.art-h4{ font-size:16px;color:rgba(255,255,255,0.5);margin:0 0 30px 0;}
.about .article p:nth-last-child(2){margin:0 0 40px 0;}

 

.hot-pro {background:#fff}
.art-h2-p{font-size:25px;color:rgba(1,119,206,0.8);}
.art-h1-p {padding:5px 0 30px 0;font-size:36px;line-height:1em;font-weight:300;color:#000;}
.hot-pro .article p {font-size:16px;font-weight:300;padding:0 0 10px 0;}
.hot-pro .article p:nth-last-child(1) {padding:0 0 30px 0;}
.hot-pro ul {padding:10px 0;}
.hot-pro li {width:calc(33.3333% - 2px);height:auto;margin:25px 1px  25px 1px;float:left;text-align:center;}
.hot-pro li img {width:100%;height:auto;margin:0;}
.hot-pro li h3 {font-size:24px;line-height:60px;text-align:center;padding:0 0 5px 0;margin:0 0 10px 0;}
.hot-pro li h3 a {color:#333;}
.hot-pro li h3 a:hover {color:#0177ce;}
.hot-pro li p {font-size:14px;line-height:24px;color:#777;padding:0 15px;height:24px;overflow:Hidden;}

@media screen and (min-width:1920px) {}
@media screen and (max-width:1024px) {.banner .bd li img {width:auto;vertical-align:top;}
.about>.container>.inner {width:960px;margin:0 calc(50% - 480px);padding:50px 0;}
.pd80 {padding:60px 0;}
}

@media only screen and (max-width:960px) {.art-h2-p{padding:0px 0 0px 20px;}
.art-h1-p {padding:5px 0 30px 20px;}
.hot-pro .article p {padding:0px 20px 5px 20px;}.hot-pro .article p:nth-last-child(1) {padding:0px 20px 30px 20px;}
 
}
@media only screen and (max-width:800px){ .catalog .article p {padding:0 0px 10px 0px;}}
@media only screen and (max-width:768px) {.pd80 {padding:40px 0;}
.about{padding:0px 0 40px;}
.about-img{width:100%;height:auto;margin:0px 0 10px;}
.about-img img{width:100%;height:auto;box-shadow: 0px 0px 0px 0px rgba(1,119,206,0.6);border-radius:0%;}
.about .article {width:calc(100% - 40px);height:auto;z-index:1;float:Left;margin:20px;}
 

.hot-pro li {width:calc(100% - 2px);height:auto;margin:25px 1px;}
}
.news {background:#fff;padding:80px 0;}
.news-box {width:1120px;margin:30px auto;}
.news-list {height:auto;}
.news-list .news-item {width:50%;padding:10px 0 10px 0;float:Left;}
.news-list .news-item .news-item-text {width:60%;float:left;background:rgba(247,247,247,0.6);padding:0 0 13px 0;}
.news-list .news-item .news-item-img {width:40%;float:left;}
.news-list .news-item .news-item-img img{width:100%;height:100%;height:155px;}
.news-item-text h4 {font-size:14px;line-height:24px;height:24px;overflow:hidden;padding:10px 0 0 10px;}
.news-item-text h4 a{color:black;}
.news-item-text .date {height: 24px;align-items:flex-start;-webkit-align-self:flex-start;color:#9b9ca0;padding:0px 0 10px 10px;font-size:12px;line-height:14px;}
.news-item-text p{height:40px;color:rgba(0,0,0,0.7);overflow:hidden;font:300 14px/20px micrsoft yahei,sans-serif;padding:0px 10px;}
.news-item-inner h4 a {color:#fff;}
.news-list .news-item .n-more{text-align:center;width:100px;padding:5px 10px;background:rgba(238,2,0,1);color:rgba(255,255,255,1);font:300 12px/14px micrsoft yahei,sans-serif;float:right;margin:20px 15px 0 0;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
.news-list .news-item:hover .n-more{background:rgba(238,2,0,0.6);color:rgba(255,255,255,0.9);}
.more {text-align:center;margin:40px auto 0;}
.more .button {font-size:20px;font-weight:300;color:rgba(255,255,255,1);background:rgba(238,2,0,1);}
.more .button:hover {background:rgba(238,2,0,0.7);color:rgba(255,255,255,1);}
@media only screen and (max-width:1024px) {.news-box {width:1024px;margin:30px auto;}
.news-list .news-item {padding:5px;}
 
}
 
@media screen and (max-width:1024px){
 	.bybox .by1, .bybox .by2{ font-size: 38px;}
	.banner-box{ margin-top: 0px;}
	/*.banner .slick-active .bimg { -webkit-animation: infinite; animation: infinite; }*/
	.banner .slick-dots li{ width: 12px; height: 12px; margin-bottom: 5px;}
	.banner .slick-dots a{ background: none #fff; border-radius: 50%; border: 2px solid #fff;}
	.banner .slick-dots li.slick-active a{ background: none transparent; }
	 
}

@media screen and (max-width:641px){
	.bybox .by1, .bybox .by2{ font-size: 28px;}
	.bybox{ width: 180px; height: 180px;}
	.bybox .boxt-s0{ width: 176px; height: 176px;}
	.bybox .jz-en{ background-size: cover; width: 38px; height: 58px; right: -70px;}
	.binbox .jz-zh{ margin-top: 20px;}
	.mouseIco{ display: none;}
	.banner .slick-dots{ top: auto; bottom: 3%; left: 0px;}
	.banner .slick-dots li{ display: inline-block; margin: 0px 5px;}
	
}	
@media screen and (max-width:481px) {
	.bge6{ background-color: #fff;}
	.inewBox{ width: 100%;}
	.inewBox dd{ margin-top: 0px;}
	.bybox{ width: 150px; height: 150px;}
	.bybox .boxt-s0{ width: 146px; height: 146px;}
	.bybox .by1, .bybox .by2{ font-size: 24px;}
	.iproBox{ width: 100%;}
	.iproList .item-img .img{ width: 140%; margin-left: -20%;}
}
@media screen and (max-width:421px) {

}

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