/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:'Microsoft YaHei'; color:#333; overflow-x:hidden;}
a{ color:#666;}
a:hover{ color:#008cfd; text-decoration:none;}
p{line-height:1.5em;/* padding:5px 0;*/}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:60%; min-width:1200px; margin:0 auto;}
.wapper2{ width:61%; min-width:1200px; margin:0 auto;}
.wapper3{ width:90%; min-width:1200px; max-width:1530px; margin:0 auto;}
.wapper4{ width:90%; min-width:1200px; max-width:1440px; margin:0 auto;}
input,textarea,select{outline:none; font-family:'Microsoft YaHei';}
input,input:link,input:visited,input:hover,input:active,input:focus{ outline:none;}
img{object-fit: cover;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
/*common end*/

.more1{}
.more1 span{ display:inline-block; text-align:center; border-radius:8px; line-height:40px; font-size:17px; padding:0 20px; background:#fff; color:#008cfd;letter-spacing: 5px;}
.more1 span:hover{ background:#f5f5f5; box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.h_height{ height:82px;}
.headbg{ width:100%; background:#008cfd; position:fixed; z-index:55; left:0; top:0;}
.headbg.active{ background:#008cfd !important; box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 10px; transition:all .3s ease;}
.head{ height:150px;}
.head .logo{ float:left; width:16%; height:150px; position:relative; margin:0 40px 0 0;}
.head .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head .rt{ float:right;}
.head .more1{ float:left; margin:55px 0 0 0;letter-spacing: 5px;}
.head .phone{ float:right; margin:55px 0 0 40px; background:url(../images/ico_phone1.png) left center no-repeat; padding:0 0 0 35px; line-height:40px; font-size:20px; color:#fff;    letter-spacing: 1px;font-weight: bold;}
/*menu*/
.menu{ height:40px; line-height:40px; float:left; margin:55px 0 0 0; }
.menu>ul>li{ float:left; letter-spacing: 5px; padding:0 0 20px 0;}
.menu>ul>li.menu_down{ position:relative;}
.menu>ul>li>a{ display:block; text-align:center; color:#fff; font-size:17px; padding:0 11px; border-radius:8px;}
.menu>ul>li>a:hover,.menu>ul>li:hover>a{ color:#008cfd; background:#fff;}
.menu>ul>li>ul{ width:160px; background:#fff; box-shadow:0 10px 13px 0 rgba(0,0,0,.1); border-radius:8px; z-index:5; position:absolute; top:100%; left:50%; transform:translateX(-50%); padding:10px 0; display:none;}
.menu>ul>li:hover>ul{ display:block;}
.menu>ul>li>ul li{ line-height:24px; position:relative;}
.menu>ul>li>ul li a{ display:block; text-align:center; color:#666; font-size:14px; padding:10px 5px;}
.menu>ul>li>ul li a:hover,.menu>ul>li>ul li:hover>a{ color:#008cfd;}
.menu>ul>li>ul li ul{ width:100%; top:0; left:100%; transform:translateX(0);}
.menu_probg{ width:100%; background:#fff; box-shadow:0 10px 13px 0 rgba(0,0,0,.1); position:absolute; left:0; top:100%; display:none;}
.menu>ul>li:hover .menu_probg{ display:block;}
.menu_pro{ width:90%; max-width:1200px; margin:0 auto; padding:20px 0;}
.menu_pro dl{ float:left; width:45%; margin:0 0 20px 10%;}
.menu_pro dl:nth-child(2n-1){ margin-left:0; clear:left;}
.menu_pro dl dt{ font-size:20px; line-height:30px; font-weight:bold;}
.menu_pro dl dd{}
.menu_pro ul li{ float:left; width:45%; margin:20px 0 20px 10%;}
.menu_pro dl dd ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.menu_pro ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.menu_pro ul li .img{ width:64px; height:64px; position:relative;}
.menu_pro ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.menu_pro ul li .txt{ width:calc(100% - 74px);}
.menu_pro ul li .txt .h2{ font-size:16px; line-height:26px;}
@media(max-width:1620px){
.more1 span{ font-size:20px; padding:0 15px; letter-spacing:3px;}
.head .logo{ margin:0 30px 0 0;}
.head .phone{ font-size:20px; margin:55px 0 0 30px; letter-spacing:3px;}
.menu>ul>li{ letter-spacing:4px;}
.menu>ul>li>a{ font-size:20px; padding:0 15px;}

}


/**/
.swiper-container1 { width: 100%; }
.swiper-container1 .swiper-slide { position:relative;
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-slide .txtbg{ width:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.swiper-container1 .swiper-slide .txt{ color:#fff; text-align:center;}
.swiper-container1 .swiper-slide .txt .h2{ font-size:54px; line-height:64px; font-weight:bold; margin-bottom:20px;}
.swiper-container1 .swiper-slide .txt .h3{ font-size:24px; line-height:34px; margin-bottom:40px;}
.more3{ text-align:center;}
.more3 a{ display:inline-block; margin:0 10px;}
.more3 span{ display:inline-block; text-align:center; border:1px solid #fff; color:#fff; font-size:18px; border-radius:60px; line-height:44px; padding:0 20px; min-width:138px;}
.more3 span:hover{ background:rgba(255, 255, 255, 0.2);}
.more3 span.bg2{ border-color:#008cfd; background:#008cfd;}
.more3 span.bg2:hover{ box-shadow:4px 4px 30px rgba(112, 112, 247, 0.3);}
.swiper-container1 .swiper-pagination1{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; background:none; border:1px solid #fff; opacity:1;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}


.tit1{ text-align:center; color:#008cfd;}
.tit1 .h2{ font-size:50px; line-height:80px; font-weight:bold;}
.tit1 .h2 span{ color:#ffaf00;}
.tit1 .h3{ font-size:30px; line-height:40px; margin-top:30px;}
.tit1 .h3 span{ font-weight:bold;}
.con01bg{ padding:120px 0;}
.con01{}
.con01 .list{ margin-top:10vw; position:relative;}
.con01 .list>img{ display:block; margin:0 auto; max-width:95%;}
.con01 .list ul li{ position:absolute;}
.con01 .list ul li .bg0{ border-radius:100%;}
.con01 .list ul li .nr_box{ position:absolute; display:none;}
.con01 .list ul li:hover .nr_box{ display:block;}
.con01 .list ul li .bg{}
.con01 .list ul li .bg img{ display:block; width:13.2vw; }
.con01 .list ul li .txtbg{ width:75%; height:56%; position:absolute; top:0; right:0;}
.con01 .list ul li .txt{ color:#333; width:100%; height:100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con01 .list ul li .txt:hover{ color:#008cfd;}
.con01 .list ul li .txt .h2{ font-size:1.3vw; line-height:1.5em; text-align:center;}
.con01 .list ul li.li1{ left:34.5%; top:5%;}
.con01 .list ul li.li2{ left:21%; top:18%;}
.con01 .list ul li.li3{ left:4%; top:42%;}
.con01 .list ul li.li4{ left:23.5%; top:66%;}
.con01 .list ul li.li5{ right:32%; top:72%;}
.con01 .list ul li.li6{ right:17%; top:61%;}
.con01 .list ul li.li7{ right:5%; top:45%;}
.con01 .list ul li.li8{ right:19%; top:19%;}
.con01 .list ul li.li9{ right:34.5%; top:3%;}
.con01 .list ul li.li1 .bg0{ width:7vw; height:5vw;}
.con01 .list ul li.li2 .bg0{ width:9vw; height:8vw;}
.con01 .list ul li.li3 .bg0{ width:15.4vw; height:10vw;}
.con01 .list ul li.li4 .bg0{ width:11vw; height:7.2vw;}
.con01 .list ul li.li5 .bg0{ width:9.4vw; height:7vw;}
.con01 .list ul li.li6 .bg0{ width:8.4vw; height:7.4vw;}
.con01 .list ul li.li7 .bg0{ width:9vw; height:6.4vw;}
.con01 .list ul li.li8 .bg0{ width:10vw; height:8vw;}
.con01 .list ul li.li9 .bg0{ width:7vw; height:4.8vw;}
.con01 .list ul li.li1 .nr_box{ bottom:100%; left:70%;}
.con01 .list ul li.li2 .nr_box{ bottom:100%; left:20%;}
.con01 .list ul li.li3 .nr_box{ bottom:95%; left:25%;}
.con01 .list ul li.li4 .nr_box{ bottom:20%; left:100%;}
.con01 .list ul li.li5 .nr_box{ bottom:30%; left:100%;}
.con01 .list ul li.li6 .nr_box{ bottom:10%; left:100%;}
.con01 .list ul li.li7 .nr_box{ bottom:100%; left:90%;}
.con01 .list ul li.li8 .nr_box{ bottom:80%; left:100%;}
.con01 .list ul li.li9 .nr_box{ bottom:100%; left:100%;}



.tit2{}
.tit2 .h2{ /*font-size:22px; line-height:32px;*/font-size: 22px;
    line-height: 1em;
    font-weight: 500;}
.con02bg{ padding:60px 0 ; background:url(../images/home_bg1.jpg) center no-repeat; background-size:cover;}
.con02{}
.con02_list1{ float:left; width:46%; background:rgba(0, 140, 253, 0.05); border:1px solid rgba(0, 140, 253, 0.1); border-radius:8px; padding:20px 1.5%; margin-top:60px;}
.con02_list1 .list{}
.con02_list1 .list ul li{ float:left; width:48%; margin:30px 0 0 4%;}
.con02_list1 .list ul li:hover{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05)}
.con02_list1 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.con02_list1 .list ul li .nr_box{ border:1px solid #008cfd; border-radius:8px; overflow:hidden; background:#fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con02_list1 .list ul li .img{ width:27%; height:120px; position:relative;}
.con02_list1 .list ul li .img img{ max-width:69%; max-height:62%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02_list1 .list ul li .txtbg{ width:73%;}
.con02_list1 .list ul li .txt{ color:#333; padding:0 10px 0 0;}
.con02_list1 .list ul li .txt .h2{/* font-size:16px; line-height:26px; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;    font-weight: 600;*/    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #222222;
    margin-bottom: 2px;
    white-space: nowrap;}
.con02_list1 .list ul li:hover .txt .h2{ color:#008cfd;}
.con02_list1 .list ul li .txt .h3{ /*font-size:14px; line-height:24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;font-weight: 600;*/font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #454545;}
.con02_list2{ float:right; width:46%; background:rgba(0, 140, 253, 0.05); border:1px solid rgba(0, 140, 253, 0.1); border-radius:8px; padding:20px 1.5%; margin-top:60px;}
.con02_list2 .list{}
.con02_list2 .list ul li{ float:left; width:48%; margin:30px 0 0 4%;}
.con02_list2 .list ul li:hover{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05)}
.con02_list2 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.con02_list2 .list ul li .nr_box{ border:1px solid #008cfd; border-radius:8px; overflow:hidden; background:#fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con02_list2 .list ul li .img{ width:27%; height:120px; position:relative;}
.con02_list2 .list ul li .img img{ max-width:69%; max-height:69%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02_list2 .list ul li .txtbg{ width:73%;}
.con02_list2 .list ul li .txt{ color:#333; padding:0 10px 0 0;}
.con02_list2 .list ul li .txt .h2{ /*font-size:16px; line-height:26px; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;font-weight: 600;*/    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #222222;
    margin-bottom: 2px;
    white-space: nowrap;}
.con02_list2 .list ul li:hover .txt .h2{ color:#008cfd;}
.con02_list2 .list ul li .txt .h3{ /*font-size:14px; line-height:24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;font-weight: 600;*/    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #454545;}
.con02_list3{ float:left; width:97%; background:rgba(0, 140, 253, 0.05); border:1px solid rgba(0, 140, 253, 0.1); border-radius:8px; padding:20px 1.5%; margin-top:60px;}
.con02_list3 .list{}
.con02_list3 .list ul li{ float:left; width:30%; margin:30px 0 0 5%;}
.con02_list3 .list ul li:hover{ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.05)}
.con02_list3 .list ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.con02_list3 .list ul li .nr_box{ border:1px solid #008cfd; border-radius:8px; overflow:hidden; background:#fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con02_list3 .list ul li .img{ width:25%; height:120px; position:relative;}
.con02_list3 .list ul li .img img{ max-width:69%; max-height:69%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con02_list3 .list ul li .txtbg{ width:75%;}
.con02_list3 .list ul li .txt{ color:#333; padding:0 10px 0 0;}
.con02_list3 .list ul li .txt .h2{ /*font-size:24px; line-height:34px; margin-bottom:15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;*/font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #222222;
    margin-bottom: 2px
px
;
    white-space: nowrap;}
.con02_list3 .list ul li:hover .txt .h2{ color:#008cfd;}
.con02_list3 .list ul li .txt .h3{ /*font-size:20px; line-height:30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;*/font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #454545;}


.tit3{}
.tit3 .h2{ font-size:35px; line-height:2em; font-weight:bold;margin-top: -20px;}
.con03bg{ padding:120px 0 60px 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.con03{ color:#fff;}
.con03_lt{ float:left;}
.con03_rt{ float:right;}
.con03_rt .list{}
.con03_rt .list ul li{ float:left; margin:0 4vw 4vw 0;}
.con03_rt .list ul li:nth-child(4){ clear:left;}
.con03_rt .list ul li .txt{}
.con03_rt .list ul li .txt .h2{ font-size:40px; line-height:1em; font-weight:bold; margin-bottom:10px;}
.con03_rt .list ul li .txt .h3{ font-size:15px; line-height:30px;}


.tit4{ text-align:center; }
.tit4 .h2{/* font-size:49px; line-height:80px;*/    /*font-size: 40px;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 30px;*/
    color: #000;    font-size: 40px;
    font-weight: 600;
    line-height: 1em;
    text-align: center; }
.tit4 .h3{ /*font-size:25px; line-height:44px;*/ margin-top:10px;font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    color: #555;
    display: block;}
.con04bg{ padding:120px 0 60px 0;}
.con04{}
.con04 .list{ margin-top:60px;}
.con04 .list ul li{ float:left; width:23.5%; margin-left:2%; text-align:center; transition:all .3s ease;}
.con04 .list ul li:hover{ transform:translateY(-5px);}
.con04 .list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.con04 .list ul li .imgbg{ display:inline-block; vertical-align:top; border-radius:100%; border:2px dotted #008cfd; }
.con04 .list ul li .img{ width:5.64vw; height:5.64vw; border-radius:100%; border:8px solid #fff;  position:relative; overflow:hidden;}
.con04 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con04 .list ul li .txtbg{ border:2px dotted #008cfd; border-radius:8px; margin-top:-2.82vw; padding:2.82vw 0 0 0;}
.con04 .list ul li .txt{ padding:40px 5%}
.con04 .list ul li .txt .h2{ font-size:17px; line-height:36px; font-weight:bold; margin-bottom:30px;}
.con04 .list ul li .txt .line1{ width:50px; height:9px; background:#008cfd; margin:0 auto; margin-bottom:40px;}
.con04 .list ul li .txt .h3{ font-size:17px; line-height:42px; height:336px; /*text-align:left;*/text-align: justify;}
.con04 .list ul li:nth-child(4n-3) .txt .line1{ background:#008cfd;}
.con04 .list ul li:nth-child(4n-2) .txt .line1{ background:#e4ec96;}
.con04 .list ul li:nth-child(4n-1) .txt .line1{ background:#7fd4b7;}
.con04 .list ul li:nth-child(4n) .txt .line1{ background:#ef7ca5;}


.con05bg{ padding:120px 0 60px 0; background:url(../images/home_bg2.jpg) center no-repeat; background-size:cover;}
.con05{}
.con05 .list{ margin-top:60px;}
.swiper-container2 { width: 100%; }
.swiper-container2 .swiper-slide {
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container2 .swiper-slide .nr_box{ background:#fff url(../images/case_bg.jpg) top center no-repeat; background-size:100% auto; box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.05); border-radius:8px; margin:40px 20px; padding:25px 5% 20px 5%; transition:all .3s ease;}
.swiper-container2 .swiper-slide:hover .nr_box{ box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.1); transform:translateY(-15px);}
.swiper-container2 .swiper-slide .ico{ height:36px; position:relative; margin-bottom:35px;}
.swiper-container2 .swiper-slide .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.swiper-container2 .swiper-slide .img{ padding-bottom:52%; position:relative; border-radius:8px; overflow:hidden; margin-bottom:10px;}
.swiper-container2 .swiper-slide .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.swiper-container2 .swiper-slide .txt{ color:#333;}
.swiper-container2 .swiper-slide .txt .h2{ /*font-size:12px; line-height:22px; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;*/    font-size: 15px;
    line-height: 30px;
    color: #454545;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;}
.swiper-container2 .swiper-slide .txt .h3{ font-size:16px; line-height:26px; color:#008cfd; text-align:center;}
.swiper-container2 .swiper-slide:hover .txt .h3{ color:#008cfd;}
.swiper2 .swiper-pagination2{ display:none;}
.swiper2 .swiper-pagination2 .swiper-pagination-bullet{ }
.swiper2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ }
.swiper2 .swiper-button2{ text-align:center; height:60px; }
.swiper2 .swiper-button-prev2,.swiper2 .swiper-button-next2{ width:60px; height:60px; border-radius:100%; box-shadow:0 2px 20px 0 rgba(0,0,0,.1); background-color:#fff; margin:0 10px; position:static; display:inline-block; vertical-align:top; background-size:10px 20px;}
.swiper2 .swiper-button-prev2{}
.swiper2 .swiper-button-next2{}


.con06bg{ padding:60px 0; background:#e4f2fd;}
.con06{}
.con06 .list{ margin-top:60px;}
.con06 .list dl{ border-top:1px solid #a5a09c;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con06 .list dl:nth-child(1){ border:none;}
.con06 .list dl dt{ font-size:24px; line-height:34px; width:100px; padding:0 3%;}
.con06 .list dl dd{ width:calc(94% - 100px);}
.con06 .list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap:wrap;}
.con06 .list ul li{ width:18%; background:#fff; border-radius:8px; overflow:hidden; position:relative; margin:20px 0 20px 2.5%;}
.con06 .list dl dd ul li:nth-child(5n-4){ margin-left:0; }
.con06 .list ul li:hover{ box-shadow:0px 3px 13px 0px rgba(78, 71, 187, 0.1);}
.con06 .list ul li .img{ padding-bottom:33%; position:relative;}
.con06 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; z-index:1;}
.con06 .list ul li .img:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:2; display:none;}
.con06 .list ul li:hover .img:before{ display:block;}
.con06 .list ul li .txtbg{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3; display:none;}
.con06 .list ul li:hover .txtbg{ display:block;}
.con06 .list ul li .txt{ text-align:center; color:#fff;}
.con06 .list ul li .txt .h2{ font-size:14px; line-height:24px; color:#008cfd;}


.tit5{ text-align:center;}
.tit5 .h2{ /*font-size:70px; line-height:80px;*/    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1em;
    text-align: center;}
.tit5 .h3{ font-size:20px; line-height:30px; color:#999; padding-top:40px; background:url(../images/titbg1.png) top center no-repeat; margin-top:30px;}
.con07bg{ padding:60px 0;}
.con07{}
.con07 .list{ margin-top:30px;}
.slideTxtBox_01{ }
.slideTxtBox_01 .hd{ text-align:center; line-height:40px;}
.slideTxtBox_01 .hd ul li{ display:inline-block; vertical-align:top; text-align:center; margin:0 1vw;cursor:pointer;}
.slideTxtBox_01 .hd ul li a{ display:block; font-size:16px; padding:0 20px; background:#008cfd; color:#fff; border-radius:8px; min-width:120px;}
.slideTxtBox_01 .hd ul li.on a{ background:#92cffe; color:#fff;} 
.slideTxtBox_01 .bd{ margin-top:20px;}
.con07_list{ margin-top:60px;}
.con07_lt{ float:left; width:45%; position:relative; overflow:hidden; border-radius:8px; box-shadow:10px 10px 10px rgba(0,0,0,.1);}
.con07_lt .swiper-container3{ border-radius:8px;}
.con07_lt .swiper-pagination3{ width:fit-content; left:auto; right:10px;}
.con07_lt .img{ height:360px; border:5px solid #fff; position:relative; overflow:hidden; border-radius:8px;}
.con07_lt .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease; border-radius:8px;}
.con07_lt:hover .img img{ transform:scale(1.1);}
.con07_lt .txtbg{ width:100%; position:absolute; left:0; bottom:0; display:none;}
.con07_lt:hover .txtbg{ display:block;}
.con07_lt .txt{ color:#fff; padding:15px 5%;}
.con07_lt .txt .h2{ font-size:20px; line-height:30px;}
.con07_rt{ float:right; width:45%;}
.con07_rt ul li{ border:2px solid #efefef; height:100px; margin-top:20px; /*border-radius:8px; box-shadow:5px 5px 5px rgba(0,0,0,.1);*/}
.con07_rt ul li:hover{/* box-shadow:10px 10px 10px rgba(0,0,0,.1);*/}
.con07_rt ul li:nth-child(1){ margin-top:0;}
.con07_rt ul li .nr_box{ padding:20px 0;}
.con07_rt ul li .date{ float:left; width:80px; padding:0 5%; color:#333;}
.con07_rt ul li .date strong{ display:inline-block; font-size:20px; line-height:30px; border-bottom:1px solid #333; margin-bottom:5px;}
.con07_rt ul li .date span{ display:block; font-size:16px; line-height:24px; color:#999;}
.con07_rt ul li .txtbg{ float:right; width:calc(90% - 80px);}
.con07_rt ul li .txt{ color:#333; height:60px; border-left:1px solid #c8c8c8; padding:0 10px 0 10px;}
.con07_rt ul li .txt .h2{ font-size:20px; line-height:30px; font-weight:bold; margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.con07_rt ul li:hover .txt .h2{ color:#008cfd;}
.con07_rt ul li .txt .h3{ font-size:16px; line-height:24px; color:#999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.more7{ text-align:right;}
.more7 span{ display:inline-block; text-align:center; padding:0 10px; min-width:140px; line-height:40px; font-size:16px; border-radius:8px; background:#008cfd; color:#fff;}
.more7 span:hover{ background:#92cffe;}
.con07 .more7{ margin-top:20px;}


.tit6{ text-align:center;}
.tit6 .h2{ font-size:38px; line-height:50px; font-weight:bold;letter-spacing: 5px;}
.tit6 .h3{ font-size:20px; line-height:30px; margin-top:20px;}
.con08bg{ padding:28px 0 34px 0; background:url(../images/home_bg3.jpg) center no-repeat; background-size:cover;}
.con08{ color:#fff;}
.con08 .list{ margin-top:34px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-bottom: 26px;}
.con08 .list .form{ width:500px; height:40px; background:#fff; border-radius:8px; overflow:hidden; padding:10px 0;    display: none; }
.con08 .list .form span{ float:left; width:149px; line-height:40px; border-right:1px solid #333; text-align:center; font-size:20px; color:#333;}
.con08 .list .form .text1{ float:right; border:none; background:none; height:40px; line-height:40px; padding:0 10px 0 20px; width:calc(100% - 180px); font-size:20px; }
.con08 .list .button1{ border:1px solid #fff; font-size:21px; line-height:60px; color:#fff; margin-left:40px; border-radius:8px; padding:0 25px;    width: 175px;
    text-align: center;}
.con08 .list .button1:hover{ background:#fff; color:#008cfd;}
.con08 .list .form .text1::-webkit-input-placeholder{ color: #f9bfbb; font-size:20px; }
.con08 .list .form .text1:-moz-placeholder{ color: #f9bfbb; font-size:20px; }
.con08 .list .form .text1::-moz-placeholder{ color: #f9bfbb; font-size:20px; }
.con08 .list .form .text1:-ms-input-placeholder{ color: #f9bfbb; font-size:20px; }


.footbg{ padding:40px 0 60px 0; background:#0f2f56;}
.foot{ color:#fff;}
.foot a{ color:#fff;}
.foot a:hover{ color:#008cfd;}
.foot .lt{ float:left; width:60%;}
.foot .lt dl{ float:left; width:30%;}
.foot .lt dl dt{ /*font-size:21px; line-height:40px; margin-bottom:18px;*/color: #fff;
    font-size: 16px;
    font-weight: 400;padding-bottom: 15px;}
.foot .lt dl dd{ font-size:17px; line-height:12px; margin-bottom:17px;}
.foot .lt dl.dl1{ width:70%;}
.foot .lt dl.dl1 dd{ float:left; width:50%;font-size: 12px;
    color: #d1d2d8;
    text-decoration: none;}
.foot .lt dl.dl1 dd:nth-child(2n){ clear:left;}
.foot .rt{ float:right;}
.foot .rt .h1{ /*font-size:22px;*/ line-height:43px; margin-bottom:9px;    font-size: 16px;
    color: #fff;
    opacity: 1;}
.foot .rt .h2{ /*font-size:21px;*/ /*line-height:40px;*/ /*margin-bottom:18px; */   position: relative;
    color: #d1d2d8;
    margin-bottom: 8px;
    font-size: 12px;}
.foot .rt .f_ewm{ text-align:center; width:170px;}
.foot .rt .f_ewm img{ display:block; margin:0 auto; width:136px; height:atuo;/*height:170px;*/margin-left: 3px;}
.foot .rt .f_ewm span{ display:block; /*font-size:17px; */line-height:30px; margin-top:3px;    margin-left: -58px;
    font-size: 12px;
    color: #d1d2d8;}


/*Add------------------------------------------------------------------------------*/


.inbanner{ position:relative;}
.inbanner img{ display:block; width:100%;}
.inbanner .txtbg{ width:90%; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); /*display:none;*/}
.inbanner .txt{ text-align:center; color:#fff;}
.inbanner .txt .h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
.inbanner .txt .h3{ font-size:46px; line-height:64px; margin-bottom:20px; font-weight:bold;letter-spacing: 4px;}
.inbanner .txt .h4{ font-size:24px; line-height:34px;}


.innav{}
.innav ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap:wrap;}
.innav ul li{ font-size:16px; line-height:38px; margin:0 40px 10px 0;width: 160px;}
.innav ul li a{ display:block; vertical-align:top; text-align:center; background:#008cfd; color:#ffffff; padding:0 37px; border-radius:8px; box-shadow:5px 5px 5px rgba(0,0,0,.1); border:1px solid rgba(0,0,0,.05); }
.innav ul li:hover>a,.innav ul li.active>a{ background:#92cffe; color:#fff;}


.insidebg{ padding:60px 0 120px 0; }
.inside{}
.inside .innav{ margin-bottom:60px;}


.case1{}
.case1 .list{}
.case1 .list ul li{ float:left; width:28%; margin: 60px 0 60px 8%; box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.05); background:#fff; border-radius:8px; overflow:hidden; transition:all .3s ease;}
.case1 .list ul li:hover{ box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.1); transform:translateY(-15px);}
.case1 .list ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.case1 .list ul li .img{ padding-bottom:60%; position:relative;}
.case1 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.case1 .list ul li .txtbg{ padding:20px 30px;}
.case1 .list ul li .ico{ height:50px; position:relative; margin-bottom:20px;}
.case1 .list ul li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.case1 .list ul li .txt{ color:#333;}
.case1 .list ul li .txt .h2{ font-size:20px; line-height:30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

.case2{ }
.case2 .list{}
.case2 .list ul li{ float:left; width:22%; margin: 40px 0 40px 4%; transition:all .3s ease;}
.case2 .list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.case2 .list ul li .nr_box{ background:#fff url(../images/case_bg.jpg) top center no-repeat; background-size:100% auto; box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.05); border-radius:8px; padding:25px 5% 20px 5%; transition:all .3s ease; overflow:hidden;}
.case2 .list ul li:hover .nr_box{ box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.1); transform:translateY(-15px);}
.case2 .list ul li .ico{ height:36px; position:relative; margin-bottom:35px;}
.case2 .list ul li .ico img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.case2 .list ul li .img{ padding-bottom:52%; position:relative; border-radius:8px; overflow:hidden; margin-bottom:10px;}
.case2 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.case2 .list ul li .txt{ color:#333;}
.case2 .list ul li .txt .h2{ /*font-size:12px; line-height:22px; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;*/    font-size: 15px;
    line-height: 30px;
    color: #454545;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;}
.case2 .list ul li .txt .h3{ font-size:16px; line-height:26px; color:#008cfd; text-align:center;}
.case2 .list ul li:hover .txt .h3{ color:#008cfd;}


.partner1bg{ padding:120px 0 60px 0;}
.partner1{width: 1170px;
    margin: 0 auto;}
.partner1 .list{ margin-top:70px;}
.partner1 .list ul li{ float:left; width:calc((100% - 4px)/3); margin:0 0 60px 2px; text-align:center;}
.partner1 .list ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.partner1 .list ul li .imgbg{ padding-bottom:35%; position:relative;}
.partner1 .list ul li .imgbg .img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.partner1 .list ul li .imgbg .ico{ max-width:58px; max-height:58px; position:absolute; left:35px; top:50%; transform:translateY(-50%);}
.partner1 .list ul li .txt{ margin-top:40px; padding:0 5%;}
.partner1 .list ul li .txt .h2{/* font-size:30px; */line-height:40px; /*margin-bottom:30px; font-weight:bold;*/    font-size: 24px;
    color: #383838;
    margin-bottom: 27px;
    font-weight: normal;
	
	}
.partner1 .list ul li .txt .h3{ /*font-size:20px; line-height:30px; color:#999;*/    font-size: 18px;
    color: #808080;
    line-height: 28px;}

.partner2bg{ padding:60px 0 60px 0; background:#e9f3ff;}
.partner2{width: 986px;
    margin: 0 auto;}
.partner2 .list{ margin-top:60px;}
.partner2 .list ul li{ margin-bottom:60px; background:#fcfafb; border-radius:8px; padding:50px 50px 50px 50px;}
.partner2 .list ul li:hover{ background:#fff; box-shadow:0 18px 54px rgba(240, 242, 244, 1);}
.partner2 .list ul li .nr_box{ padding:0 0 0 250px; position:relative;}
.partner2 .list ul li .num{ /*color:#008cfd; font-size:50px; line-height:1em; position:absolute; top:0; left:0;*/
    color: #008cfd;
    font-size: 36px;
    line-height: 1em;
    position: absolute;
    top: 8px;
    left: 29px;
}
.partner2 .list ul li .num:before{ content:"";display: block; width: 1px; height: 92px; background: rgba(0,140,253,.5); position: absolute; right: -8px; top: 0px; transform: rotate(35deg);}
.partner2 .list ul li .txtbg{}
.partner2 .list ul li .txt{margin-left: -79px;}
.partner2 .list ul li .txt .h2{ font-size:24px; line-height:50px; color:#008cfd; margin-bottom:13px;font-weight: normal;
    font-size: 24px;letter-spacing: 1px;}
.partner2 .list ul li .txt .h3{ font-size:18px; line-height:30px; color:#999;letter-spacing: 1px;}


.more2{}
.more2 span{ display:inline-block; text-align:center; line-height:60px; padding:0 30px; background:#0f2f56; color:#fff; font-size:30px; border-radius:70px;}
.more2 span:hover{ box-shadow:4px 4px 30px rgba(0, 140, 253, 0.4), inset 1px 2px 4px rgba(0, 0, 0, 0.1); background:#008cfd;}
.proDetail1bg{ padding:120px 0;}
.proDetail1{}
.proDetail1 .list{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.proDetail1 .list .txtbg{ width:44%;}
.proDetail1 .list .txt{}
.proDetail1 .list .txt .h2{ font-size:40px; line-height:50px; margin-bottom:30px;}
.proDetail1 .list .txt .h3{ font-size:20px; line-height:30px; margin-bottom:60px;}
.proDetail1 .list .img{ width:49%;}
.proDetail1 .list .img img{ display:block; width:100%;}

.tit7{ text-align:center;}
.tit7 .h2{ font-size:60px; line-height:70px; }
.proDetail2bg{ padding:120px 0;}
.proDetail2{}
.proDetail2 .list{ margin-top:120px;}
.proDetail2 .list img{ display:block; margin:0 auto; max-width:100%;}

.proDetail3bg{}
.proDetail3{}
.proDetail3 .list{}
.proDetail3 .list ul li{ padding:60px 0;}
.proDetail3 .list ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.proDetail3 .list ul li .txtbg{ width:44%;}
.proDetail3 .list ul li .txt{}
.proDetail3 .list ul li .txt .h2{ font-size:40px; line-height:50px; margin-bottom:20px;}
.proDetail3 .list ul li .txt .line1{ width:100px; height:8px; background:#0e2e54; margin-bottom:40px;}
.proDetail3 .list ul li .txt .h3{ font-size:20px; line-height:30px;}
.proDetail3 .list ul li .img{ width:49%;}
.proDetail3 .list ul li .img img{ display:block; width:60%;text-align: center;
    margin: 0 auto;}
.proDetail3 .list ul li:nth-child(2n-1){ background:#eff6fe;}
.proDetail3 .list ul li:nth-child(2n) .nr_box{flex-direction: row-reverse;}


.tit8{ text-align:center;}
.tit8 .h2{ /*font-size:53px;*//* line-height:80px;*/ /*color:#0271cd;font-size: 40px;
    font-family: Microsoft YaHei,'瀹嬩綋';
    font-weight: bold;
    color: #0271cd;*/    font-size: 30px;
    font-family: Microsoft YaHei,'瀹嬩綋';
    font-weight: bold;
    color: #0271cd;}
.tit8 .h3{ font-size:16px; /*line-height:40px;*/ color:#999; margin-top:20px;}
.aboutus1bg{ padding:120px 0 60px 0;}
.aboutus1{width: 932px;
    margin: 0 auto;}
.aboutus1 .list{ margin-top:60px;}
.aboutus1 .list ul li{ float:left; width:40%; margin:8px 0 0 20%; font-size:18px; line-height:34px;font-weight: 600;}
.aboutus1 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.aboutus1 .list ul li .h2{ padding-left:40px; position:relative;    font-size: 14px;
    font-family: Microsoft YaHei,'瀹嬩綋';
    font-weight: bold;
    color: #555555;}
.aboutus1 .list ul li .h2 i{ width:32px; height:34px; position:absolute; top:0; left:0;}
.aboutus1 .list ul li .h2 i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;max-width: 31px;
    max-height: 31px
px
;
    object-fit: cover;}

.aboutus2bg{ padding:60px 0 60px 0; background:#f7f7f7;}
.aboutus2{width: 932px;
    margin: 0 auto;}
.aboutus2 .list{ margin-top:60px;}
.aboutus2 .list ul li{ float:left; width:49%; margin:0 0 25px 2%; background:#fff;}
.aboutus2 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.aboutus2 .list ul li .txt{ padding:30px 5%; height:140px;}
.aboutus2 .list ul li .txt .h2{ padding-left:40px; background:url(../images/ico_up1.png) left top no-repeat; font-size:24px; line-height:33px; color:#0271cd; margin-bottom:20px;}
.aboutus2 .list ul li .txt .h3{ font-size:20px; line-height:30px; margin-top:10px;font-size: 14px;
    font-family: Microsoft YaHei,'瀹嬩綋';
    font-weight: bold;
    color: #555555;}

.aboutus3bg{ padding:120px 0 60px 0; }
.aboutus3{    width: 1185px;
    margin: 0 auto;}
.aboutus3 .list1{ margin-top:18px;}
.aboutus3 .list1 .txt{ font-size:29px; line-height:2em; margin-bottom:60px;   
    font-size: 20px;
    font-family: Microsoft YaHei,'瀹嬩綋';
    color: #555555;
    line-height: 26px;
    text-indent: 25px;}
	.aboutus3 .list1 .txt p {
    line-height: 1.5em;
    /* padding: 5px 0; */
    font-size: 16px;
    font-family: Microsoft YaHei,'瀹嬩綋';
    color: #000000;
    line-height: 33px;
    text-indent: 25px;
	    letter-spacing: 1px;}
.aboutus3 .list1 .img{}
.aboutus3 .list1 .img img{ display:block; margin:0 auto; max-width:100%;}
.aboutus3 .list2{ margin-top:60px;}
.aboutus3 .list2 ul li{ float:left; width:30%; margin:0  0 20px 5%; height:170px; background:url(../images/about_bg1.jpg) center no-repeat; background-size:100% 100%; border-radius:8px;}
.aboutus3 .list2 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.aboutus3 .list2 ul li .txt{ color:#fff; padding:20px 5% 0 10%;}
.aboutus3 .list2 ul li .txt .h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
.aboutus3 .list2 ul li .txt .h3{ font-size:16px; line-height:26px;}

.aboutus4bg{ padding:60px 0 60px 0; background:#f7f7f7;}
.aboutus4{    width: 932px;
    margin: 0 auto;}
.aboutus4 .list{ margin-top:60px;}
.gallery-top { width: 100%; padding-bottom:40px !important;}
.gallery-top .swiper-slide{}
.gallery-top .swiper-slide .nr_box{ box-shadow:0 0 10px rgba(0,0,0,.1); background:#fff; margin:10px;/* padding:40px 3%;*/ border-radius:10px;}
.gallery-top .swiper-slide .img{ float:left; width:56%;}
.gallery-top .swiper-slide .img img{ display:block; width:100%;}
.gallery-top .swiper-slide .txtbg{ float:right; width:40%;}
.gallery-top .swiper-slide .txt{ max-height:300px; overflow-y:auto;}
.gallery-top .swiper-slide .txt .h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
.gallery-top .swiper-slide .txt .h3{ font-size:20px; line-height:30px;}
.gallery-top .swiper-slide .txt ul{}
.gallery-top .swiper-slide .txt ul li{ margin-top:10px;}
.gallery-top .swiper-slide .txt ul li strong{ font-weight:normal;}
.gallery-top .swiper-button{ height:32px; position:absolute; bottom:10px; left:50%; transform:translateX(-50%);}
.gallery-top .swiper-button-prev,.gallery-top .swiper-button-next{ float:left; margin:0 10px !important; width:30px !important; height:30px !important; border:1px solid #eee; background-color:#fff; background-size:10px 20px !important; border-radius:100%; position:static !important;}
.gallery-thumbsbg{ padding-top:10px; overflow:hidden; }
.gallery-thumbs { border-top:1px solid #9f9f9f; overflow:visible !important;}
.gallery-thumbs .swiper-slide { text-align:center; cursor:pointer;}
.gallery-thumbs .swiper-slide .txt{ }
.gallery-thumbs .swiper-slide .h2{ color:#999; font-size:20px; line-height:40px; }
.gallery-thumbs .swiper-slide .h3{ color:#999; font-size:18px; line-height:28px;}
.gallery-thumbs .swiper-slide:before{ content:""; width:10px; height:10px; border-radius:100%; background:#008cfd; position:absolute; top:-5px; left:50%; transform:translateX(-50%); display:none;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h2{ color:#0271cd; transform:scale(1.1);}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .h3{ color:#0271cd; transform:scale(1.1);}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{ display:block;}


.aboutus5bg{ padding:60px 0 80px 0; }
.aboutus5bg .wapper1{ max-width:1200px;}
.aboutus5{}
.aboutus5 .list{ margin-top:60px;}
.aboutus5 .list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap:wrap-reverse;}
.aboutus5 .list ul li{/* float:left;*/ width:18%; margin:0 1% 40px 1%; text-align:center;}
/*.aboutus5 .list ul li:nth-child(3n-2){ margin-left:0; clear:left;}*/
.aboutus5 .list ul li .img{ padding-bottom:75%; position:relative;}
.aboutus5 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.aboutus5 .list ul li .txt{ margin-top:15px;}
.aboutus5 .list ul li .txt .h2{ font-size:24px; line-height:1em; margin-bottom:10px; display:none;}
.aboutus5 .list ul li .txt .h3{ font-size:16px; line-height:26px; font-weight:bold;}


.shaixuan1{ background:#fff; border-radius:10px; padding:25px 30px 1px 30px; font-size:14px; line-height:32px;}
.shaixuan1 dl{ margin-bottom:10px;}
.shaixuan1 dl dt{ float:left; width:110px;}
.shaixuan1 dl dd{ float:right; width:calc(100% - 110px);}
.shaixuan1 a{ margin:0 15px 15px 0; display:inline-block; border-radius:5px; background:#f7f8fa; color:#333; padding:0 15px;}
.shaixuan1 a:hover{ color:#1890ff;}
.shaixuan1 a.on{ background:#e6f7ff; color:#1890ff;}


.tit9{ text-align:center;}
.tit9 .h2{ /*font-size:50px; line-height:60px; font-weight:bold;*/    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;}
.tit9 .h2 span{ color:#008cfd;    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;}
.proDetail_add1bg{ padding:120px 0 60px 0;}
.proDetail_add1{}
.proDetail_add1 .list{ margin-top:60px;}
.proDetail_add1 .list ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.proDetail_add1 .list ul li{ width:16%; margin:0 10px; background:#e5f1fd; border-radius:8px; height:150px; overflow:hidden; position:relative;}
.proDetail_add1 .list ul li .nr_box{ padding:30px 0 0 0;}
.proDetail_add1 .list ul li .img{ height:40px; position:relative;}
.proDetail_add1 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.proDetail_add1 .list ul li .txt{ text-align:center; margin-top:15px;}
.proDetail_add1 .list ul li .txt .line1{ /*width:60%; height:8px; border-radius:10px;*/ margin:0 auto; background:#008cfd;    border-radius: 4px;
    height: 4px;
    width: 60px;}
.proDetail_add1 .list ul li .txt .h2{ font-size:20px; line-height:30px; margin-top:10px;}
.proDetail_add1 .list ul li .txt2bg{ background:#008cfd; border-radius:8px; width:100%; height:100%; position:absolute; top:100%; left:0; transition:all .3s ease;}
.proDetail_add1 .list ul li:hover .txt2bg{ top:0;}
.proDetail_add1 .list ul li .txt2{ color:#fff; text-align:center; padding:20px 5% 0 5%;}
.proDetail_add1 .list ul li .txt2 .line1{ width:60%; height:8px; border-radius:10px; margin:0 auto; background:#fff;}
.proDetail_add1 .list ul li .txt2 .h2{ font-size:20px; line-height:30px; margin-top:10px;}
.proDetail_add1 .list ul li .txt2 .h3{ font-size:14px; line-height:24px; margin-top:5px;}

.proDetail_add2bg{ padding:60px 0 95px 0;}
.proDetail_add2{}
.proDetail_add2 .list{ margin-top:60px;}
.proDetail_add2 .list .txt{ font-size:20px; line-height:2em;    text-indent: 2em;}
.proDetail_add2 .list .img{}
.proDetail_add2 .list .img img{ max-width:100%;}

.more4{    padding-top: 11px;
    padding-bottom: 38px;}
.more4 span{ display:inline-block; text-align:center; font-size:20px; line-height:50px; border-radius:0 16px 0 16px; padding:0 30px; min-width:100px; background:#008cfd; color:#fff;}
.more4 span:hover{ background:#ffaf00;}
.proDetail_add3bg{ padding:0px 0 60px 0;    margin-top: -64px;}
.proDetail_add3{}
.proDetail_add3 .list{ margin-top:60px;}
.proDetail_add3 .list ul li{/* margin-bottom:80px;*/ padding:60px 0 60px 0;}
.proDetail_add3 .list ul li:nth-child(2n-1){ background:#eff6fe;}
.proDetail_add3 .list ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.proDetail_add3 .list ul li .txtbg{ width:45%;}
.proDetail_add3 .list ul li .txt{}
.proDetail_add3 .list ul li .txt .h2{ /*font-size:50px; line-height:60px;*/ color:#008cfd;font-size: 40px;
    font-weight: 600;
    line-height: 23px;}
.proDetail_add3 .list ul li .txt .h3{ font-size:20px; line-height:30px; margin-top:60px; margin-bottom:30px;}
.proDetail_add3 .list ul li .txt .h3 p{ background:url(../images/ico_gou.png) left top 7px no-repeat; padding-left:30px;font-weight: 400;
    font-size: 18px;
      padding-bottom: 20px;}
.proDetail_add3 .list ul li .img{ width:45%; text-align:center;}
.proDetail_add3 .list ul li .img img{ max-width:100%;  /*  max-width: 71%;*/
    padding-top: 56px;}
.proDetail_add3 .list ul li:nth-child(2n) .nr_box{ flex-direction: row-reverse;}



.aboutus6bg{ padding:53px 0 35px 0; background:url(../images/a_bg1.png) bottom center no-repeat;}
.aboutus6{}
.aboutus6 .tit8 .h2{ /*font-size:75px; line-height:85px;*/    font-size: 30px;
    font-family: "Microsoft YaHei", 瀹嬩綋;
    font-weight: bold;
    color: rgb(2, 113, 205);}
.aboutus6 .tit8 .h3{ /*font-size:35px; line-height:45px;*/font-size: 16px;color: #999;
    margin-top: 20px;}
.aboutus6 .list1{ margin-top:52px;}
.aboutus6 .list1 ul li{ float:left; width:50%; margin:0 0 50px 0;}
.aboutus6 .list1 ul li .h2{ font-size:28px; line-height:38px; padding-left:40px; position:relative;}
.aboutus6 .list1 ul li .h2 i{ width:38px; height:38px; position:absolute; top:0; left:0;}
.aboutus6 .list1 ul li .h2 i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.aboutus6 .list1 ul li .h2 span{}
.aboutus6 .list2{}
.aboutus6 .list2 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 0 20px 20px;}
.aboutus6 .list2 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.aboutus6 .list2 ul li .txt{ padding:30px 20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); border-radius:10px;}
.aboutus6 .list2 ul li .txt .h2{ font-size:25px; line-height:35px; padding-left:40px; background:url(../images/a_bg3.png) left top 1px no-repeat; margin-bottom:20px;}
.aboutus6 .list2 ul li .txt .h3{ font-size:15px; line-height:25px; margin-top:10px;}

.aboutus7bg{ padding:0 0 80px 0; }
.aboutus7{}
.aboutus7 .tit8 .h2{ /*font-size:75px; line-height:85px;*/    font-size: 30px;
    font-family: "Microsoft YaHei", 瀹嬩綋;
    font-weight: bold;
    color: rgb(2, 113, 205);}
.aboutus7 .tit8 .h3{ /*font-size:35px; line-height:45px;*/    font-size: 16px;
       color: #999;
    margin-top: 20px;}
.aboutus7 .list{ margin-top:47px;}
.aboutus7_lt{ float:left; width:50%;}
.aboutus7_lt .nr_box{ padding:0 30px 0 0;}
.aboutus7_lt .h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
.aboutus7_lt .h3{ font-size:20px; line-height:30px;}
.aboutus7_lt .h4{ font-size:14px; line-height:24px; background:#f3f3f3; border-radius:10px; padding:40px 20px;}
.aboutus7_lt .h4 ul li{ float:left; width:25%; }
.aboutus7_lt .h4 ul li .txt{ padding:0 15px; border-left:2px solid #2e6edc;}
.aboutus7_lt .h4 ul li:nth-child(1) .txt{ border-left:none;}
.aboutus7_lt .h4 ul li .txt strong{ display:block; font-size:28px; line-height:1em; color:#2e6edc; margin-bottom:15px;}
.aboutus7_lt .h4 ul li .txt span{ display:block;}
.aboutus7_rt{ float:right; width:50%; margin-top:60px;}
.aboutus7_rt img{ width:100%;}

.aboutus8bg{ padding:140px 0 120px 0; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.aboutus8bg:before{ content:""; width:100%; height:100%; background:#00a7ff; opacity:.62; position:absolute; top:0; left:0; z-index:1;}
.aboutus8{ position:relative; z-index:2; color:#fff;}
.aboutus8 .tit8 .h2{ font-size:75px; line-height:85px;}
.aboutus8 .tit8 .h3{ font-size:35px; line-height:45px;}
.aboutus8 .list{ }
.aboutus8 .list ul li{ float:left; width:50%;}
.aboutus8 .list ul li:nth-child(2n-1){ clear:left;}
.aboutus8 .list ul li .txt{ padding:0 25%; border-left:2px solid #fff;}
.aboutus8 .list ul li:nth-child(2n-1) .txt{ border-left:none;}
.aboutus8 .list ul li .txt .h2{ font-size:30px; line-height:40px; margin-bottom:20px;}
.aboutus8 .list ul li .txt .h3{ font-size:15px; line-height:25px;}


.knowledge1bg{ padding:50px 0 10px 0;}
.knowledge1{}
.knowledge1 .list{ margin-top:30px;}
.knowledge1 .list ul li{ float:left; width:calc((100% - 150px)/4); margin:0 0 50px 50px; text-align:center;}
.knowledge1 .list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.knowledge1 .list ul li .img{ padding-bottom:74%; position:relative;}
.knowledge1 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.knowledge1 .list ul li .txt{ margin-top:25px;}
.knowledge1 .list ul li .txt .h2{ font-size:16px; line-height:20px; font-weight:bold; margin-bottom:5px;}
.knowledge1 .list ul li .txt .h3{ font-size:14px; line-height:18px; margin-bottom:5px;}
.knowledge1 .list ul li .txt .h4{ font-size:12px; line-height:16px;}

.knowledge2bg{ padding:50px 0 10px 0; background:#edeef3;}
.knowledge2{}
.knowledge2 .list{ margin-top:40px;}
.slideTxtBox_02{}
.slideTxtBox_02 .hd{ margin-bottom:40px;}
.slideTxtBox_02 .hd ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.slideTxtBox_02 .hd ul li{ cursor:pointer; font-size:18px; line-height:40px; padding:0 10px; min-width:160px; text-align:center; background:#fff; margin:0 10px;}
.slideTxtBox_02 .hd ul li.on{ background:#1185e3; color:#fff;}
.slideTxtBox_02 .bd{}
.knowledge2_list ul li{ float:left; width:calc((100% - 150px)/4); margin:0 0 50px 50px; background:#fff; text-align:center;}
.slideTxtBox_02 .bd .knowledge2_list ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.knowledge2_list ul li .img{ padding-bottom:65%; position:relative;}
.knowledge2_list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.knowledge2_list ul li .txt{ padding:15px 20px;}
.knowledge2_list ul li .txt .h2{ font-size:16px; line-height:26px; font-weight:bold; margin-bottom:15px;}
.more5{ text-align:center;}
.more5 span{ display:inline-block; text-align:center; font-size:14px; line-height:26px; padding:0 10px; min-width:80px; background:#1185e3; color:#fff;}
.more5 span:hover{ opacity:.9;}

.tc_czzn_box{ display:none;}
.tc_czzn_close1{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; z-index:98; top:0; left:0;}
.tc_czznbg{ width:90%; max-width:490px; position:fixed; z-index:99; top:50%; left:50%; transform:translate(-50%,-50%);}
.tc_czzn{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.tc_czzn .h2{ font-size:14px; line-height:40px; padding:0  40px 0 20px; background:#f2f5f5;}
.tc_czzn_close2{ font-size:20px; cursor:pointer; width:40px; height:40px; line-height:40px; text-align:center; position:absolute; top:0; right:0;}
.tc_czzn_con{ padding:30px 20px;}
.tc_czzn .img{ float:left; width:150px;}
.tc_czzn .img img{ width:100%;}
.tc_czzn .txt{ float:right; width:calc(1005 - 190px);}
.tc_czzn .txt .h3{ font-size:14px; line-height:24px; margin-bottom:10px;}
.tc_czzn .txt .h4{ font-size:14px; line-height:24px;}
.more6{ text-align:center;}
.more6 a{ display:inline-block; margin:0 8px;}
.more6 span{ display:inline-block; text-align:center; font-size:14px; line-height:30px; border:1px solid #c4c8cc; padding:0 10px; min-width:60px; border-radius:5px;}
.more6 .bg1 span{ border-color:#1185e3; background:#1185e3; color:#fff;}
.tc_czzn .more6{ margin-top:30px;}