.main{width: 1200px;margin: 0 auto;}

.banner{background: url(../images/banner.png) no-repeat center;height: 650px;}
.banner-right{width: 630px;height: 650px;float: right;}
.banner-right h3{margin-bottom: 20px; font-weight: bold;font-size: 50px;color: white;line-height: 50px;}
.banner-right h4{font-family: 'sss',"微软雅黑"; height: 50px; margin-bottom: 25px; font-size: 50px;color: white;line-height: 50px; font-weight: lighter;}
.banner-right h4 span{font-family: 'sss',"微软雅黑";display: block;float: left; padding: 0 20px;position: relative;}
.banner-right h4 span:after{position: absolute;content: '';width: 2px;height: 43px;background: white;right: -1px;top: 50%;margin-top: -21.5px;}
.banner-right h4 span.one{padding-left: 0;}
.banner-right h4 span.two{padding-right: 0;}
.banner-right h4 span.two:after{display: none;}
.banner-right h5{font-weight: lighter;color: rgba(255,255,255,0.5);font-size: 20px;line-height: 30px;}
.more{transition: all .5s; display: block;width: 45px;height: 45px;border-radius: 50%;border: solid 1px rgba(255,255,255,0.37);margin-top: 50px;background: url(../images/more.png) no-repeat center;}
.more:hover{
	border: none;
	background: url(../images/more.png) no-repeat center;
	background:url(../images/more.png) no-repeat center, -webkit-linear-gradient(left, #3a62fe , #5292ff); /* Safari 5.1 - 6.0 */
    background:url(../images/more.png) no-repeat center, -o-linear-gradient(right, #3a62fe , #5292ff); /* Opera 11.1 - 12.0 */
    background:url(../images/more.png) no-repeat center, -moz-linear-gradient(right, #3a62fe , #5292ff); /* Firefox 3.6 - 15 */
    background:,url(../images/more.png) no-repeat center linear-gradient(to right, #3a62fe , #5292ff); /* 标准的语法 */
}
/*index-one*/
.index-one{background: url(../images/ino-bg.png) no-repeat center;background-size: cover;padding: 130px 0;height: 594px;}
.index-tit{font-family: 'sss',"微软雅黑";font-weight: lighter; font-size: 34px;color: #000;line-height: 34px;text-align: center;}
.index-one ul{padding: 70px 122px 50px 122px;}
.index-one li{margin-bottom: 8px; transition: all .5s;cursor: pointer; height: 107px;float: left;padding-left: 55px;}
.index-one li.ino-li1{width: 408px; background: url(../images/ino-li1.png) no-repeat center;}
.index-one li.ino-li2{width: 478px; background: url(../images/ino-li2.png) no-repeat center;}
.index-one li.ino-li3{width: 478px; background: url(../images/ino-li3.png) no-repeat center;}
.index-one li.ino-li4{width: 478px; background: url(../images/ino-li4.png) no-repeat center;}
.ino-icon{width: 50px;height: 95px;float: left;background-repeat: no-repeat;background-position: left center;}
.ino-icon1{background-image: url(../images/ino-icon1.png);}
.ino-icon2{background-image: url(../images/ino-icon2.png);}
.ino-icon3{background-image: url(../images/ino-icon3.png);}
.ino-icon4{background-image: url(../images/ino-icon4.png);}
.ino-font{float: left;padding-top: 28px;}
.ino-font h3{font-size: 18px;line-height: 18px; color: #2d9fff;font-weight: bolder;}
.ino-font p{font-size: 14px;color: #9599a8;line-height: 14px;margin-top: 10px;}
.index-one li:hover{transform: translateY(-10px);}
.index-more{text-align: center;}
.index-more a{
	display: inline-block;
	height: 50px;
	padding: 0 40px;
	color: white;
	font-size: 20px;
	line-height: 50px;
	background: -webkit-linear-gradient(left, #3a62fe , #5292ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #3a62fe , #5292ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #3a62fe , #5292ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3a62fe , #5292ff); /* 标准的语法 */
   	position: relative;
   	overflow: hidden;
}
.index-more a span{
	position: relative;
	z-index: 2;
}
.index-more a:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	background: -webkit-linear-gradient(left, #5292ff , #3a62fe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #5292ff , #3a62fe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #5292ff , #3a62fe); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #5292ff , #3a62fe); /* 标准的语法 */
   z-index: 1;
   transition: all .5s;
}
.index-more a:hover:after {
	left: 0;
}


/*index-two*/
.index-two{padding: 130px 0;}
.index-dec{font-size: 16px;color: #80838d;line-height: 16px;text-align: center;margin-top: 20px;}
.index-two ul{margin-top: 60px;margin-left: -26.5px;}
.index-two li{float: left;margin-left: 26.5px;width: 280px;height: 520px;position: relative;overflow: hidden;}
.int1{background: url(../images/int-bg1.png) no-repeat center;}
.int2{background: url(../images/int-bg2.png) no-repeat center;}
.int3{background: url(../images/int-bg3.png) no-repeat center;}
.int4{background: url(../images/int-bg4.png) no-repeat center;}
.img-hide,.img-show{height: 62px;transition: all .5s;}
.int-img{transition: all .5s;text-align: center;margin-bottom: 32px;overflow: hidden;height: 62px;}
.index-two li h3{transition: all .5s;margin-bottom: 20px; font-size: 22px;color: white;line-height:22px;text-align: center;font-weight: bold;}
.index-two li p{transition: all .5s;position: absolute;width: 100%;left: 0;opacity: 0; line-height: 24px;color: rgba(255,255,255,0.8);font-size: 14px;text-align: center;padding: 0 25px;}
.index-two li:hover .img-show,.index-two li:hover .img-hide{transform: translateY(-62px);}
.index-two li:hover .int-img,.index-two li:hover h3{transform: translateY(-62px);}
.index-two li:hover .img-hide{display: block;}
.index-two li:hover p{transform: translateY(-62px);opacity: 1;}
.img-table{height: 62px;width: 280px;text-align: center; display: table-cell;vertical-align: middle;}


/*index-three*/
.index-three{padding: 78px 0;background: url(../images/ine-bg.png) no-repeat center;background-size: cover;height: 474px;}
.index-three .index-tit{color: white;}
.index-three ul{margin-left: -218px;padding: 75px 0 95px 0;}
.index-three li{width: 136px;margin-left: 218px; float: left;text-align: center;}
.timer,.index-three li span{font-family: 'bd';line-height: 33px; display: inline-block;font-size: 44px;color: white;font-weight: bold;}
.index-three li h2{font-size: 14px;color: rgba(255,255,255,0.6);margin-top: 10px;}


/*index-four*/
.inf-main{width: 1500px;margin: 0 auto;}
.index-four{padding: 130px 0;}
.inf{position: relative;margin: 90px 0 55px 0;}
.inf-pic{text-align: center;}
.inf li{transition: all .5s; position: absolute; width: 413px;height: 70px;box-shadow: 1px 5px 20px rgba(0,0,0,0.1);padding: 13px 22px;}
.inf li:after{position: absolute;content: '';width:0;
    height:0;
    border-width:6px 0 6px 6px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;/*透明 透明 透明 黄*/top:20px;
    right:-6px;}
.inf-num{float: right;margin-left: 15px; width: 44px;height: 44px;border-radius: 50%;background: #388eff;text-align: center;line-height: 44px;font-size: 22px;color: white;font-family: arial;}
.inf-dec{height: 100%; font-size: 16px;color: #777a83;line-height: 24px;text-align: right;float: right;}
.inf-li1{left: 0;top: 46px;}
.inf-li2{left: 0;top: 146px;}
.inf-li3{left: 0;top: 246px;}
.inf-li4{right: 0;top: 46px;}
.inf-li5{right: 0;top: 146px;}
.inf-li6{right: 0;top: 246px;}
.inf li.inf-right{padding-right: 12px;box-shadow: -1px 5px 20px rgba(0,0,0,0.1);}
.inf li.inf-right:after{position: absolute;content: '';width:0;
    height:0;
    border-width:6px 6px 6px 0;
    border-style:solid;
    border-color:transparent #fff transparent transparent;/*透明 透明 透明 黄*/top:20px;
    left:-6px;}
.inf-right .inf-num{float: left;margin-left: 0;margin-right: 15px;}
.inf-right .inf-dec{float: left;text-align: left;}
.inf li:hover{transform: translateY(-10px);}
@media all and (max-width: 1540px) {
	.inf-main{width: 1200px;}
	.inf-pic img{width: 45%;}
	.inf li{width: 360px;}
	.inf-dec{font-size: 14px;}
	.inf li.inf-right{padding-left: 14px;}
	.inf-right .inf-num{margin-right: 10px;}
	.inf-li1,.inf-li4{top: 0;}
	.inf-li2,.inf-li5{top: 95px;}
	.inf-li3,.inf-li6{top: 190px;}
}

/*index-five*/
.index-five{padding: 140px 0 85px 0;background: url(../images/inv-bg.png) no-repeat center;background-size: cover;}
.index-five ul{margin-left: -32.5px;margin-top: 45px;}
.index-five li{width: 214px;height: 92px;float: left;margin-top: 33px;margin-left: 32.5px;}
.index-five ul > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
.index-five ul:hover > * { opacity: 0.5; transform: scale(0.9); }
.index-five ul > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
.index-five li img{
  display: block;
  /*-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);*/
  transition: all 1s;
  filter: gray;
  }
.index-five li:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);

  filter: grayscale(0%);

  filter: gray;
}

/*index-six*/
.index-six{padding: 90px 0 100px 0;}
.index-six ul{margin-left: -76px;margin-top: 80px;}
.index-six ul li{position: relative; float: left;padding: 0 28px;margin-left: 76px;}
.index-six ul li h3{margin-bottom: 6px; font-size: 18px;text-align: center;line-height: 18px;color: #47494f;}
.index-six ul li h4{margin-bottom: 19px; font-size: 14px;text-align: center;line-height: 14px;color: #7d808c;height: 14px;}
.index-six ul li:after{position: absolute;content: '';background: url(../images/inx-li.png) no-repeat center;width: 78px;height: 27px;right: -78px;top: 87px;}
.index-six ul li.inx-first{padding-left: 0;}
.index-six ul li.inx-last{padding-right: 0;}
.index-six ul li.inx-last:after{display: none;}
.inx-li{height: 85px;}
.index-six ul li img{transition: all .5s;display: block;}
.index-six ul li:hover img{transform: translateY(-5px);}

.dis-table{display: table;width: 100%;height: 100%;}
.dis-bottom{display: table-cell;vertical-align: bottom;}

.index-six ol{margin-top: 75px;margin-left: -115px;}
.index-six ol li{text-align: center;float: left;margin-left: 115px;}
.index-six ol li h5{margin-top: 18px; font-size: 14px;color: #7d808c;line-height: 14px;}
.inx-icon{height: 46px;transition: all .5s;}
.index-six ol li:hover .inx-icon{transform: translateY(-5px);}


/* 2020.8.13 */
.head_main {
    margin: 0 auto;
    padding: 0 15px;
}

@media (min-width: 1260px) {
    /* {width: 1250px;} */
    .head_main {
        width: 1230px;
    }
}

@media (min-width: 1460px) {
    /* {width: 1460px;} */
    .head_main {
        width: 1430px;
    }
}

@media (min-width: 1920px) {
    .index-big-container {
        width: 1630px;
    }

    .index-big-big-container {
        width: 100%;
    }

    .wrap, .container, .ny-container, .index-container {
        width: 1430px;
    }
}
/*pc-头部*/

.header {
    height: 100px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0);
}

.header {
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,.4);
}

    .header .category-a {
        color: #333;
    }

    .header .index-container {
        height: 100%;
    }

    /*===============下拉==============*/
    .header .logo {
        padding: 10px;
        float: left;
        width: 280px;
    }

        .header .logo img {
            width: 100%;
        }

.navbar {
    float: left;
    margin-left: 130px;
}

    .navbar * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.category-item {
    float: left;
    padding: 0 10px;
    margin-right: 30px;
}

    .category-item:last-child {
        margin-right: 0;
    }

.category-item-single {
    position: relative;
}

.category-a {
    padding: 0 0;
    display: block;
    font-size: 18px;
    line-height: 100px;
    color: #fff;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: relative;
}

.category-item.active .category-a,
.category-item:hover .category-a {
    color: var(--theme-color);
}

.category-a::after {
    content: '';
    width: 0%;
    height: 3px;
    background: var(--theme-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}

.category-item.active::after,
.category-a:hover::after {
    width: 98%;
}

.category-item.active .category-a::after, .category-item:hover .category-a::after {
    width: 98%;
}

.category-a:hover {
    color: #76c5f0;
}
/* 电话 */
.number {
    display: inline-block;
    float: right;
    line-height: 100px;
}

.number {
    background: url(../images/phone.png)no-repeat left;
}

.number-phone {
    margin-left: 40px;
    color: #333;
    font-size: 30px;
    font-family: 'Ak-li';
}

body {
    padding-top: 100px;
}
.category-a:hover {
    color: #76c5f0 !important;
}