/* ========== */
/* = BANNER = */
/* ========== */
.banner{ clear: both;}
.banner .swiper-button-prev,
.banner .swiper-button-next{  width:40px; height: 40px; margin-top: -20px;}
.banner .swiper-button-prev{ left:6%; background-image: url(../images/banner_prev.png);}
.banner .swiper-button-next{ right:6%; background-image: url(../images/banner_next.png);}
.banner-01 { background: #121322; position: relative; color: #fff;}
.banner-01 a{ color: #fff; }
.banner-01 .text{ position: absolute; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); top:50%; left:0; width: 100%; padding-left: 15%; font-weight: lighter;}
.banner-01 .text h2{ font-size: 60px; font-weight: lighter;}
.banner-01 .text h2 em{ font-size:50px; font-weight: lighter;}
.banner-01 .text p{ margin-top: 2.4%; font-size: 34px;}
.banner-01 .text span{ margin-top:6.5%; display:block; width: 44px; height: 23px; background: url(../images/banner_01_ico.png); }
.banner-01 .img{ position: relative;}
.banner-01 .img img{ width: 100%;}
.banner-01 .img .png{ position: absolute; top:0; left:0;}
.banner-01 .bt{ position: relative; z-index:1; margin-top: 30px; text-align:center; display: inline-block; border-radius: 10px; width: 190px; height:60px; line-height: 60px; background: #fff; color: #288fd4; font-size: 20px; font-weight: bold;}
.banner-02{  background-image: url(../images/banner_02.jpg); background-size:cover; }

@media (max-width:1600px) {
	.banner-01 .text h2{ font-size:54px;}
	.banner-01 .text h2 em{ font-size: 44px;}
	.banner-01 .text p{ font-size: 28px;}
}
@media (max-width:1400px) {
	.banner-01 .text h2{ font-size:44px;}
	.banner-01 .text h2 em{ font-size: 34px;}
	.banner-01 .text p{ font-size: 26px;}
	.banner-01 .text span{ margin-top: 5%;}
}


.container{ width:90%; max-width: 1500px; margin: 0 auto; background:#FFFFFF; }

.homt-tit{ color: #333333; padding-bottom: 14px; position: relative;}
.homt-tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height: 2px; background: #474747;}
.homt-tit span{ font-size: 28px;}
.homt-tit p{ margin-top:8px; font-size: 16px; text-transform:uppercase;}
.homt-tit-white{ color: #FFFFFF;}
.homt-tit-white:after{ background:#FFFFFF;}
.homt-tit-white p{ color:#eeeeee;}


/* ========== */
/* = HOME-ABOUT = */
/* ========== */
.home-about{ margin-bottom: 55px; position: relative; z-index: 1; background: none;}
.home-about .box{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; background:#FFFFFF;}
.home-about .box .text{ width: 50%; padding: 0 8%; text-align: justify;}
.home-about .box .des{ margin-top: 6%; line-height: 32px; font-size: 16px;}
.home-about .box .tip span{ margin-top:5%; display: inline-block; position: relative; color: #333333; font-size: 16px;}
.home-about .box .tip span:after{ content: ""; position: absolute; top:50%; right:-23px; width: 13px; height: 1px; background: #333333;}
.home-about .box .ico{ margin-top: 30px; color: #999999;}
.home-about .box .ico span{ float: left; width: 33.33333%;}
.home-about .box .ico img{ margin:0 0 10px 6px;}
.home-about .box .ico span:hover img{ animation:tada 1s ease-in-out infinite;}
.home-about .box .right{ width: 50%; height: 510px; position: relative; }
.home-about .box .right .img{ position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; overflow:hidden;}
.home-about .box .right .img-item:hover{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-about .slick{ position: absolute; top:-92px; left:0; width: 100%; height: 92px; background: #FFFFFF; padding-right: 140px;}
.home-about .slick-prev{ left:auto; right:70px;}
.home-about .slick-slide a{ display: block; line-height: 92px; text-align: center; font-size: 18px; position: relative;}
.home-about .slick-slide a:before,
.home-about .slick-slide a:after{ content: ""; position: absolute; left:50%; height: 15px; width: 1px; background:#dddddd; transition: all ease 1s; -webkit-transition: all ease 1s;}
.home-about .slick-slide a:before{ top:12px;}
.home-about .slick-slide a:after{ bottom:12px;}
.home-about .slick-slide a:hover{ color: #288fd4;}
.home-about .slick-slide a:hover:before,
.home-about .slick-slide a:hover:after{ background:#288fd4; height: 0;}
.home-about .point{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; background:url(../images/about_point_png.png) left bottom repeat-x #FFFFFF;}
.home-about .point .img{ width: 50%; overflow: hidden;}
.home-about .point .img:hover img{  transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-about .point .text{ width: 50%; padding:0 2%;}
.home-about .point .text .item{ float: left; width:25%; text-align: center;}
.home-about .point .text .item span{ display: inline-block; position: relative; font-weight:lighter; font-size: 50px; line-height:50px; letter-spacing: -1px;}
.home-about .point .text .item b{ display:inline-block;  font-weight: lighter;}
.home-about .point .text .item span i{ position: absolute; top:-12px; right:-15px; font-style: normal; font-size: 22px;}
.home-about .point .text .item:nth-child(1) span i{ font-size: 14px;}
.home-about .point .text .item p{ margin-top: 5px; font-size: 16px;}

@media (max-width:1480px){
	.home-about .slick-slide a{ font-size: 16px; }
}

@media (max-width:1340px){
	.home-about .box .right{ height: 460px;}
	.home-about .box .text{ padding: 0 5%;}
	.home-about .box .tip span{ margin-top: 5%;}
	.home-about .box .des{ font-size: 14px; line-height: 28px;}
	.home-about .point .text .item span{ font-size:38px;}
	.home-about .point .text .item p{ font-size: 14px;}
	.home-about .slick-slide a{ font-size: 13px;}
}


/* ========== */
/* = HOME-MARKET = */
/* ========== */
.home-market{ margin-bottom: 50px; }
.home-market .content{ padding: 78px 50px 55px; position: relative; z-index: 1;}
.home-market .left{ margin-top: -220px; float: left; width: 380px;}
.home-market .box{  background: #666666; padding-bottom: 5px;}
.home-market .box .con{ padding: 60px 25px 10px;}
.home-market .box .des{ margin-top: 30px; font-size: 16px; color:#eeeeee; line-height: 30px;}
.home-market .cricle{ position:relative;}
.home-market .cricle img{ position: relative; z-index:0; animation: progress360 10s ease-in infinite;  -webkit-animation: progress360 10s ease-in infinite;}
.home-market .cricle span{ position: absolute; z-index: 1; margin-top: -16px; top:50%; display: block;  left:0; width: 100%; text-align: center; line-height: 16px; height: 32px; color: #4297ff; font-weight: bold;}
.home-market .more-button{ margin:65px 0 0 30px; display: block; border:1px solid #288fd4; font-size: 16px; color: #288fd4; width: 220px; line-height: 44px; padding-left: 42px; position: relative; overflow: hidden;}
.home-market .more-button i{ display: inline-block; vertical-align: middle; background: url(../images/home_more.png); width: 23px; height:23px; position: relative; z-index: 1;}
.home-market .more-button span{ margin-left: 14px; display: inline-block; vertical-align: middle; position: relative; z-index: 1;}
.home-market .more-button:after{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 100%; background: #288fd4;  transform:translateY(100%);  -webkit-transform:translateY(100%); transition: all ease .3s; -webkit-transition: all ease .3s;}
.home-market .more-button:hover{ color:#FFFFFF;}
.home-market .more-button:hover i{ background: url(../images/home_more_white.png)}
.home-market .more-button:hover:after{ transform:translateY(0%);  -webkit-transform:translateY(0%);}

.home-market ul{ margin-left: 410px;}
.home-market li{ float: left; width:23%; margin-left:2%;}
.home-market li .hbox{ height: 515px;  background: #FFFFFF; overflow: hidden; -webkit-box-shadow:0 0 25px rgba(206,206,206,.4); box-shadow:0 0 25px rgba(206,206,206,.4);  }
.home-market li .hbox .num{ z-index: 1; position: absolute; top:0; left:28px; padding: 0 15px; height: 48px; line-height: 48px; background: #288fd4; font-size: 18px;  color: #FFFFFF; text-align: center; border: 1px solid rgba(255,255,255,.3);}
.home-market li .hbox a{ border-bottom: 1px solid #f8f8f8; display: block; padding:30px 22px 0; height: 155px; position: relative; text-align: right; }
.home-market li .hbox a:nth-child(2){ padding-top: 77px; height:205px; }
.home-market li .hbox a:nth-child(2) .img{ top:75px;}
.home-market li .hbox a:last-child{ border-bottom: none;}
.home-market li .hbox a .img{ position: absolute; top:30px; left:20px;}
.home-market li .hbox a .img img:nth-child(1){ display: block; }
.home-market li .hbox a .img img:nth-child(2){ display: none; }
.home-market li .hbox a div i{ margin-bottom: 10px; font-style:normal; display: block; font-size:17px; line-height: 30px;}
.home-market li .hbox a div p{ line-height: 24px;}
.home-market .li3 .hbox a,
.home-market .li4 .hbox a{ height: 230px; padding-top:55px;}
.home-market .li3 .hbox a .img,
.home-market .li4 .hbox a .img{ top:52px;}
.home-market .li3 .hbox a:nth-child(2),
.home-market .li4 .hbox a:nth-child(2){ padding-top: 115px; height:285px; }
.home-market .li3 .hbox a:nth-child(2) .img,
.home-market .li4 .hbox a:nth-child(2) .img{ top:113px; }
.home-market li .hbox a:hover{  background: #288fd4; color: #FFFFFF;}
.home-market li .hbox a:hover .img img:nth-child(1){ display: none; }
.home-market li .hbox a:hover .img img:nth-child(2){ display: block; }


@keyframes progress360 {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25%{
    	-webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    35%{
    	-webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    55%{
    	-webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    65%{
    	-webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    90%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media (max-width:1440px){
	.home-market li .hbox a{ padding: 17px 15px 17px;}
	.home-market li .hbox a:nth-child(2){ padding-top: 57px;}
	.home-market li .hbox a div i{ margin-bottom:5px;}
	.home-market li .hbox a .img{ position: relative; top:auto; left:auto; display: inline-block;}
	.home-market li .hbox a:nth-child(2) .img{ top:auto; }
	.home-market .li3 .hbox a,
	.home-market .li4 .hbox a{ padding:45px 15px;}
	.home-market .li3 .hbox a .img,
	.home-market .li4 .hbox a .img{ top:auto;}
	.home-market .li3 .hbox a:nth-child(2),
	.home-market .li4 .hbox a:nth-child(2){ padding-top: 100px; }
	.home-market .li3 .hbox a:nth-child(2) .img,
	.home-market .li4 .hbox a:nth-child(2) .img{ top:auto; }
	
}
@media (max-width:1340px){
	.home-market ul{ margin-left: 390px;}
	.home-market li .hbox a div i{ margin-bottom:0; font-size: 15px;}
	.home-market li .hbox a div p{ font-size: 12px; line-height:20px;}
}



/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{ margin-bottom: 58px; padding: 55px 50px 70px;}
.home-case .theme span{ font-size: 28px; color: #333333;}
.home-case .theme p{ margin-top: 18px; font-size: 16px; color: #999999;}
.home-case .tab{ margin-top: 25px; padding-right:120px;}
.home-case .tab span{ font-size: 0; float: left; margin-right: 12px; display:block; cursor:pointer; max-width:17%; width:160px; padding-right: 10px; text-align: center; height: 52px; line-height: 52px; color: #333333;  background-color: #f5f5f5; }
.home-case .tab i{ display:inline-block; vertical-align: middle; margin-right: 10px; width: 32px; height: 32px; }
.home-case .tab em{ font-style: normal; vertical-align: middle; font-size:16px; }
.home-case .tab span:nth-child(1) i{background-image:url(../images/ico_case_02.png);}
.home-case .tab span:nth-child(2) i{background-image:url(../images/ico_case_01.png);}
.home-case .tab span:nth-child(3) i{background-image:url(../images/ico_case_04.png);}
.home-case .tab span:nth-child(4) i{background-image:url(../images/ico_case_03.png);}
.home-case .tab span:nth-child(5) i{background-image:url(../images/ico_case_05.png);}
.home-case .tab span:hover,
.home-case .tab span.active,
.home-case .tab span:hover{ background-color: #288fd4; color: #FFFFFF; }
.home-case .tab span:nth-child(1):hover i,
.home-case .tab span:nth-child(1).active i{ background-image:url(../images/ico_case_02h.png);}
.home-case .tab span:nth-child(2):hover i,
.home-case .tab span:nth-child(2).active i{ background-image:url(../images/ico_case_01h.png);}
.home-case .tab span:nth-child(3):hover i,
.home-case .tab span:nth-child(3).active i{background-image:url(../images/ico_case_04h.png);}
.home-case .tab span:nth-child(4):hover i,
.home-case .tab span:nth-child(4).active i{background-image:url(../images/ico_case_03h.png);}
.home-case .tab span:nth-child(5):hover i,
.home-case .tab span:nth-child(5).active i{background-image:url(../images/ico_case_05h.png);}

.home-case .js-tab-con{ display: none; position:relative;}
.home-case .js-tab-con.active{ display: block;}
.home-case .more{ position: absolute; top:-45px; right:0; display: inline-block; background:url(../images/home_more_gray.png) no-repeat left; padding-left:45px; line-height: 56px; font-size: 16px;}
.home-case .more:hover{ color: #288fd4; background: url(../images/home_more.png) no-repeat left;}
.web-list{ padding-top: 25px;}
.market-logo{ padding-top: 50px; margin: 0 -10px;}
.market-logo li{ float: left; width: 20%; padding: 10px;}
.market-logo li a{ display: block; padding: 10px 5px; -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); box-shadow:0 0 20px rgba(206,206,206,.3);}
.market-logo li a img{ transition: all ease .4s; -webkit-transition: all ease .4s;}
.market-logo li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.market-list li{ margin-top:60px; float: left; width: 48%; margin-right:4%;}
.market-list li:nth-child(2n){ margin-right: 0;}
.market-list li a{ position: relative; display: block; box-shadow:0 0 20px rgba(206,206,206,.3); -webkit-box-shadow:0 0 20px rgba(206,206,206,.3); }
.market-list li a:before{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 2px; background: #288fd4; transition: ease all .6s; -webkit-transition: ease all .6s;}
.market-list li .img{ float:left; padding: 55px 0; border-right: 1px solid #e5e5e5;}
.market-list li .intro{  margin-left: 171px; padding: 25px 25px 0;}
.market-list li .intro>span{ padding-bottom: 13px; display: block;  font-size: 20px; color: #333333; position: relative;}
.market-list li .intro>span:after{ content:""; position: absolute; bottom:0; left:0; width: 30px; height: 1px; background:#333333;}
.market-list li .intro p{ margin: 12px 0 18px; line-height: 28px; height: 56px; color: #999999; overflow: hidden;}
.market-list li .intro div{ line-height:40px; position: relative;}
.market-list li .intro div i{ font-style:normal; font-size: 12px;}
.market-list li .intro div em{ position: absolute; right:0; top:50%; margin-top: -6px; width: 21px; height: 12px; background: url(../images/ico_more.png) right no-repeat;}
.market-list li a:hover:before{ width: 100%;}
.market-list li a:hover .intro div i{ color: #288fd4;}
.market-list li a:hover .intro div em{ transform:translateX(-10px); -webkit-transform: translateX(-10px); width:36px; background: url(../images/ico_moreh.png) right no-repeat;}




/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ margin-bottom: 50px; padding: 60px 0 80px; }
.home-news .top{ padding:0 50px ;}
.home-news .homt-tit{ float: left;}
.home-news .tab{ margin-top: 35px; float: right; line-height:50px;}
.home-news .tab span{ float: left; display: block; padding: 0 25px; position: relative; font-size: 18px; font-weight: 500; cursor: pointer;}
.home-news .tab span.active,
.home-news .tab span:hover{ color: #288fd4;}
.home-news .tab span:after{ content: ""; position: absolute; top:50%; right: 0; width: 2px; height: 18px; background: #b7b7b7; margin-top:-9px;}
.home-news .tab span:last-child:after{ display: none;}
.home-news .content{ margin-top: 25px; padding: 30px 50px 0; border-top: 1px solid #e5e5e5;}
.home-news .box{ float: left; width: 50%; max-width: 562px; position: relative; overflow: hidden;}
.home-news .box div{ position: absolute; width: 100%; bottom: 0; left:0; color:#FFFFFF; background: rgba(0,0,0,.5); padding: 20px 25px 30px;}
.home-news .box div span{ display:block; position: relative; padding-right: 80px; font-size: 18px;}
.home-news .box div span i{ position: absolute; top:50%; margin-top: -8px; right:0; width: 29px; height: 16px; background: url(../images/news_arrows.png) no-repeat;}
.home-news .box div p{ margin-top: 12px; line-height: 22px;}
.home-news .box a:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-news .js-tab-con{ display: none;}
.home-news .js-tab-con.active{ display: block;}

.home-news .box.indexnews{max-width: 100%}
.home-news .indexnews a{display: block;float: left;margin-bottom: 20px;width: 48%;position: relative;height: 180px;overflow: hidden;}
.home-news .indexnews a:nth-child(2n){margin-left: 2%;}
.home-news .indexnews a img{width: 100%;}
.home-news .indexnews div{padding:5px}
.home-news .indexnews .overf{text-overflow: ellipsis;white-space: nowrap;font-size: 14px;padding-right:30px}
.home-news .more{display: block;text-align: center;clear: both;margin: 20px auto 0;padding: 10px;background: #288fd4;color: #fff;width: 120px;}


.home-news-ul{ float: right; width: 50%; position: relative;}

.home-news-ul ul{ position: relative; z-index: 1;}
.home-news-ul li{ margin-bottom: 10px;}
.home-news-ul li a{ display:block;padding: 15px; position: relative;}
.home-news-ul li .date{ float: left; text-align: right;}
.home-news-ul li .date span{ font-size: 28px; line-height: 30px;}
.home-news-ul li .date p{ margin-top: 5px; color: #999999; padding-right: 5px;}
.home-news-ul li .intro{ margin-left: 125px;}
.home-news-ul li .intro span{ font-size: 18px; line-height: 30px; display: block;}
.home-news-ul li .intro p{ margin-top: 5px; color:#999999;}
.home-news-ul li a:hover{ background:#288fd4; color: #FFFFFF;}

.home-news-ul li a:hover .date p{ color: #FFFFFF;}
.home-news-ul li a:hover .intro p{ color: #FFFFFF;}
.home-news-ul .more{ position: absolute; bottom: -45px; left:33px; cursor: pointer;}
.home-news-ul .more2{ display: none; }


.home-news-ul li:nth-child(1){ -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.home-news-ul li:nth-child(2){ -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.home-news-ul li:nth-child(3){ -webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
.home-news-ul li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s;}

@media (max-width:1340px){
	.home-news-ul li a{ padding: 18px 15px 18px 100px;}
}


/* ========== */
/* = HOME-DIAGNOSIS = */
/* ========== */
.home-diagnosis{ margin-bottom: 80px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.home-diagnosis .left{ height: 500px; width: 50%; position: relative; background-image: url(../images/home_add.jpg);}
.home-diagnosis .left .con{ position: absolute; width: 90%; max-width: 580px; bottom: 0; right:0; background: #333333; padding: 0 3%;}
.home-diagnosis .left .item{ padding: 55px 5px 60px; float: left; width: 33.33333%; color: #FFFFFF; text-align: center;}
.home-diagnosis .left .item span{ font-size: 17px;}
.home-diagnosis .left .item img{ margin-top: 10px;}
.home-diagnosis .left .item p{ margin: 15px auto 0; max-width:160px; line-height: 18px; font-size: 13px; color: #eeeeee;}
.home-diagnosis .left .item a{ color: #eeeeee;}
.home-diagnosis .diagnosis-box{ width: 50%;}