@charset "utf-8";
/* CSS Document */
.ind-banner img{ width:100%}
.ind-banner .sjimg{ display:none;}
@media(max-width:768px){
.ind-banner .pcimg{ display:none;}
.ind-banner .sjimg{ display:block;}
}
.ban-txt{ position:absolute; width:100%; top:20%; color:#fff}
.ban-txt h3{ line-height:60px;}
.ban-txt h4{ padding:1% 0;}
.ind-banner a{ display:block; position:absolute; width:100%; height:100%; z-index:4}
.ind-banner .slick-dots{ position:absolute; width:100%; bottom:5%; z-index:5}
.ind-banner .slick-dots li button{ width:8px; height:8px; padding:0; margin:0}
.ind-banner .slick-dots li.slick-active button{  width:12px; height:12px; background-color:#fff}

.ind-menu{ text-align:center; border-bottom:solid 1px #dddddd}
.ind-menu ul{ max-width:950px; margin:auto;}
.ind-menu ul li{ position:relative; line-height:55px; float:left; width:15%; border-left:solid 1px #dddddd}
.ind-menu ul li.n3{ width:40%; background:url(../images/ind_menu_icon.png) no-repeat center 85%;}
.ind-menu ul li.n3 a{ color:#174b89; font-size:18px; font-weight:bold;}
.ind-menu ul li.n3:before{content:''; z-index:5; position:absolute; display:block; left:0; width:100%; bottom:-30px; height:30px; background:url(../images/ind_menu_bg.png) no-repeat center top}
.ind-menu ul li.n3:after{ content:''; width:100%; height:1px; position:absolute; left:0; display:block; background-color:#fff;}
.ind-menu ul li.n3 a:hover:after{ display:none}
.ind-menu ul li.n5{border-right:solid 1px #dddddd}
.ind-menu ul li a{ display:block; position:relative}
.ind-menu ul li a:hover{ color:#174b89;}
.ind-menu ul li a:hover:after{ content:''; position:absolute; display:block; left:0; width:100%; height:2px; background-color:#174b89}
@media(max-width:768px){
.ind-menu .auto_1550{ padding:0 5px;}
.ind-menu ul li{ width:19%}
.ind-menu ul li.n3{ width:24%}
}

.ind-tips{ text-align:center; padding:4% 0; line-height:80px;}
.ind-tips .txt1{ }
.ind-tips .txt2{ color:#3bb699;}
@media(max-width:768px){
.ind-tips{line-height:50px;}
}

.ind-title{ text-align:center; line-height:40px; padding:2% 0;}

.ind-industry{ padding:6% 0; position:relative; margin-bottom:-4%; background:no-repeat center center; z-index:10; background-size: cover}
.ind-industry .txt{ max-width:700px; text-align:center; margin:auto; line-height:32px;}
.ind-industry ul{text-align:center;}
.ind-industry ul li{ float:left;  width:20%; padding:3% 2.097%; background:url(../images/ind_yuan_bg.png) no-repeat center bottom}
.ind-industry ul li a{ display:block;position:relative;}
.ind-industry ul li img{ border-radius:100%;}
.ind-industry ul li a span{ display:block; position:absolute; width:100%; top:50%; margin-top:-15px; line-height:30px; color:#fff}
.ind-industry ul li a:hover span{transform:scale(1.6);transition:0.3s;}
.ind-industry ul li a:before{ content:''; display:block;  width:100%; height:100%; transform:scale(0.32,0.32);display:block; position:absolute; border-radius:100%; background-color:rgba(23,75,137,0.5);transition:0.3s;}
.ind-industry ul li a:hover:before{ transform:scale(1,1)}
@media(max-width:960px){
.ind-industry ul li{ width:32%; display:inline-block; float:none}
.ind-industry ul li a:hover span{transform:scale(1.3);}
}

.ind-product{ padding-top:6%; padding-bottom:2%; background-color:#e8edf1}
.ind-product .list{ padding:0 80px}
.ind-product .item{ padding:1% 0;}
.ind-product .item a{ max-width:80%; margin:auto; display:block;transition:0.3s;background-color:#fff;}
.ind-product .item a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.ind-product .item a:hover{ box-shadow:0 0 30px rgba(0,0,0,0.3);}
.ind-product .item a:hover figure{transform:translate(0,-10px);}
.ind-product .item a,
.ind-product .item img,
.ind-product .item figure{border-radius:25px 25px 0 0;  }
.ind-product .item figure{ overflow:hidden;transition:0.3s;}
.ind-product .item img{ width:100%;transition:0.3s;}
.ind-product .info{ padding:7%; }
.ind-product h4{ line-height:40px; margin-bottom:3%}
.ind-product p{ color:#566892; height:48px; overflow:hidden;}
@media(max-width:960px){
.ind-product .item a{ max-width:90%;}
.ind-product .list{ padding:0 40px}
}
@media(max-width:640px){
.ind-product .item a{ max-width:100%;}
}


.ind-technology{position:relative;z-index:10;}
.ind-technology .t_img{ top:0; position:absolute; width:100%; height:52px; background:url(../images/technology_t.png) no-repeat center top;}
.ind-technology .b_img{ bottom:0; position:absolute; width:100%; height:53px; background:url(../images/technology_b.png) no-repeat center bottom}
.ind-technology .bgdiv{ padding:90px 0;background:no-repeat bottom center; background-size: cover}
.ind-technology .list{ max-width:1120px; position:relative}
.ind-technology ul li{ float:left; width:14.286%;}
.ind-technology ul li a{ display:block; position:relative; cursor:default}
.ind-technology ul li figure{ position:absolute; width:100%; height:100%;}
.ind-technology ul li .img1,
.ind-technology ul li .img2{ position:absolute; width:100%;}
.ind-technology ul li h5{ position:absolute; width:100%; top:50%; margin-top:-12px; text-align:center}
.ind-technology ul li.n2,
.ind-technology ul li.n4,
.ind-technology ul li.n6{ clear:both;}
.ind-technology ul li.n1{ margin-left:14.286%;}
.ind-technology ul li.n2{ margin-left:28.572%;}
.ind-technology ul li.n3{ margin-left:14.286%;}
.ind-technology ul li.n4{ margin-left:28.572%;}
.ind-technology ul li.n5{ margin-left:14.286%;}
.ind-technology ul li.n6{ margin-left:42.858%;}
.ind-technology ul li.n7{ margin-left:71.43%; margin-top:-14.286%}
.ind-technology ul li.n1 .img1,
.ind-technology ul li.n2 .img1,
.ind-technology ul li.n2 .img2,
.ind-technology ul li.n3 .img1,
.ind-technology ul li.n3 .img2{ left:-100%;}
.ind-technology ul li.n1 .img2,
.ind-technology ul li.n5 .img1,
.ind-technology ul li.n6 .img1,
.ind-technology ul li.n7 .img1{ right:-100%}
.ind-technology ul li.n2 .img2,
.ind-technology ul li.n3 .img2,
.ind-technology ul li.n4 .img1{top:100%}
.ind-technology ul li.n1 a:after{ content:''; left:-100%; width:100%; height:100%; display:block; position:absolute; background:url(../images/ind-jscx-fongbg0.jpg) no-repeat;}
.ind-technology ul li .bg,
.ind-technology ul li .h5{transition:0.3s;}
.ind-technology ul li .bg{ cursor:pointer; position:relative; z-index:10}
.ind-technology ul li a .bg:hover{ z-index:20}
.ind-technology ul li a .bg:hover{ box-shadow:0 0 10px rgba(0,0,0,0.8)}
.ind-technology ul li a .bg:hover,
.ind-technology ul li a .bg:hover .h5{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.ind-technology .info .txt{ line-height:32px; padding:5% 0;}

@media(min-width:1100px){
.ind-technology .info{ position:absolute; right:15px; width:100%; max-width:470px; text-align:right}
.ind-technology .info .ind-title{ text-align:right}
}
@media(max-width:640px){
.ind-technology ul li{ width:50%; margin:2px 0!important; clear:none!important}
.ind-technology ul li .img1{ position:relative; left:0!important}
.ind-technology ul li .img2{ display:none}
.ind-technology ul li figure{ position:relative; float:left; width:50%;}
.ind-technology ul li .bg{float:right; width:50%;}
.ind-technology ul li h5{right:0; font-size:15px;}
.ind-technology ul li a{ overflow:hidden}
.ind-technology .info .txt{ padding-top:0}
}
/*
.ind-solution{ z-index:1; padding-top:7%; padding-bottom:18%;position:relative; margin-top:-4%; background:no-repeat bottom center;}
.ind-solution .ind-title{ text-align:left}
.ind-solution .txt{ max-width:440px; line-height:32px; min-height:130px;}
.ind-solution .more a{ background:#477994 url(../images/more_icon.png) no-repeat 21px; color:#fff; width:120px; line-height:40px; text-indent:38px; display:inline-block}*/

.ind-star-product{ position:relative; padding:3% 0;z-index:9}
/*.ind-star-product:before{ content:''; top:0; position:absolute; width:50%; height:100%;}
.ind-star-product:before{ background-color:#eeeeee}
.ind-star-product:after{ background-color:#fefefe}*/
.ind-star-product .ind-title{ position:absolute; padding-top:0}
.ind-star-product .list_head .item{ cursor:pointer;}
.ind-star-product .list_head .item a{ position:relative; display:block; background:no-repeat center center; background-size:60%;}
.ind-star-product .list_head .item a:before{ content:''; position:absolute; display:block; left:0; width:100%; height:100%; background-color:rgba(24,94,163,0.5)}
.ind-star-product .list_head .item.slick-current a:before{ display:none}

.ind-star-product .list_item{box-sizing: border-box;}
.ind-star-product .list_item .item{height:500px; background:no-repeat right center; background-size:40%}
.ind-star-product .list_item .info{ padding-top:60px; max-width:540px; width:35%}
.ind-star-product .list_item .title{ padding:10px 0; transform: scale(0); transition: all 0.8s; display: inline-block;}
.ind-star-product .list_item .txt{ padding-top:4%;}
.ind-star-product .list_item .num,
.ind-star-product .list_item pre{ color:#999}
.ind-star-product .list_item .slick-current .title{ transform: scale(1);}
.ind-star-product .slick-slide{ border:none!important}
.ind-star-product .list_item .info .box{ max-height:410px; overflow-y:auto; padding-right:20px; }
.ind-star-product .list_item .info .box::-webkit-scrollbar{ width:1px; background-color:#eeeeee}    /*滚动条整体部分*/
.ind-star-product .list_item .info .box::-webkit-scrollbar-button{ background-color:#eeeeee}    /*滚动条两端的按钮*/
.ind-star-product .list_item .info .box::-webkit-scrollbar-track{ background-color:#eeeeee}    /*外层轨道*/
.ind-star-product .list_item .info .box::-webkit-scrollbar-track-piece{ background-color:#eeeeee}    /*内层轨道，滚动条中间部分（除去）*/
.ind-star-product .list_item .info .box::-webkit-scrollbar-thumb{ background-color:#7d7d7d;}    /*滚动条里面可以拖动的那个*/
.ind-star-product .list_item .info .box::-webkit-scrollbar-corner{ background-color:#eeeeee}    /*边角*/
.ind-star-product .list_item .info .box::-webkit-resizer{ background-color:#eeeeee}    /*定义右下角拖动块的样式*/
@media(min-width:768px){
.ind-star-product .list_head{z-index:10; position:absolute; left:50%; top:0; height:100%; width:148px; margin-left:-82.5px; background-color:#fff; border:solid 1px #e3e3e3; border-bottom:none}
.ind-star-product .list_head .item{height:100px; }
.ind-star-product .list_head .item a{ width:148px; height:100px;}
.ind-star-product .list_head .item a:after{ left:0; content:''; bottom:0; display:block; position:absolute; width:100%; height:1px; background-color:#e3e3e3; }
.ind-star-product .list_head .slick-arrow{ left:-48px!important; right:auto!important; width:48px; height:48px;transform:none; background-color:#c9cbca; background-size:20px;}
.ind-star-product .list_head .slick-prev{ top:-1px; background-image:url(../js/slick/slick-prev3.png)}
.ind-star-product .list_head .slick-next{ bottom:-1px; top:auto; background-image:url(../js/slick/slick-next3.png)}	

}
@media(max-width:768px){
.ind-star-product .list_head{ padding:3% 50px;}
.ind-star-product .list_head .item{ padding:0}
.ind-star-product .list_head .item a{ padding-bottom:60%}
.ind-star-product .list_item .item{ height:auto;}
.ind-star-product .list_item .info{ width:48%}
.ind-star-product .list_item .info .box{ max-height:300px;}
}

.ind-video{ position:relative;}
/*.ind-video:before{ content:''; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.4)}*/
.ind-video a{ z-index:3; cursor:pointer; display:block; display:block; padding:4%; border-radius:200px; position:absolute; left:46%; top:46%; border:solid 5px #fff; background:url(../images/video_icon.png) 
no-repeat center center;}
.ind-video video,
.ind-video iframe{ width:100%; height:100%; position:absolute; z-index:2}
.ind-video .photo{ opacity:0}
.ind-video .photo img{ width:100%;}
@media(max-width:640px){
.ind-video a{ background-size:15px; border-width:2px;}
}