﻿@charset "utf-8";
/* CSS Document */

*{padding: 0px;margin: 0px;font-family:"思源黑体";}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li{ margin: 0; padding: 0; list-style: none; }
html{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none;}
body,html {height: 100%;width: 100%;font-size: 100px;}

img{vertical-align: middle;}


.icen {width: 100%; max-width:1580px; padding:0 15px; margin:0 auto;}
.icen1 {width: 100%; max-width:1280px; padding:0 20px; margin:0 auto;}
.container2 {width: 100%; max-width:1360px; padding:0 15px; margin:0 auto;}

@media (max-width: 576px) {
  .icen {max-width: 540px;}
}

@media (max-width: 768px) {
  .icen {max-width: 720px;}
}

@media (max-width: 992px) {
  .icen {max-width: 960px;}
}

@media (max-width: 1200px) {
  .icen {max-width: 1140px;}
}



.header{width:100%; padding:0.13rem 3%;background:#fff;position:fixed;top:0;left:0;z-index:10000;border-bottom:1px solid hsla(0,0%,100%,0);}
.header .box{display:flex;align-items: center;}
.header .logo{width:15%;}
.header .logo img{width:2rem;}

.header .tools{ width:15%; display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.header .tools .btn{font-size:20px; color:#014099;position:relative}
.header .tools .btn span{display:inline-block;vertical-align:2px;font-size:12px;letter-spacing:1px;margin-left:0.5208333333vw}
.header .tools .btn:after{content:"";display:block;position:absolute;top:0;left:0;height:61px;width:100%;padding:0 1.04167vw}
.header .tools .think_nav{margin-left:0;display:inline-block;vertical-align:top; width:1.6rem; height:0.4rem;line-height:0.36rem;border-radius:0.2rem; text-align:center; border:1px solid #f00;color:#f00;margin-right:0.3rem;}
.header .tools .think_nav a{ color:#f00;}
.header .tools .think_nav:hover { background:#f00; border-radius:25px;}
.header .tools .think_nav:hover a{ color:#fff;}

.header .tools .btn_search{padding:0;margin:0;border:none;background:none}

.header .search_container{display:none;position:absolute;top:0.75rem;left:0;background:#f00;overflow:hidden;width:100%;text-align:center;padding:0.1rem 0}
.header .search_container .btn_close{position:absolute;top:0.1rem;right:12.5%;width:30px;height:30px;text-align:center;line-height:50px;font-size:14px;color:#fff;}
.header .search_container form{display:inline-block;}
.header .search_container .btn_search{font-size:20px;cursor:pointer;width:0.5rem;text-align:center;background:none; border:none; outline:none;}
.header .search_container .group_control{padding:0;margin:0;border:none;background:none;height:40px;border-bottom:1px solid #fff;font-size:14px;color:#fff;padding:0 0.1rem;width:3rem;outline:none;}
.header .search_container input::-webkit-input-placeholder{font-size:14px;color:#fff;outline:none;}
.header .search_container input::-moz-placeholder{font-size:14px;color:#fff;outline:none;}
.header .search_container input:-moz-placeholder{font-size:14px;color:#fff;outline:none;}
.header .search_container input:-ms-input-placeholder{font-size:14px;color:#fff;outline:none;}


.main_nav{ width:70%;font-size:0;}
.main_nav li{display:inline-block}
.main_nav li a{color:#333;font-size:0.14rem; font-weight:700;}
.main_nav li.active>a{color:#f00}
.main_nav .nav>li{padding:0 0.1rem}
.main_nav .nav>li>a{line-height:48px;position:relative}
.main_nav .nav>li:hover>a{color:#f00}
.main_nav .sub_nav{position:absolute;top:0.75rem;left:0;width:100%;}
.main_nav .dropdown_wrapper{display:block;width:100%; background:#ebebeb;font-size:0; height:4.5rem;}
.main_nav .dropdown_wrapper .sum{display:inline-block;vertical-align:top;width:15%; height:100%; background:#666370; padding:3% 2%;}
.main_nav .dropdown_wrapper .sum .i_tit2{ width:100%;position:relative; margin-bottom:0.3rem;}
.main_nav .dropdown_wrapper .sum .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.main_nav .dropdown_wrapper .sum .txt{ font-size:0.16rem; color:#fff; line-height:0.3rem;}
.main_nav .dropdown_wrapper .dropdown{display:inline-block;vertical-align:top;width:15%; height:100%; padding:3% 2%; border-right:1px solid #ccc;}
.main_nav .dropdown_wrapper .dropdown>ul{position:relative}
.main_nav .dropdown_wrapper .dropdown>ul:before{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;content:"";display:block;position:absolute;top:0;width:1px;height:120px;right:0;background-color:#ededed}
.main_nav .dropdown_wrapper .dropdown ul>li{display:block;position:relative}
.main_nav .dropdown_wrapper .dropdown ul>li a{font-size:18px;color:#666;color:#fff;color:#333;font-size:14px;position:relative;display:block;padding-bottom:14px}
.main_nav .dropdown_wrapper .dropdown ul>li a span{display:inline-block;font-size:15px; position:absolute;right:0; top:0.1rem;opacity:0;visibility:hidden;color:#333}
.main_nav .dropdown_wrapper .dropdown ul>li.on a span,.main_nav .dropdown_wrapper .dropdown ul>li.active a span{opacity:1;visibility:visible;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.main_nav .dropdown_wrapper .dropdown_info{display:inline-block;vertical-align:top;position:relative;width:15%; height:100%; padding:3% 0.1rem 3% 2%; border-right:1px solid #ccc;}
.main_nav .dropdown_wrapper .dropdown_info>ul{ width:100%;display:inline-block;vertical-align:top}
.main_nav .dropdown_wrapper .dropdown_info li{ width:100%;display:none}
.main_nav .dropdown_wrapper .dropdown_info li>a{ width:100%;display:block;font-size:14px;padding-bottom:14px; position:relative;}
.main_nav .dropdown_wrapper .dropdown_info li>a span{display:inline-block;font-size:15px; position:absolute;right:0; top:0.1rem;opacity:0;visibility:hidden;color:#333;}
.main_nav .dropdown_wrapper .dropdown_pic{display:inline-block;width:55%; height:100%; padding:3% 2%;}
.main_nav .dropdown_wrapper .dropdown_pic img{width:5rem}
.main_nav .dropdown_wrapper .sub-menu__pic{display:inline-block;width:55%; height:100%; padding:3% 2%;}
.main_nav .dropdown_wrapper .sub-menu__pic .flex{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.main_nav .dropdown_wrapper .sub-menu__pic .img{ width:0.8rem; position:relative; margin-right:0.4rem;}
.main_nav .dropdown_wrapper .sub-menu__pic .img img{ width:100%;}
.main_nav .dropdown_wrapper .sub-menu__pic .wen{width: calc(100% - 1.4rem); font-size:0.24rem; font-style:italic; line-height:0.4rem; color:#333;}
.main_nav .dropdown_wrapper .sub-menu__pic .wen strong{ color:#7da7d9;}
.main_nav .dropdown_wrapper .sub-menu__pic .ziyuan{ width:4.2rem; height:2rem; border-radius:0.4rem; padding:0.1rem 0.7rem 0.1rem 0.2rem; position:relative;} 
.main_nav .dropdown_wrapper .sub-menu__pic .ziyuan .i_tit2{ width:100%; position:relative;}
.main_nav .dropdown_wrapper .sub-menu__pic .ziyuan .i_tit2 h1{ font-size:0.24rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.main_nav .dropdown_wrapper .sub-menu__pic .ziyuan:before{display:block;content:"";position:absolute;width:1.4rem;height:1.4rem;right:0;top:0.5rem; z-index:10;background:url(nav/ziyuan.png) no-repeat; border-radius:50%;}
.main_nav .dropdown_wrapper .sub-menu__pic .ziyuan .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.main_nav .dropdown_wrapper .sub-menu__pic .ziyuan .more1{ margin-left:0; border:1px solid #7da7d9; color:#7da7d9;}

.main_nav .dropdown_wrapper .sub-menu__content a.on span,.main_nav .dropdown_wrapper .sub-menu__content a.active span{opacity:1;visibility:visible;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}
.main_nav .dropdown_wrapper .dropdown_pic figure{display:none}
 
.main_nav .sub_nav{display:none}
.main_nav .dropdown_wrapper .dropdown ul>li:hover a,.main_nav .dropdown_wrapper .dropdown ul>li.active a{color:#f00}
.main_nav .dropdown_wrapper .dropdown_info dd a:hover,.main_nav .dropdown_wrapper .dropdown_info li>a:hover,.main_nav .dropdown_wrapper .dropdown_info li>a.active,.main_nav .dropdown_wrapper .dropdown_info li>a.on{color:#f00}
.main_nav .nav>li.hasClass>a:after{opacity:1;visibility:visible}
.modal-lang__list ul li a:hover:before,.modal-lang__list ul li.active a:before{width:100%}
.header .btn:hover,.header .btn.active{color:#333}

.placeholder{height:0.8rem;}
 
/*banner*/
.banner{ width:100%;position:relative;}
.banner:before{ display:block;position: absolute; content: ""; width: 100%; height:100%; left: 0; top:0; background:rgba(0,0,0,0.5); z-index: 3;}
.banner .video{ width:100%; height:90vh; overflow:hidden;}
.banner .video video{ width:100%;}
.banner .txt{width:100%; position:absolute; left:0; top:50%;transform: translateY(-50%);display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index: 5;}
.banner .txt .top{ width:100%;display: flex;align-items: center;}
.banner .txt .top .le{ width:49%; margin-right:1%; padding-right:1%; position:relative; text-align:right;}
.banner .txt .top .le:before{ display:block;position: absolute; content: ""; width: 5px; height:1.5rem; right: 0; top:0.25rem; background: #f00; z-index: 3;}
.banner .txt .top .le h1{ font-size:0.9rem; color:#f00;}
.banner .txt .top .le h2{ font-size:0.5rem; color:#fff;}
.banner .txt .top .re {width:49%;}
.banner .txt .top .re h1{ font-size:0.22rem; color:#fff; line-height:0.4rem;}
.banner .txt .bot{ width:100%;display: flex;align-items: center; margin-top:0.5rem;}
.banner .txt .bot .le{ width:49%; margin-right:1%; padding-right:1%; position:relative; text-align:right;}
.banner .txt .bot .re {width:49%;}
.banner .txt .bot .le .more { width:200px; height:50px; border:2px solid #f00; color:#fff; text-align:center; border-radius:25px; margin-left:auto;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.banner .txt .bot .le .more a { display:block; font-size:16px; color:#fff;}
.banner .txt .bot .le .more:hover { background:#f00; border-radius:25px; border:none;}
.banner .txt .bot .re .more { width:200px; height:50px; border:2px solid #7da7d9; color:#fff; text-align:center; border-radius:25px;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.banner .txt .bot .re .more a { display:block; font-size:16px; color:#fff;}
.banner .txt .bot .re .more:hover { background:#7da7d9; border-radius:25px; border:none;}

.more1 { width:1.8rem; height:0.55rem; border:1px solid #f00; text-align:center; border-radius:0.3rem; margin-top:0.2rem; margin-left:auto;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.more1 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#f00; border-radius:25px;}
.more1:hover { background:#f00; border-radius:25px;}
.more1:hover a{ color:#fff;}


.ind01 { width:100%;position: relative; padding:0.4rem 5%;}
.ind01 .i_tit{ width:100%; text-align:center; font-size:0.24rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.ind01 .ind01_nav {position: relative; height:1rem; margin-top:0.5rem;}
.ind01 .ind01_nav .swiper{display: flex; padding-bottom: 0.01rem; position:relative; }
.ind01 .ind01_nav .swiper .swiper-slide { width:100%; position:relative;  display:block;font-size:0.21rem; padding-top:0.1rem; border-top:4px solid #666;}
.ind01 .ind01_nav .swiper .swiper-slide h1 { font-size:0.18rem;color: #999;}
.ind01 .ind01_nav .swiper .swiper-slide p { font-size:0.16rem; line-height:0.25rem;color: #999; margin-top:0.15rem;}
.ind01 .ind01_nav .swiper .swiper-slide:hover { border-top:4px solid #f00;}
.ind01 .ind01_nav .swiper .swiper-slide:hover h1{ color:#000;}
.ind01 .ind01_nav .swiper .swiper-slide:hover p{ color:#000;}
.ind01 .ind01_nav .swiper .swiper-slide-thumb-active{ border-top:4px solid #f00;}
.ind01 .ind01_nav .swiper .swiper-slide-thumb-active h1{ color:#000;}
.ind01 .ind01_nav .swiper .swiper-slide-thumb-active p{ color:#000;}
.ind01 .content { width:100%;margin:0 auto;position: relative;}
.ind01 .content .swiper {overflow: hidden;}
.ind01 .content .swiper-slide{ width:100%; background:#fff;}
.ind01 .content .swiper-slide .img{ position:relative; width:100%; overflow:hidden;} 
.ind01 .content .swiper-slide .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: all .3s;}
.ind01 .content .swiper-slide .img .hezi{padding-bottom: 50% !important;}
.ind01 .content .swiper-slide .img:hover img{transform: scale(1.05);opacity: 0.7}


/* ind02 */
.ind02 {width:100%;position: relative; margin-top:0.4rem;}
.ind02 .i_tit2{ width:100%; text-align:center; position:relative; margin-bottom:0.3rem;}
.ind02 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}

.i01 {width:100%;position: relative; margin:0.4rem 0;} 
.i01 .box { display: flex; align-items: center; margin-bottom:0.3rem;}
.i01 .box .img {width: 50%;position: relative; margin-left:0.6rem;}
.i01 .box .img p{ width:5.4rem; position:relative; padding-left:6px; padding-bottom:6px;}
.i01 .box .img p:before{ display:block; content:""; position:absolute; width:6px; height:calc(100% - 6px); left:0;top:6px; background:#dddddd;}
.i01 .box .img p:after{ display:block; content:""; position:absolute; width:calc(100% - 6px); height:6px; right:6px;bottom:0; background:#dddddd;}
.i01 .box .img img{ width:100%;}
.i01 .box .txt { width: 50%;position: relative; padding:1rem 0.4rem 1rem 0; background:url(bg01.png) repeat;}
.i01 .box .txt .bg{ width: 0.8rem; height:0.8rem; position:absolute; right:0; top:calc(50% - 0.54rem); z-index:10;}
.i01 .box .txt .bg img{ width: 100%;}
.i01 .box .txt .con{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 1.2rem 0.6rem 0.6rem; border-radius: 0 0.3rem 0.3rem 0; border-left:none;}
.i01 .box .txt .con .text{ width: 4.3rem; margin-left:auto; text-align:left;}
.i01 .box .txt .con .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.i01 .box .txt .con .text p{font-size:0.18rem; color:#666; line-height: 0.3rem;}
.i01 .box .txt .more1{ margin-left:0;}

.i02 {width:100%;position: relative; margin:0.4rem 0;} 
.i02 .box { display: flex;align-items: center; margin-bottom:0.3rem;}
.i02 .box .img {width: 50%;position: relative; text-align:right; margin-right:0.6rem;}
.i02 .box .img p{ width:5.4rem; position:relative; padding-right:6px; padding-bottom:6px; margin-left:auto;}
.i02 .box .img p:before{ display:block; content:""; position:absolute; width:6px; height:calc(100% - 6px); right:0;top:6px; background:#dddddd;}
.i02 .box .img p:after{ display:block; content:""; position:absolute; width:calc(100% - 6px); height:6px; left:6px;bottom:0; background:#dddddd;}
.i02 .box .img img{ width:100%;}
.i02 .box .txt { width: 50%;position: relative; padding:1rem 0 1rem 0.4rem; background:url(bg01.png) repeat;}
.i02 .box .txt .bg{ width: 0.8rem; height:0.8rem; position:absolute; left:0; top:calc(50% - 0.54rem); z-index:10;}
.i02 .box .txt .bg img{ width: 100%;}
.i02 .box .txt .con{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 1.2rem 0.6rem 0.6rem; border-radius: 0.3rem 0 0 0.3rem; border-right:none;}
.i02 .box .txt .con .text{ width: 4.3rem; text-align:right;}
.i02 .box .txt .con h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.i02 .box .txt .con p{font-size:0.18rem; color:#666; line-height: 0.3rem;}
.i02 .box .txt .more1{ margin-left:auto;}



/* ind03 */
.ind03 {width:100%;position: relative; padding:0 0 0.6rem;}
.ind03 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.ind03 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.ind03 .con{ width:80%; margin:0 auto; padding:0.6rem; position:relative;} 
.ind03 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon04.png) no-repeat;}
.ind03 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.ind03 .con .box ul{ width:100%;display: flex;justify-content: center; align-items: center;}
.ind03 .con .box ul li {width: auto; text-align:center; margin:0 0.1rem;}
.ind03 .con .box ul li a{ display:block; padding:0.3rem 0;}
.ind03 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.ind03 .con .more1{ margin:0.3rem auto;}

 
/* ind04 */
.ind04 {width:100%;position: relative; background:url(ind04bg.png) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.ind04 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.1rem;}
.ind04 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.ind04 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;} 
.ind04 .con .number ul{display: flex;flex-wrap: wrap; margin-top:0.6rem;}
.ind04 .con .number li{ width:31%; position:relative;color: #333; margin-right: 3.5%; padding:0.3rem 0 0.4rem;display: flex;flex-wrap: wrap; border-top:1px solid #7da7d9;}
.ind04 .con .number li:nth-child(3n){ margin-right: 0;}
.ind04 .con .number li .txt{ width:80%; position:relative; color: #fff;display: flex;flex-wrap:wrap; align-items: center;}
.ind04 .con .number li .txt h1{font-size: 0.4rem;font-weight: 500; color:#fff;height: 0.35rem;line-height: 0.35rem;display: inline-block;margin-right:0.1rem;}
.ind04 .con .number li .txt h2{font-size: 0.22rem;margin-right:0.1rem;}
.ind04 .con .number li .txt h3{font-size:0.2rem; font-weight:bold;color:#7da7d9;height: 0.35rem;line-height: 0.35rem;}
.ind04 .con .number li .img{ width:20%;margin-bottom: 0; text-align:right;}


/* ind05 */
.ind05 {width:100%;position: relative; padding:0.3rem 0 0; background:url(bg01.png) repeat;}
.ind05 .i_tit2{ width:100%; text-align:center; position:relative;}
.ind05 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.ind05 .con{ width:80%; margin:0 auto; padding:0.6rem; position:relative;} 
.ind05 .con .box{ width: 100%;position: relative;}
.ind05 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.6rem;}
.ind05 .con .box ul li {width: 20%; height:1.2rem; margin-bottom:0.6rem;}
.ind05 .con .box ul li .img{ position:relative; width: 1.2rem; height:1.2rem; margin:0 auto; border:1px solid #f00; border-radius:50%;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;} 
.ind05 .con .box ul li:nth-child(5n){ margin-right: 0;}
.ind05 .con .box ul li img:nth-child(2){ display:none;} 
.ind05 .con .box ul li .tit{ font-size:0.16rem; color:#333; text-align:center; margin-top:0.1rem;} 
.ind05 .con .box ul li:hover .img{ background:#f00;} 
.ind05 .con .box ul li:hover img:nth-child(1) { display:none;} 
.ind05 .con .box ul li:hover img:nth-child(2) { display:block;} 


.ind06 {width:100%;position: relative; padding:0.3rem 0 0.9rem;}
.ind06 .con{ width:80%; margin:0 auto; position:relative;display: flex;flex-wrap:wrap;justify-content: center; align-items: center;} 
.ind06 .con .xian{ width: 10%; height:5rem;position: relative; border-left:1px solid #7da7d9;}
.ind06 .con .xian:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:-40%;top:50%;transform:translateY(-50%); transition:.5s; z-index:10; background:url(icon17.png) no-repeat;}
.ind06 .con .ind06_swiper{ width: 90%;position: relative;}
.ind06 .con .ind06_swiper .tit { width:100%;position:relative; font-size:0.32rem; font-style:italic; line-height:0.5rem; color:#666;}
.ind06 .con .ind06_swiper .tit strong{ color:#7da7d9;}
.ind06 .con .ind06_swiper .sum{width: 100%; font-size:0.16rem; color:#666; margin-top:0.3rem;}
.ind06 .con .ind06_swiper .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; margin-top:0.6rem; width:99%;}
.ind06 .con .ind06_swiper .hd span{width:0.9rem;transition:all .2s;z-index:5;font-size:0.14rem; font-weight:bold; color:#999;display: flex; align-items: center;}
.ind06 .con .ind06_swiper .hd span:hover{ color:#f00;}
.ind06 .con .ind06_swiper .hd span.prev-service img{ margin-right:0.15rem;} 
.ind06 .con .ind06_swiper .hd span.next-service img{ margin-left:0.15rem;}

 
.ind07 {width:100%;position: relative; padding:0.6rem 0; background:#666370;}
.ind07 .i_tit2{ width:100%; text-align:center; position:relative;}
.ind07 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.ind07 .con{ width:80%; margin:1.5rem auto 0; position:relative;} 
.ind07 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.ind07 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #7da7d9; border-radius:0.3rem;}
.ind07 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #7da7d9; border-radius:50%; overflow:hidden;} 
.ind07 .con ul li:nth-child(3n){ margin-right: 0;}
.ind07 .con ul li .tit{ font-size:0.28rem; font-weight:700; color:#fff; padding:0.3rem;} 
.ind07 .con ul li .more1{ margin-left:0.3rem; margin-bottom:0.3rem; border:1px solid #7da7d9;} 
.ind07 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#fff;}
.ind07 .con ul li .more1:hover{ background:#7da7d9;}
.ind07 .more2 { width:1.8rem; height:0.55rem; border:1px solid #fff; background:#7da7d9; text-align:center;border-radius:0.3rem;margin:0.6rem auto 0.3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.ind07 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.ind07 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.ind07 .more2:hover a{ color:#7da7d9;}
 
.ind08 {width:100%;position: relative; background:url(ind08bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.ind08 .con { display: flex;justify-content: space-between; align-items: center;}
.ind08 .con .le {width: 45%;position: relative; background:#f2f2f2; padding:0.6rem 10% 0.6rem 15%;border-radius:0 0.3rem 0.3rem 0;}
.ind08 .con .le h1{ font-size:0.3rem; color:#555; margin-bottom:0.2rem;}
.ind08 .con .le p{ font-size:0.16rem; color:#666; line-height:0.3rem;}
.ind08 .con .ri { width: 45%;position: relative; padding:0 15% 0 5%;}
.ind08 .con .ri p{ font-size:0.14rem; color:#444; line-height:0.2rem; margin-bottom:0.15rem;}
.ind08 .con .ri p strong{ color:#0f63c7; }
.ind08 .label {border-radius: 0;font-size: 0.14rem;text-align: left;white-space: normal;color: #444; font-weight: 700; line-height:0.3rem;}
.ind08 .select {position: relative;display: block;}
.ind08 .item {display: block; border: none;margin-bottom: 0.15rem; } 
.ind08 .submit .button { width:100%; height: 0.5rem;margin:10px 0;border: 0; font-size:16px; color: #fff;background: #f00;}
.ind08 .input input,
.ind08 .select select {display: block;width: 100%;height: 39px;padding: 6px 10px;outline: none;border: 2px solid #e5e5e5; background: #fff;font: 15px/23px;color: #404040;appearance: normal; width:100%;}
.ind08 .select i {position: absolute;top: 2px;right: 2px;width: 28px;height: 35px;background: #fff;pointer-events: none;}
.ind08 .select i:after,
.ind08 .select i:before {content: '';position: absolute;right: 10px;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.ind08 .select i:after {bottom: 12px;border-top: 4px solid #404040;}
.ind08 .select i:before {top: 12px;border-bottom: 4px solid #404040;}
.ind08 .select select {padding-right: 28px;}
.ind08 .svc_area {display:block; width:100%; height:1rem; overflow:hidden; line-height:24px; color:#777; font-size:0.14rem; margin:0; padding:0.1rem 0.1rem; border:1px solid #eaeaea; outline:none;}

 
 
.ab109 {width:100%;position: relative; background:url(ind08bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.ab109 .con { display: flex;justify-content: space-between; align-items: center;}
.ab109 .con .le {width: 45%;position: relative; background:#f2f2f2; padding:0.6rem 10% 0.6rem 15%;border-radius:0 0.3rem 0.3rem 0;}
.ab109 .con .le h1{ font-size:0.3rem; color:#555; margin-bottom:0.2rem;}
.ab109 .con .le p{ font-size:0.16rem; color:#666; line-height:0.3rem;}
.ab109 .con .ri { width: 45%;position: relative; padding:0 15% 0 5%;}
.ab109 .con .ri p{ font-size:0.14rem; color:#444; line-height:0.2rem; margin-bottom:0.15rem;}
.ab109 .con .ri p strong{ color:#0f63c7; }
.ab109 .label {border-radius: 0;font-size: 0.14rem;text-align: left;white-space: normal;color: #000;}
.ab109 fieldset {display: block; border: none;margin-bottom: 0.15rem; } 
.ab109 .submit {display: block;}
.ab109 .submit .button { width:100%; height: 0.5rem;margin:10px 0;border: 0; font-size:16px; color: #fff;background: #f00;}
.ab109 .label {color:#444; font-weight: 700;}
.ab109 .input,
.ab109 .select,
.ab109 .button {position: relative;display: block;}
.ab109 .input input,
.ab109 .select select {display: block;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 39px;padding: 6px 10px;outline: none;border-width: 2px;border-style: solid;border-radius: 0;
	background: #fff;font: 15px/23px;color: #404040;appearance: normal;-moz-appearance: none;-webkit-appearance: none; width:100%;}
.ab109 .select i {position: absolute;top: 2px;right: 2px;width: 28px;height: 35px;background: #fff;pointer-events: none;}
.ab109 .select i:after,
.ab109 .select i:before {content: '';position: absolute;right: 10px;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.ab109 .select i:after {bottom: 12px;border-top: 4px solid #404040;}
.ab109 .select i:before {top: 12px;border-bottom: 4px solid #404040;}
.ab109 .select select {padding-right: 28px;} 
.ab109 .input input,
.ab109 .select select{border-color: #e5e5e5;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;}
.ab109 .input:hover input,
.ab109 .select:hover select{border-color: #8dc9e5;}
.ab109 .input input:focus,
.ab109 .select select:focus {border-color: #004190;}
.ab109 .svc_area {display:block; width:100%; height:1rem; overflow:hidden; line-height:24px; color:#777; font-size:0.14rem; margin:0; padding:0.1rem 0.1rem; border:1px solid #eaeaea; outline:none;}


 /* footer */
.footer { width:100%;position: relative;overflow: hidden; background: #ebebeb;}
.footer .box { width:100%; padding:0.6rem 3%; display:flex;flex-wrap:wrap; justify-content:space-between;}
.footer .fo01 { width:25%;}
.footer .fo01 .f_logo img{ width:2.5rem;}
.footer .fo01 .sum { font-size:0.18rem; line-height:0.25rem; margin:0.3rem 0; color:#666;}
.footer .fo01 .item { display:flex;  font-size:0.18rem; font-weight:bold; color:#f00; margin-bottom:0.1rem;}
.footer .fo01 .item a{ width:0.4rem;}
.footer .fo02 { width:45%; }
.footer .fo02 ul {display: flex;flex-wrap:wrap;justify-content: flex-end;}
.footer .fo02 ul li { width:33.333%; margin-bottom:0.3rem;}
.footer .fo02 ul li:nth-child(4) { width:66.666%;}
.footer .fo02 ul li h3 {margin-bottom: 0.1rem;}
.footer .fo02 ul li h3 a { display: inline-block; font-size: 20px; color: #333; font-weight: bold; position:relative;}
.footer .fo02 ul li h3 a:before{ content:""; position:absolute; width:50px; height:1px; background:rgba(255,255,255,.5); left:0;bottom:-20px; transition:.5s; z-index:1;}
.footer .fo02 ul li p a{ display:block;font-size: 0.16rem;color:#f00;line-height:35px;}
.footer .fo02 ul li p a:hover { text-decoration:underline}
.footer .fo02 ul li:nth-child(4) p{ width:100%;display: flex;flex-wrap:wrap;}
.footer .fo02 ul li:nth-child(4) p a{ width:50%;}
.footer .fo03 { width:100%; position:relative; padding:0.25rem 3%; background:#666370;font-size: 0.14rem;}
.footer .fo03 .con{ width:100%;color:rgba(255,255,255,.5);}
.footer .fo03 .con a {font-size: 0.14rem;color:rgba(255,255,255,.5); line-height:0.25rem;}


/*n_banner*/
.n_banner { width:100%; position:relative;}
.n_banner:before{ content:""; position:absolute;width:100%;height:100%; background:rgba(0,0,0,.3); left:0;top:0; transition:.5s; z-index:1;}
.n_banner img{ width:100%; position:relative;}
.n_banner .txt{width:100%; position:absolute; left:0; top:50%;transform: translateY(-50%);display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index: 5;}
.n_banner .txt .top{ width:100%; position:relative; text-align:center; font-size:0.48rem; padding-bottom:0.3rem; margin-bottom:0.2rem; font-weight:bold; color:#fff;}
.n_banner .txt .top:before{ display:block;position: absolute; content: ""; width: 1.5rem; height:4px; left: 50%;transform: translateX(-50%); bottom:0; background: #f00; z-index: 3;}
.n_banner .txt .bot {width:100%;font-size:0.24rem; color:#fff; text-align:center;}
.n_banner .txt .more { width:2rem; height:0.5rem; border:2px solid #f00; color:#fff; text-align:center; border-radius:25px; display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-top:0.6rem;}
.n_banner .txt .more a { display:block; font-size:16px; color:#fff;}
.n_banner .txt .more:hover { background:#f00; border-radius:25px; border:none;}
.n_banner .txt .more { width:200px; height:50px; border:2px solid #7da7d9; color:#fff; text-align:center; border-radius:25px;display: flex;flex-wrap:wrap; justify-content:center;align-items: center;}
.n_banner .txt .more a { display:block; font-size:16px; color:#fff;}
.n_banner .txt .more:hover { background:#7da7d9; border-radius:25px; border:none;}


/*n_home*/
.n_home { width:100%;position: relative; z-index: 9; margin: 0.9rem 0;}
.n_home .box { position: relative; display: flex; justify-content: space-between; align-items: center; background:#ebebeb; height:1rem; line-height:1rem;}
.n_home ul { position: relative; display: flex; }
.n_home ul h1{display: block; width:1.4rem; height:1rem; line-height:1rem; text-align:center; font-size:0.3rem; font-weight:bold; color:#fff; background:#666370; margin-right:0.6rem;}
.n_home ul li{display: block; font-size:0.18rem; color: #373941; line-height:1rem; margin-right:0.3rem; z-index: 1; position: relative;border-radius: 3px;}
.n_home ul li a{ display: block; color:#333; position: relative; }
.n_home ul li:hover a{  color:#f00;}  
.n_home ul li.on a{ color:#f00;}  
 
.n_home .home { left: 0;bottom: 0; font-size:14px;color: #747679; padding-right:0.3rem;}
.n_home form{ width:2.7rem; overflow:hidden; text-align:center;}
.n_home form .btn_search{font-size:20px;cursor:pointer;width:0.5rem;text-align:center;background:none; border:none; outline:none; position:absolute; right:0.3rem; top:0.4rem;}
.n_home form .input{padding:0;margin:0;border:none;background:none;height:40px;border-bottom:1px solid #333;font-size:0.16rem;color:#333; width:2.5rem;outline:none;}
.n_home form input::-webkit-input-placeholder{font-size:0.16rem;color:#666;outline:none;} 


/*n_mian */ 
.n_main { width:100%; position:relative; margin:70px auto 90px;}
.n_main .n_tit{ width: 100%;background: #fff; position:relative; margin-bottom:50px; text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:30px;}
.n_main .n_tit span{font-size: 30px;color: #333; position:relative; padding-bottom:10px;}
	
.n_about{ min-height:350px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px;}
 
 
.ab104 {width:100%;position: relative;}
.ab104 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.ab104 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.ab104 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.ab104 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon21.png) no-repeat;}
.ab104 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.ab104 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.ab104 .con .box ul li {width: 20%; text-align:center;}
.ab104 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.ab104 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.ab104 .con .more1{ margin:0.3rem auto;}
 
.ab106 {width:100%;position: relative; padding:0.6rem 0; background:#e9e9e9;}
.ab106 .i_tit2{ width:100%; text-align:center; position:relative;}
.ab106 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#333; position:relative;}
.ab106 .con{ width:80%; margin:1.5rem auto 0; position:relative;} 
.ab106 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.ab106 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #f00; border-radius:0.3rem;}
.ab106 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #f00; border-radius:50%; overflow:hidden;} 
.ab106 .con ul li .img img{ width:100%;} 
.ab106 .con ul li:nth-child(3n){ margin-right: 0;}
.ab106 .con ul li .tit{ font-size:0.24rem; font-weight:700; color:#444; padding: 0.1rem 0.3rem;}
.ab106 .con ul li .txt{ font-size:0.16rem; font-weight:500; color:#666; padding: 0.1rem 0.3rem;} 
.ab106 .con ul li .more1{ margin-left:0.3rem; margin-bottom:0.3rem; border:1px solid #f00;} 
.ab106 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#333;}
.ab106 .con ul li .more1:hover{ background:#f00;}
.ab106 .con ul li .more1:hover a{ color:#fff;}
.ab106 .more2 { width:1.8rem; height:0.55rem; border:1px solid #fff; background:#f00; text-align:center;border-radius:0.3rem; margin:0.6rem auto 0.3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.ab106 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.ab106 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.ab106 .more2:hover a{ color:#f00;}

.ab107 {width:100%;position: relative; padding:0 0 0.6rem;}
.ab107 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.ab107 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.ab107 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.ab107 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon04.png) no-repeat;}
.ab107 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.ab107 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.ab107 .con .box ul li {width: 25%; text-align:center;}
.ab107 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.ab107 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}

.ab108 {width:100%;position: relative;}
.ab108 .bg{ width:100%; position:relative;}
.ab108 .bg img{ width:100%;}
.ab108 .con{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display: flex;flex-wrap:wrap; justify-content:center;align-items: center;} 
.ab108 .con h1{ font-size:0.28rem; font-weight:700; color:#fff; margin-bottom:0.3rem;} 
.ab108 .con p{ font-size:0.16rem; color:#fff; margin-bottom:0.3rem;} 
.ab108 .con .more1{ margin:0.6rem auto 0; border:1px solid #fff; background:#7da7d9;} 
.ab108 .con .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#fff;}
.ab108 .con .more1:hover{ background:#fff; border:1px solid #7da7d9;}
.ab108 .con .more1:hover a{ color:#7da7d9;}



.ab201 {width:100%;position: relative; margin-top:0.4rem;}
.ab201 .item { display: flex; align-items: center; margin-bottom:0.3rem;}
.ab201 .item  .le {width: 30%;position: relative; padding:3%; border:1px solid #ccc;}
.ab201 .item  .le img{ width:100%; z-index: 5;position: relative;transition: all .6s;}
.ab201 .item  .ri { width: 50%;position: relative; padding:0.6rem 0.6rem 0.6rem 0; background:url(bg01.png) repeat; margin-right:5%;}
.ab201 .item  .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; right:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon22.png) no-repeat;}
.ab201 .item  .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 1.2rem 0.6rem 0.6rem; border-radius: 0 0.2rem 0.2rem 0; border-left:none;}
.ab201 .item  .ri .text {width: 40%; margin-left:60%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end;}
.ab201 .item  .ri .text h1{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.2rem;position: relative; font-weight:700; color:#f00;}
.ab201 .item  .ri .text h2{font-size: 0.18rem;margin-bottom: 0.1rem;line-height:0.2rem;position: relative; font-weight:700; color:#666;}
.ab201 .item  .ri .text h3{font-size:0.16rem; font-weight:500; color:#666; line-height: 0.2rem;}
.ab201 .item  .ri .more1{ margin-left:0;}

.ab201 .item1 { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.ab201 .item1 .le {width: 30%;position: relative; padding:3%; margin-left:15%; border:1px solid #ccc;}
.ab201 .item1 .le img{ width:100%; z-index: 5;position: relative;transition: all .6s;}
.ab201 .item1 .ri { width: 50%;position: relative; padding:0.6rem 0 0.6rem 0.6rem; background:url(bg01.png) repeat;}
.ab201 .item1 .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon22.png) no-repeat;}
.ab201 .item1 .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 0.6rem 0.6rem 1.2rem; border-radius:0.2rem 0 0 0.2rem; border-right:none;}
.ab201 .item1 .ri .text {width: 40%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end; text-align:right;}
.ab201 .item1 .ri .text h1{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.2rem;position: relative; font-weight:700; color:#f00;}
.ab201 .item1 .ri .text h2{font-size: 0.18rem;margin-bottom: 0.1rem;line-height:0.2rem;position: relative; font-weight:700; color:#666;}
.ab201 .item1 .ri .text h3{font-size:0.16rem; font-weight:500; color:#666; line-height: 0.2rem;}
 
.ab202 {width:100%;position: relative; padding:0.6rem 0 1.2rem; background:#666370;}
.ab202 .i_tit2{ width:100%; text-align:center; position:relative;}
.ab202 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.ab202 .con{ width:80%; margin:1.5rem auto 0; position:relative;} 
.ab202 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.ab202 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #7da7d9; border-radius:0.3rem;}
.ab202 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #7da7d9; border-radius:50%; overflow:hidden;} 
.ab202 .con ul li:nth-child(3n){ margin-right: 0;}
.ab202 .con ul li .tit{ font-size:0.28rem; font-weight:700; color:#fff; padding:0.3rem;} 
.ab202 .con ul li .more1{ margin-left:0.3rem; margin-bottom:0.3rem; border:1px solid #7da7d9;} 
.ab202 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#fff;}
.ab202 .con ul li .more1:hover{ background:#7da7d9;}

.ab203 {width:100%;position: relative; background:url(ind08bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.ab203 .con { display: flex;justify-content: space-between; align-items: center;}
.ab203 .con .le {width: 45%;position: relative; background:#f2f2f2; padding:0.6rem 10% 0.6rem 15%;border-radius:0 0.3rem 0.3rem 0;}
.ab203 .con .le h1{ font-size:0.3rem; color:#555; margin-bottom:0.2rem;}
.ab203 .con .le p{ font-size:0.16rem; color:#666; line-height:0.3rem;}
.ab203 .con .ri { width: 45%;position: relative; padding:0 15% 0 5%;}
.ab203 .con .ri p{ font-size:0.14rem; color:#444; line-height:0.2rem; margin-bottom:0.15rem;}
.ab203 .con .ri p strong{ color:#0f63c7; }
.ab203 .label {border-radius: 0;font-size: 0.14rem;text-align: left;white-space: normal;color: #000;}
.ab203 fieldset {display: block; border: none;margin-bottom: 0.15rem; } 
.ab203 .submit {display: block;}
.ab203 .submit .button { width:100%; height: 0.5rem;margin:10px 0;border: 0; font-size:16px; color: #fff;background: #f00;}
.ab203 .label {color:#444; font-weight: 700;}
.ab203 .input,
.ab203 .select,
.ab203 .button {position: relative;display: block;}
.ab203 .input input,
.ab203 .select select {display: block;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 39px;padding: 6px 10px;outline: none;border-width: 2px;border-style: solid;border-radius: 0;
	background: #fff;font: 15px/23px;color: #404040;appearance: normal;-moz-appearance: none;-webkit-appearance: none; width:100%;}
.ab203 .select i {position: absolute;top: 2px;right: 2px;width: 28px;height: 35px;background: #fff;pointer-events: none;}
.ab203 .select i:after,
.ab203 .select i:before {content: '';position: absolute;right: 10px;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.ab203 .select i:after {bottom: 12px;border-top: 4px solid #404040;}
.ab203 .select i:before {top: 12px;border-bottom: 4px solid #404040;}
.ab203 .select select {padding-right: 28px;}
.ab203 .row {margin-top:5px; position:relative;}
.ab203 .input input,
.ab203 .select select{border-color: #e5e5e5;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;}
.ab203 .input:hover input,
.ab203 .select:hover select{border-color: #8dc9e5;}
.ab203 .input input:focus,
.ab203 .select select:focus {border-color: #004190;}
.ab203 .svc_area {display:block; width:100%; height:1rem; overflow:hidden; line-height:24px; color:#777; font-size:0.14rem; margin:0; padding:0.1rem 0.1rem; border:1px solid #eaeaea; outline:none;}



.ab301 {width:100%;position: relative; margin:0.6rem 0;} 
.ab301 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.ab301 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#333; position:relative;}
.ab301 .con { width: 50%; margin:0 auto; position: relative; font-size:0.18rem; color:#666; text-align:center; line-height:0.3rem; margin-top:0.3rem;}

.ab302 {width:100%;position: relative; margin:0.4rem 0;} 
.ab302 .box { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.ab302 .box .img {width: 47%;position: relative;}
.ab302 .box .img img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.ab302 .box .ri { width: 51%;position: relative; padding:0.6rem 0.6rem 0.6rem 0; background:url(bg01.png) repeat;}
.ab302 .box .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; right:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon23.png) no-repeat;}
.ab302 .box .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 1.2rem 0.6rem 0.6rem; border-radius: 0 0.2rem 0.2rem 0; border-left:none;}
.ab302 .box .ri .text {width: 60%; margin-left:40%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end;}
.ab302 .box .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.ab302 .box .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}
.ab302 .box .ri .more1{ margin-left:0;}

.ab303 {width:100%;position: relative; margin-top:0.4rem;}
.ab303 .item { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.ab303 .item .le {width: 47%;position: relative;display: flex;flex-wrap:wrap; justify-content: flex-end;align-items: center;}
.ab303 .item .le img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.ab303 .item .ri { width: 51%;position: relative; padding:0.6rem 0 0.6rem 0.6rem; background:url(bg01.png) repeat;}
.ab303 .item .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon24.png) no-repeat;}
.ab303 .item .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 0.6rem 0.6rem 1.2rem; border-radius:0.2rem 0 0 0.2rem; border-right:none;}
.ab303 .item .ri .text {width: 60%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end; text-align:right;}
.ab303 .item .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.ab303 .item .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}

.ab304 {width:100%;position: relative; padding:0.6rem 0;}
.ab304 .con{ width:40%; margin:0 auto; position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; border:1px solid #7da7d9;border-radius:0.3rem; padding:0.5rem 0.8rem;} 
.ab304 .con h1{ font-size:0.24rem; font-weight:bold; color:#7da7d9;} 

.ab304 .more2 { width:1.8rem; height:0.55rem; border:1px solid #fff; background:#7da7d9; text-align:center;border-radius:0.3rem; display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.ab304 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.ab304 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.ab304 .more2:hover a{ color:#7da7d9;}


.ab305 {width:100%;position: relative;}
.ab305 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.ab305 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.ab305 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.ab305 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon25.png) no-repeat;}
.ab305 .con .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem; border-radius:0.3rem;}
.ab305 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.ab305 .con .box ul li {width: 20%; text-align:center;}
.ab305 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.ab305 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.ab305 .con .more1{ margin:0.3rem auto;}

.ab306 {width:100%;position: relative; background:url(ind08bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.ab306 .con { display: flex;justify-content: space-between; align-items: center;}
.ab306 .con .le {width: 45%;position: relative; background:#f2f2f2; padding:0.6rem 10% 0.6rem 15%;border-radius:0 0.3rem 0.3rem 0;}
.ab306 .con .le h1{ font-size:0.3rem; color:#555; margin-bottom:0.2rem;}
.ab306 .con .le p{ font-size:0.16rem; color:#666; line-height:0.3rem;}
.ab306 .con .ri { width: 45%;position: relative; padding:0 15% 0 5%;}
.ab306 .con .ri p{ font-size:0.14rem; color:#444; line-height:0.2rem; margin-bottom:0.15rem;}
.ab306 .con .ri p strong{ color:#0f63c7; }
.ab306 .label {border-radius: 0;font-size: 0.14rem;text-align: left;white-space: normal;color: #000;}
.ab306 fieldset {display: block; border: none;margin-bottom: 0.15rem; } 
.ab306 .submit {display: block;}
.ab306 .submit .button { width:100%; height: 0.5rem;margin:10px 0;border: 0; font-size:16px; color: #fff;background: #f00;}
.ab306 .label {color:#444; font-weight: 700;}
.ab306 .input,
.ab306 .select,
.ab306 .button {position: relative;display: block;}
.ab306 .input input,
.ab306 .select select {display: block;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 39px;padding: 6px 10px;outline: none;border-width: 2px;border-style: solid;border-radius: 0;
	background: #fff;font: 15px/23px;color: #404040;appearance: normal;-moz-appearance: none;-webkit-appearance: none; width:100%;}
.ab306 .select i {position: absolute;top: 2px;right: 2px;width: 28px;height: 35px;background: #fff;pointer-events: none;}
.ab306 .select i:after,
.ab306 .select i:before {content: '';position: absolute;right: 10px;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.ab306 .select i:after {bottom: 12px;border-top: 4px solid #404040;}
.ab306 .select i:before {top: 12px;border-bottom: 4px solid #404040;}
.ab306 .select select {padding-right: 28px;}
.ab306 .row {margin-top:5px; position:relative;}
.ab306 .input input,
.ab306 .select select{border-color: #e5e5e5;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;}
.ab306 .input:hover input,
.ab306 .select:hover select{border-color: #8dc9e5;}
.ab306 .input input:focus,
.ab306 .select select:focus {border-color: #004190;}
.ab306 .svc_area {display:block; width:100%; height:1rem; overflow:hidden; line-height:24px; color:#777; font-size:0.14rem; margin:0; padding:0.1rem 0.1rem; border:1px solid #eaeaea; outline:none;}


.ab401 {width:100%;position: relative; padding:0.9rem 0;}
.ab401 .con { display: flex; align-items: center;}
.ab401 .con .le {width: 50%;position: relative; margin-right:5%;}
.ab401 .con .le h1{ font-size:0.3rem; color:#555; margin-bottom:0.2rem;}
.ab401 .con .le .img{width:100%;position: relative;}
.ab401 .con .le .img img{width:100%;}
.ab401 .con .le .sum{ background:#f2f2f2; padding:0.4rem; font-size:0.16rem; color:#666; line-height:0.3rem;}
.ab401 .con .le .sum h1{ font-size:0.3rem; font-weight:bold; color:#333;}
.ab401 .con .le .sum .flex{display: flex;}
.ab401 .con .le .sum .zuo{ width:50%;}
.ab401 .con .le .sum .zuo h2{ font-size:0.16rem; font-weight:bold; color:#333;}
.ab401 .con .le .sum .zuo h3{ font-size:0.16rem; font-weight:500; color:#f00;}
.ab401 .con .le .sum .zuo p{ font-size:0.16rem; color:#666;}
.ab401 .con .le .sum .you{ width:50%;}
.ab401 .con .le .sum .you p{ font-size:0.16rem; color:#666;}
.ab401 .con .ri { width: 35%;position: relative;}
.ab401 .con .ri p{ font-size:0.14rem; color:#444; line-height:0.2rem; margin-bottom:0.15rem;}
.ab401 .con .ri p strong{ color:#0f63c7; }
.ab401 .label {border-radius: 0;font-size: 0.14rem;text-align: left;white-space: normal;color: #000;}
.ab401 fieldset {display: block; border: none;margin-bottom: 0.15rem; } 
.ab401 .submit {display: block;}
.ab401 .submit .button { width:100%; height: 0.5rem;margin:10px 0;border: 0; font-size:16px; color: #fff;background: #f00;}
.ab401 .label {color:#444; font-weight: 700;}
.ab401 .input,
.ab401 .select,
.ab401 .button {position: relative;display: block;}
.ab401 .input input,
.ab401 .select select {display: block;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 39px;padding: 6px 10px;outline: none;border-width: 2px;border-style: solid;border-radius: 0;
	background: #fff;font: 15px/23px;color: #404040;appearance: normal;-moz-appearance: none;-webkit-appearance: none; width:100%;}
.ab401 .select i {position: absolute;top: 2px;right: 2px;width: 28px;height: 35px;background: #fff;pointer-events: none;}
.ab401 .select i:after,
.ab401 .select i:before {content: '';position: absolute;right: 10px;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.ab401 .select i:after {bottom: 12px;border-top: 4px solid #404040;}
.ab401 .select i:before {top: 12px;border-bottom: 4px solid #404040;}
.ab401 .select select {padding-right: 28px;}
.ab401 .row {margin-top:5px; position:relative;}
.ab401 .input input,
.ab401 .select select{border-color: #e5e5e5;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;}
.ab401 .input:hover input,
.ab401 .select:hover select{border-color: #8dc9e5;}
.ab401 .input input:focus,
.ab401 .select select:focus {border-color: #004190;}
.ab401 .svc_area {display:block; width:100%; height:1rem; overflow:hidden; line-height:24px; color:#777; font-size:0.14rem; margin:0; padding:0.1rem 0.1rem; border:1px solid #eaeaea; outline:none;}

.ab402 {width:100%;position: relative;}
.ab402 .bg{ width:100%; position:relative;}
.ab402 .bg img{ width:100%;}
.ab402 .con{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display: flex;flex-wrap:wrap; justify-content:center;align-items: center;} 
.ab402 .con h1{ font-size:0.28rem; font-weight:700; color:#fff; margin-bottom:0.3rem;} 
.ab402 .con p{ font-size:0.16rem; color:#fff; margin-bottom:0.3rem;} 
.ab402 .con .more1{ margin:0.6rem auto 0; border:1px solid #fff; background:#7da7d9;} 
.ab402 .con .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#fff;}
.ab402 .con .more1:hover{ background:#fff; border:1px solid #7da7d9;}
.ab402 .con .more1:hover a{ color:#7da7d9;}


.zy101 {width:100%;position: relative; padding:0.6rem 0; background:#ebebeb;}
.zy101 .con{ width:40%; margin:0 auto; position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} 
.zy101 .con h1{ font-size:0.34rem; font-weight:bold; color:#666;} 
.zy101 .more2 { width:1.8rem; height:0.55rem; border:1px solid #f00; text-align:center;border-radius:0.3rem; display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.zy101 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#f00; border-radius:25px;}
.zy101 .more2:hover { background:#f00; border-radius:25px; border:1px solid #f00;}
.zy101 .more2:hover a{ color:#fff;}


.zy102 {width:100%;position: relative; padding:0.6rem 0;}
.zy102 .con{ width:100%; margin:0 auto; position:relative;} 
.zy102 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.zy102 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #7da7d9; border-radius:0.3rem; padding-bottom:0.9rem; margin-bottom:1.8rem;}
.zy102 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #7da7d9; border-radius:50%; overflow:hidden; background:#fff;} 
.zy102 .con ul li .img img{width:1.8rem; height:1.8rem; } 
.zy102 .con ul li:nth-child(3n){ margin-right: 0;}
.zy102 .con ul li .tit{ font-size:0.24rem; font-weight:700; color:#444; padding: 0.1rem 0.3rem;}
.zy102 .con ul li .txt{ width:100%; height:0.6rem; position:relative;display: flex; margin-top:0.6rem;} 
.zy102 .con ul li .more1{ margin-left:0.3rem; margin-top:0; border:1px solid #7da7d9;} 
.zy102 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#333;}
.zy102 .con ul li .more1:hover{ background:#7da7d9;}
.zy102 .con ul li .more1:hover a{ color:#fff;}
.zy102 .con ul li .you{ width:1.2rem; height:0.45rem; line-height:0.45rem; padding-left:0.15rem; font-size:0.15rem; color:#666; position:absolute; right:0; top:0.05rem; background:#f3f3f3; text-transform:uppercase;}
.zy102 .more2 { width:1.8rem; height:0.55rem; border:1px solid #fff; background:#f00; text-align:center;border-radius:0.3rem; margin:0.6rem auto 0.3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.zy102 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.zy102 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.zy102 .more2:hover a{ color:#f00;}


.zy103 {width:100%;position: relative; padding:0 0 0.6rem;}
.zy103 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.zy103 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.zy103 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.zy103 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon26.png) no-repeat;}
.zy103 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.zy103 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.zy103 .con .box ul li {width: auto; text-align:center; margin:0 0.1rem;}
.zy103 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.zy103 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.zy103 .con .more1{ margin:0.3rem auto;}



.zy201 {width:100%;position: relative; padding:0.6rem 0; background:#ebebeb;}
.zy201 .con{ width:40%; margin:0 auto; position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} 
.zy201 .con h1{ font-size:0.34rem; font-weight:bold; color:#666;} 
.zy201 .more2 { width:1.8rem; height:0.55rem; border:1px solid #f00; text-align:center;border-radius:0.3rem; display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.zy201 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#f00; border-radius:25px;}
.zy201 .more2:hover { background:#f00; border-radius:25px; border:1px solid #f00;}
.zy201 .more2:hover a{ color:#fff;}


.zy202 {width:100%;position: relative; padding:0.6rem 0;}
.zy202 .n_tit{ width:100%; margin:0 auto; position:relative; text-align:center;} 
.zy202 .n_tit h1{ font-size:0.3rem; color:#666; margin-bottom:0.2rem;} 
.zy202 .n_tit p{ font-size:0.2rem; font-weight:700; color:#666;} 
.zy202 .con{ width:100%; margin:0 auto; position:relative; margin-top:1.5rem;} 
.zy202 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.zy202 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #7da7d9; border-radius:0.3rem; padding-bottom:0.9rem; margin-bottom:1.8rem;}
.zy202 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #7da7d9; border-radius:50%; overflow:hidden;} 
.zy202 .con ul li .img img{ width:100%;} 
.zy202 .con ul li:nth-child(3n){ margin-right: 0;}
.zy202 .con ul li .tit{ font-size:0.24rem; font-weight:700; color:#444; padding: 0.1rem 0.3rem;}
.zy202 .con ul li .txt{ width:100%; height:0.6rem; position:relative;display: flex; margin-top:0.6rem;} 
.zy202 .con ul li .more1{ margin-left:0.3rem; margin-top:0; border:1px solid #7da7d9;} 
.zy202 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#333;}
.zy202 .con ul li .more1:hover{ background:#7da7d9;}
.zy202 .con ul li .more1:hover a{ color:#fff;}
.zy202 .con ul li .you{ width:1.2rem; height:0.45rem; line-height:0.45rem; padding-left:0.15rem; font-size:0.15rem; color:#666; position:absolute; right:0; top:0.05rem; background:#f3f3f3; text-transform:uppercase;}
.zy202 .more2 { width:1.8rem; height:0.55rem; border:1px solid #fff; background:#f00; text-align:center;border-radius:0.3rem; margin:0.6rem auto 0.3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.zy202 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.zy202 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.zy202 .more2:hover a{ color:#f00;}


.i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}


.zy30 {width:100%;position: relative; margin-top:0.6rem;}

.zy301 {width:100%;position: relative; margin-top:0.6rem;}
.zy301 .item { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.zy301 .item .le {width: 47%;position: relative;display: flex;flex-wrap:wrap; justify-content: flex-end;align-items: center;}
.zy301 .item .le img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.zy301 .item .ri { width: 51%;position: relative; padding:0.6rem 0 0.6rem 0.6rem; background:url(bg01.png) repeat;}
.zy301 .item .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon02.png) no-repeat;}
.zy301 .item .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 0.6rem 0.6rem 1.2rem; border-radius:0.2rem 0 0 0.2rem; border-right:none;}
.zy301 .item .ri .text {width: 60%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end; text-align:right;}
.zy301 .item .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.zy301 .item .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}

.zy302 {width:100%;position: relative; margin:0.4rem 0;} 
.zy302 .box { display: flex;justify-content: space-between; align-items: center; margin:0.3rem 0;}
.zy302 .box .img {width: 47%;position: relative;}
.zy302 .box .img img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.zy302 .box .ri { width: 51%;position: relative; padding:0.6rem 0.6rem 0.6rem 0; background:url(bg01.png) repeat;}
.zy302 .box .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; right:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon02.png) no-repeat;}
.zy302 .box .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 1.2rem 0.6rem 0.6rem; border-radius: 0 0.2rem 0.2rem 0; border-left:none;}
.zy302 .box .ri .text {width: 60%; margin-left:40%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end;}
.zy302 .box .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.zy302 .box .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}
.zy302 .box .ri .more1{ margin-left:0;}

.zy303 {width:100%;position: relative; padding:0 0 0.6rem;}
.zy303 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.zy303 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.zy303 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.zy303 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon21.png) no-repeat;}
.zy303 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.zy303 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.zy303 .con .box ul li {width: 20%; text-align:center;}
.zy303 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.zy303 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.zy303 .con .more1{ margin:0.3rem auto;}

.zy304 {width:100%;position: relative; background:url(zy304bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.zy304 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.zy304 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.zy304 .more1{ margin:0.3rem auto; border:1px solid #fff;}
.zy304 .more1 a{ color:#fff;}
.zy304 .more1:hover{ background:#fff;}
.zy304 .more1:hover a{ color:#7da7d9;}

.zy305 {width:100%;position: relative; padding:0.9rem 0; background:url(bg01.png) repeat;}
.zy305 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.zy305 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.zy305 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.zy305 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon27.png) no-repeat;}
.zy305 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.zy305 .con .ab05_swiper  { width:60%; margin:0 auto;}
.zy305 .con .ab05_swiper .img { width:100%; text-align:center; margin:0.3rem 0}
.zy305 .con .ab05_swiper .tit { width:100%; font-size:0.2rem; line-height:0.35rem; color:#666; text-align:center;}
.zy305 .con .ab05_swiper .more1{margin:0.6rem auto 0;}
.zy305 .con .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; position:absolute; left:0; top:30%; width:100%;}
.zy305 .con .hd span{width:0.6rem; height:0.6rem;z-index:5;display: flex; justify-content:space-center; align-items: center; border:2px solid #f00; border-radius:50%;}
.zy305 .con .hd span img{ margin:0 auto;} 
.zy305 .con .hd span:hover{ color:#f00; border:2px solid #333;} 


.ab102 {width:100%;position: relative; background:url(ind04bg.png) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.ab102 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.ab102 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.ab102 .con{ width:80%; margin:0 auto; padding:0.6rem; position:relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;} 
.ab102 .con .number ul{display: flex;flex-wrap: wrap; margin-top:0.6rem;}
.ab102 .con .number li{ width:31%; position:relative;color: #333; margin-right: 3.5%; margin-top:0.3rem; padding-top:0.3rem;display: flex;flex-wrap: wrap;}
.ab102 .con .number li:before {content: "";display: block;position: absolute; left:0; top:0;width: 100%;height: 1px; background:#ccc;}
.ab102 .con .number li:nth-child(3n){ margin-right: 0;}
.ab102 .con .number li aside{ width:80%; position:relative; margin-bottom:0.1rem; padding-bottom:0.1rem;color: #fff; font-size:0.4rem;}
.ab102 .con .number li aside b{font-size: 0.4rem;font-weight: 900; color:#fff;line-height: 0.85em;display: inline-block;margin-right:0.1rem;}
.ab102 .con .number li aside sup{font-size:22px;margin-left:2px; color:#7da7d9;}
.ab102 .con .number li p{ width:20%;margin-bottom: 0;}

.ab105 {width:100%;position: relative; margin-top:-0.15rem; margin-bottom:0.9rem;}
.ab105 .con{ width:60%; margin:0 auto; position:relative;display: flex;flex-wrap:wrap;justify-content: center; align-items: center;} 
.ab105 .con .xian{ width: 10%; height:4rem;position: relative; border-left:1px solid #7da7d9;}
.ab105 .con .xian:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:-40%;top:50%;transform:translateY(-50%); transition:.5s; z-index:10; background:url(icon17.png) no-repeat;}
.ab105 .con .box{ width: 90%;position: relative;}
.ab105 .con .ab05_swiper .tit { width:100%;position:relative; font-size:0.32rem; font-style:italic; line-height:0.5rem; color:#666;}
.ab105 .con .ab05_swiper .tit strong{ color:#7da7d9;}
.ab105 .con .ab05_swiper .sum{width: 100%; font-size:0.16rem; color:#666; margin-top:0.3rem;}
.ab105 .con .ab05_swiper .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; margin-top:0.1rem; width:99%;}
.ab105 .con .ab05_swiper .hd span{width:0.6rem;transition:all .2s;z-index:5;font-size:0.14rem; font-weight:bold; color:#999;display: flex; align-items: center;}
.ab105 .con .ab05_swiper .hd span:hover{ color:#f00;}
.ab105 .con .ab05_swiper .hd span.prev-service img{ margin-right:0.15rem;} 
.ab105 .con .ab05_swiper .hd span.next-service img{ margin-left:0.15rem;}
 


.hy101 {width:100%;position: relative; padding:0.9rem 0 0; background:url(bg01.png) repeat;}
.hy101 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.hy101 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.hy101 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.hy101 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon02.png) no-repeat;}
.hy101 .con .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem; border-radius:0.3rem;}
.hy101 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.hy101 .con .box ul li {width: 20%; text-align:center;}
.hy101 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.hy101 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.hy101 .con .sum{ width:80%; margin:0.3rem auto;}
.hy101 .con .sum h1{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.hy101 .con .sum h2{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.hy101 .con .sum p{ width:100%; position:relative; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem; padding-left:0.15rem;}
.hy101 .con .sum p:before{ display:block; content:""; position:absolute; width:0.06rem; height:0.06rem; border-radius:50%; left:0; top:0.13rem; transition:.5s; z-index:10; background:#f00;}


.hy102 {width:100%;position: relative; padding:0.6rem 0 0.9rem;}
.hy102 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.hy102 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.hy102 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.hy102 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon30.png) no-repeat;}
.hy102 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.hy102 .con .sum{ width:80%; margin:0.3rem auto;}
.hy102 .con .sum h1{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.hy102 .con .sum h2{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.hy102 .con .more1{ width:3rem; margin:0.6rem auto 0.3rem; border:1px solid #7da7d9;}
.hy102 .con .more1 a{ width:3rem; color:#7da7d9;}
.hy102 .con .more1:hover{ background:#7da7d9;}
.hy102 .con .more1:hover a{ width:3rem; color:#fff;}
 

.hy104 {width:100%;position: relative; padding:0.9rem 0;}
.hy104 .con{ width:60%; margin:0 auto; position:relative;display: flex;flex-wrap:wrap;justify-content: center; align-items: center;} 
.hy104 .con .xian{ width: 10%; height:4rem;position: relative; border-left:1px solid #7da7d9;}
.hy104 .con .xian:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:-40%;top:50%;transform:translateY(-50%); transition:.5s; z-index:10; background:url(icon17.png) no-repeat;}
.hy104 .con .box{ width: 90%;position: relative;}
.hy104 .con .box .tit { width:100%;position:relative; font-size:0.32rem; font-style:italic; line-height:0.5rem; color:#666;}
.hy104 .con .box .tit strong{ color:#7da7d9;}
.hy104 .con .box .sum{width: 100%; font-size:0.16rem; color:#666; margin-top:0.3rem;}
 
.hy105 {width:100%;position: relative; padding:0.6rem 0 0.9rem;}
.hy105 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.hy105 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.hy105 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.hy105 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon30.png) no-repeat;}
.hy105 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.hy105 .con .sum{ width:80%; margin:0.3rem auto;}
.hy105 .con .sum h1{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.hy105 .con .sum h2{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.hy105 .con .more1{ width:3rem; margin:0.6rem auto 0.3rem; border:1px solid #7da7d9;}
.hy105 .con .more1 a{ width:3rem; color:#7da7d9;}
.hy105 .con .more1:hover{ background:#7da7d9;}
.hy105 .con .more1:hover a{ width:3rem; color:#fff;}


.hy107 {width:100%;position: relative; padding:0.9rem 0; background:url(bg01.png) repeat;}
.hy107 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.hy107 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.hy107 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.hy107 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon27.png) no-repeat;}
.hy107 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.hy107 .con .ab05_swiper  { width:60%; margin:0 auto;}
.hy107 .con .ab05_swiper .img { width:100%; text-align:center; margin:0.3rem 0}
.hy107 .con .ab05_swiper .tit { width:100%; font-size:0.2rem; line-height:0.35rem; color:#666; text-align:center;}
.hy107 .con .ab05_swiper .more1{margin:0.6rem auto 0;}
.hy107 .con .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; position:absolute; left:0; top:30%; width:100%;}
.hy107 .con .hd span{width:0.6rem; height:0.6rem;z-index:5;display: flex; justify-content:space-center; align-items: center; border:2px solid #f00; border-radius:50%;}
.hy107 .con .hd span img{ margin:0 auto;} 
.hy107 .con .hd span:hover{ color:#f00; border:2px solid #333;} 

.hy108 {width:100%;position: relative; background:url(hy108bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.hy108:before{ display:block; content:""; position:absolute; width:100%; height:100%; left:0;top:0; transition:.5s; z-index:1; background:rgba(0,0,0,0.7);}
.hy108 .icen{ position:relative; z-index:10;}
.hy108 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.hy108 .i_tit2 h1{ font-size:0.3rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.hy108 .more1{ margin:0.3rem auto; border:1px solid #fff;}
.hy108 .more1 a{ color:#fff;}
.hy108 .more1:hover{ background:#fff;}
.hy108 .more1:hover a{ color:#7da7d9;}
 
.hy109 { width:100%;position: relative; padding:0.9rem 0 0;}
.hy109 .ind01_nav {position: relative; height:1.5rem; margin:0.3rem 0 0.9rem;}
.hy109 .ind01_nav .swiper{display: flex; padding-bottom: 0.01rem; position:relative; }
.hy109 .ind01_nav .swiper .swiper-slide { width:100%; position:relative;  display:block;font-size:0.21rem;color: #000; text-align:center;}
.hy109 .ind01_nav .swiper .swiper-slide .img{ position:relative; width: 1.2rem; height:1.2rem; margin:0 auto; overflow:hidden; border:1px solid #f00; border-radius:50%;}
.hy109 .ind01_nav .swiper .swiper-slide .img img{ width: 100%; height:100%;}
.hy109 .ind01_nav .swiper .swiper-slide .img:before{ opacity:0; display:block;content: ''; width:100%; height:100%; position:absolute; left:0; top:0;   border-radius:50%; background:rgba(255,0,0,0.5);}
.hy109 .ind01_nav .swiper .swiper-slide:hover .img:before{ opacity:1;}
.hy109 .ind01_nav .swiper .swiper-slide-thumb-active .img:before{ opacity:1;}
.hy109 .content { width:100%;margin:0 auto;position: relative;}
.hy109 .content .swiper { width:100%; position:relative; overflow:hidden;} 
.hy109 .content .swiper-slide { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.hy109 .content .swiper-slide .img {width: 47%;position: relative;display: flex;flex-wrap:wrap; justify-content: flex-end;align-items: center;}
.hy109 .content .swiper-slide .img img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.hy109 .content .swiper-slide .txt { width: 51%;position: relative; padding:0.6rem 0 0.6rem 0.6rem; background:url(bg01.png) repeat;}
.hy109 .content .swiper-slide .txt:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon31.png) no-repeat;}
.hy109 .content .swiper-slide .txt .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 0.6rem 0.6rem 1.2rem; border-radius:0.2rem 0 0 0.2rem; border-right:none;}
.hy109 .content .swiper-slide .txt .text {width: 60%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end; text-align:right;}
.hy109 .content .swiper-slide .txt .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.hy109 .content .swiper-slide .txt .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}
 
.hy1010 {width:100%;position: relative; padding:0.6rem 0; background:#666370;}
.hy1010 .i_tit2{ width:100%; text-align:center; position:relative;}
.hy1010 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.hy1010 .con{ width:80%; margin:1.5rem auto 0; position:relative;} 
.hy1010 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.hy1010 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #7da7d9; border-radius:0.3rem;}
.hy1010 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #7da7d9; border-radius:50%; overflow:hidden;} 
.hy1010 .con ul li .img img{ width:100%;} 
.hy1010 .con ul li:nth-child(3n){ margin-right: 0;}
.hy1010 .con ul li .tit{ font-size:0.24rem; font-weight:700; color:#fff; padding: 0.3rem 0.3rem 0.6rem;}
.hy1010 .con ul li .more1{ margin-left:0.3rem; margin-bottom:0.3rem; border:1px solid #7da7d9;} 
.hy1010 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#fff;}
.hy1010 .con ul li .more1:hover{ background:#7da7d9;}
.hy1010 .con ul li .more1:hover a{ color:#fff;}
.hy1010 .more2 { width:1.8rem; height:0.55rem;border:1px solid #fff;background:#7da7d9; text-align:center;border-radius:0.3rem;margin:0.6rem auto 0.3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.hy1010 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.hy1010 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.hy1010 .more2:hover a{ color:#7da7d9;}
 

.dz101 {width:100%;position: relative; padding:0.9rem 0 0.3rem;}
.dz101 .item { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.dz101 .item .le {width: 47%;position: relative;display: flex;flex-wrap:wrap; justify-content: flex-end;align-items: center;}
.dz101 .item .le img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.dz101 .item .ri { width: 51%;position: relative; padding:0.6rem 0 0.6rem 0.6rem; background:url(bg01.png) repeat;}
.dz101 .item .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon32.png) no-repeat;}
.dz101 .item .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 0.6rem 0.6rem 1.2rem; border-radius:0.2rem 0 0 0.2rem; border-right:none;}
.dz101 .item .ri .text {width: 60%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end; text-align:right;}
.dz101 .item .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.dz101 .item .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}

.dz102 {width:100%;position: relative; padding:0.3rem 0;} 
.dz102 .box { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.dz102 .box .img {width: 47%;position: relative;}
.dz102 .box .img img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.dz102 .box .ri { width: 51%;position: relative; padding:0.6rem 0.6rem 0.6rem 0; background:url(bg01.png) repeat;}
.dz102 .box .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; right:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon02.png) no-repeat;}
.dz102 .box .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 1.2rem 0.6rem 0.6rem; border-radius: 0 0.2rem 0.2rem 0; border-left:none;}
.dz102 .box .ri .text {width: 60%; margin-left:40%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end;}
.dz102 .box .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.dz102 .box .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}
.dz102 .box .ri .more1{ margin-left:0;}

.dz103 {width:100%;position: relative; padding:0.3rem 0;}
.dz103 .item { display: flex;justify-content: space-between; align-items: center; margin-bottom:0.3rem;}
.dz103 .item .le {width: 47%;position: relative;display: flex;flex-wrap:wrap; justify-content: flex-end;align-items: center;}
.dz103 .item .le img{ max-width:100%; z-index: 5;position: relative;transition: all .6s;}
.dz103 .item .ri { width: 51%;position: relative; padding:0.6rem 0 0.6rem 0.6rem; background:url(bg01.png) repeat;}
.dz103 .item .ri:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:0.2rem;top:calc(50% - 0.4rem); transition:.5s; z-index:10; background:url(icon32.png) no-repeat;}
.dz103 .item .ri .box{ width: 100%;position: relative; border:1px solid #f00; padding:0.6rem 0.6rem 0.6rem 1.2rem; border-radius:0.2rem 0 0 0.2rem; border-right:none;}
.dz103 .item .ri .text {width: 60%; z-index:6; display: flex; flex-direction: column; justify-content: flex-end; text-align:right;}
.dz103 .item .ri .text h5{font-size: 0.24rem;margin-bottom: 0.3rem;line-height:0.3rem;position: relative; font-weight:700; color:#f00;}
.dz103 .item .ri .text p{font-size:0.16rem; color:#666; line-height: 0.3rem;}

.dz104 {width:100%;position: relative; padding:0.3rem 0 0.9rem;}
.dz104 .con{ width:60%; margin:0 auto; position:relative;display: flex;flex-wrap:wrap;justify-content: center; align-items: center;} 
.dz104 .con .xian{ width: 10%; height:4rem;position: relative; border-left:1px solid #7da7d9;}
.dz104 .con .xian:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:-40%;top:50%;transform:translateY(-50%); transition:.5s; z-index:10; background:url(icon17.png) no-repeat;}
.dz104 .con .box{ width: 90%;position: relative;}
.dz104 .con .ab05_swiper .tit { width:100%;position:relative; font-size:0.32rem; font-style:italic; line-height:0.5rem; color:#666;}
.dz104 .con .ab05_swiper .tit strong{ color:#7da7d9;}
.dz104 .con .ab05_swiper .sum{width: 100%; font-size:0.16rem; color:#666; margin-top:0.3rem;}
.dz104 .con .ab05_swiper .hd{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; margin-top:0.1rem; width:99%;}
.dz104 .con .ab05_swiper .hd span{width:0.6rem;transition:all .2s;z-index:5;font-size:0.14rem; font-weight:bold; color:#999;display: flex; align-items: center;}
.dz104 .con .ab05_swiper .hd span:hover{ color:#f00;}
.dz104 .con .ab05_swiper .hd span.prev-service img{ margin-right:0.15rem;} 
.dz104 .con .ab05_swiper .hd span.next-service img{ margin-left:0.15rem;}

.dz105 {width:100%;position: relative; background:url(hy108bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}
.dz105:before{ display:block; content:""; position:absolute; width:100%; height:100%; left:0;top:0; transition:.5s; z-index:1; background:rgba(0,0,0,0.7);}
.dz105 .icen{ position:relative; z-index:10;}
.dz105 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.dz105 .i_tit2 h1{ font-size:0.3rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.dz105 .box{display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-top:0.6rem;}
.dz105 .more3 { width:1.8rem; height:0.55rem; border:1px solid #fff; text-align:center; border-radius:0.3rem; display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin:0 0.3rem;}
.dz105 .more3 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.dz105 .more3:hover { background:#7da7d9; border:1px solid #7da7d9; border-radius:25px;}
.dz105 .more3:hover a{ color:#fff;}

.dz106 {width:100%;position: relative; padding:0.6rem 0 0;}
.dz106 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.dz106 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.dz106 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.dz106 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon21.png) no-repeat;}
.dz106 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.dz106 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.dz106 .con .box ul li {width: 20%; text-align:center;}
.dz106 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.dz106 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.dz106 .con .more1{ margin:0.3rem auto;}
.dz106 .con .sum h1{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.dz106 .con .sum h2{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.dz106 .con .sum p{ width:100%; position:relative; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem; padding-left:0.15rem;}
.dz106 .con .sum p:before{ display:block; content:""; position:absolute; width:0.06rem; height:0.06rem; border-radius:50%; left:0; top:0.13rem; transition:.5s; z-index:10; background:#f00;}

.dz107 {width:100%;position: relative; padding:0.6rem 0; background:#666370;}
.dz107 .i_tit2{ width:100%; text-align:center; position:relative;}
.dz107 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.dz107 .con{ width:80%; margin:1.5rem auto 0; position:relative;} 
.dz107 .con ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center;}
.dz107 .con ul li {width: 30%; margin-right:5%; position:relative;border:1px solid #7da7d9; border-radius:0.3rem;}
.dz107 .con ul li .img{ position:relative; width:1.8rem; height:1.8rem; margin:-0.9rem auto 0.1rem; border:1px solid #7da7d9; border-radius:50%; overflow:hidden;} 
.dz107 .con ul li .img img{ width:100%;} 
.dz107 .con ul li:nth-child(3n){ margin-right: 0;}
.dz107 .con ul li .tit{ font-size:0.24rem; font-weight:700; color:#fff; padding: 0.3rem 0.3rem 0.6rem;}
.dz107 .con ul li .more1{ margin-left:0.3rem; margin-bottom:0.3rem; border:1px solid #7da7d9;} 
.dz107 .con ul li .more1 a{ width:1.8rem; height:0.55rem; line-height:0.55rem; color:#fff;}
.dz107 .con ul li .more1:hover{ background:#7da7d9;}
.dz107 .con ul li .more1:hover a{ color:#fff;}
.dz107 .more2 { width:1.8rem; height:0.55rem;border:1px solid #fff;background:#7da7d9; text-align:center;border-radius:0.3rem;margin:0.6rem auto 0.3rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.dz107 .more2 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.dz107 .more2:hover { background:#fff; border-radius:25px; border:1px solid #7da7d9;}
.dz107 .more2:hover a{ color:#7da7d9;}



.cp101 { width:100%; position:relative; margin:0.6rem 0;}
.cp101:before{ display:block; content:""; position:absolute; width:100%; height:100%; left:0;top:0; transition:.5s; z-index:1; background:rgba(0,0,0,0.6);}
.cp101 img{ width:100%;}
.cp101 .txt{width:100%; position:absolute; left:0; top:50%;transform: translateY(-50%);display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index: 5;}
.cp101 .txt .top{ width:100%; position:relative; text-align:center; font-size:0.24rem; margin-bottom:0.2rem; color:#fff;}
.cp101 .txt .bot {width:100%;font-size:0.18rem; color:#fff; text-align:center;}
 
.cp102 { width:100%;position: relative; padding:0.2rem 5%;}
.cp102 .i_tit{ width:100%; text-align:center; font-size:0.24rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.cp102 .cp02_nav {position: relative; height:1rem; margin-top:0.5rem;}
.cp102 .cp02_nav .swiper{display: flex; padding-bottom: 0.01rem; position:relative; }
.cp102 .cp02_nav .swiper .swiper-slide { width:100%; position:relative;  display:block;font-size:0.21rem; padding-top:0.1rem; border-top:4px solid #666;}
.cp102 .cp02_nav .swiper .swiper-slide h1 { font-size:0.18rem;color: #999;}
.cp102 .cp02_nav .swiper .swiper-slide p { font-size:0.16rem; line-height:0.25rem;color: #999; margin-top:0.15rem;}
.cp102 .cp02_nav .swiper .swiper-slide:hover { border-top:4px solid #f00;}
.cp102 .cp02_nav .swiper .swiper-slide:hover h1{ color:#000;}
.cp102 .cp02_nav .swiper .swiper-slide:hover p{ color:#000;}
.cp102 .cp02_nav .swiper .swiper-slide-thumb-active{ border-top:4px solid #f00;}
.cp102 .cp02_nav .swiper .swiper-slide-thumb-active h1{ color:#000;}
.cp102 .cp02_nav .swiper .swiper-slide-thumb-active p{ color:#000;}
.cp102 .content { width:100%;margin:0 auto;position: relative;}
.cp102 .content .swiper {overflow: hidden;}
.cp102 .content .swiper-slide{ width:100%; background:#fff;}
.cp102 .content .swiper-slide .img{ position:relative; width:100%; overflow:hidden;} 
.cp102 .content .swiper-slide .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: all .3s;}
.cp102 .content .swiper-slide .img .hezi{padding-bottom: 50% !important;}
.cp102 .content .swiper-slide .img:hover img{transform: scale(1.05);opacity: 0.7}

.cp103 { width:100%; position:relative; margin:0.6rem 0;}
.cp103 img{ width:100%;}
.cp103 .txt{width:100%; position:absolute; left:0; top:50%;transform: translateY(-50%);display: flex;flex-wrap:wrap; justify-content:center;align-items: center; z-index: 5;}
.cp103 .txt .top{ width:100%; position:relative; text-align:center; font-size:0.24rem; margin-bottom:0.2rem; color:#fff;}
.cp103 .txt .bot {width:100%;font-size:0.18rem; color:#fff; text-align:center;}
 
.cp104 {width:100%;position: relative; background:url(cp104bg.jpg) no-repeat; background-size:100% 100%; padding:0.9rem 0;}

.cp104 .icen{ position:relative; z-index:10;}
.cp104 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.cp104 .i_tit2 h1{ font-size:0.3rem; font-weight:bold; margin-bottom:0.3rem; color:#fff; position:relative;}
.cp104 .box{display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin-top:0.6rem;}
.cp104 .more3 { width:1.8rem; height:0.55rem; border:1px solid #fff; text-align:center; border-radius:0.3rem; display: flex;flex-wrap:wrap; justify-content:center;align-items: center; margin:0 0.3rem;}
.cp104 .more3 a { width:1.8rem; height:0.55rem; line-height:0.55rem; display:block; font-size:0.16rem; color:#fff; border-radius:25px;}
.cp104 .more3:hover { background:#7da7d9; border:1px solid #7da7d9; border-radius:25px;}
.cp104 .more3:hover a{ color:#fff;}


.cp105 {width:100%;position: relative; padding:0.6rem 0 0;}
.cp105 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.cp105 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.cp105 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.cp105 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon21.png) no-repeat;}
.cp105 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.cp105 .con .box ul{ width:100%;display: flex;flex-wrap:wrap;justify-content: center; align-items: center; margin-top:0.3rem;}
.cp105 .con .box ul li {width: 20%; text-align:center;}
.cp105 .con .box ul li a{ display:block; width:100%; margin-bottom:0.3rem;}
.cp105 .con .box ul li a img{transition: transform 0.5s ease; transform: scaleX(1);}
.cp105 .con .more1{ margin:0.3rem auto;}
.cp105 .con .sum h1{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.cp105 .con .sum h2{ width:100%; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem;}
.cp105 .con .sum p{ width:100%; position:relative; font-size:0.16rem; font-weight:500; line-height:0.3rem; margin-bottom:0.3rem; padding-left:0.15rem;}
.cp105 .con .sum p:before{ display:block; content:""; position:absolute; width:0.06rem; height:0.06rem; border-radius:50%; left:0; top:0.13rem; transition:.5s; z-index:10; background:#f00;}
 
.cp106 {width:100%;position: relative; padding:0.6rem 0; background:url(bg01.png) repeat;}
.cp106 .i_tit2{ width:100%; text-align:center; position:relative; margin-top:0.3rem;}
.cp106 .i_tit2 h1{ font-size:0.36rem; font-weight:bold; margin-bottom:0.3rem; color:#666; position:relative;}
.cp106 .con{ width:100%; margin:0 auto; padding:0.6rem; position:relative;} 
.cp106 .con:before{ display:block; content:""; position:absolute; width:0.8rem; height:0.8rem; left:50%;transform:translateX(-50%);top:0.2rem; transition:.5s; z-index:10; background:url(icon33.png) no-repeat;}
.cp106 .con .box{ width: 100%;position: relative; border:1px solid #7da7d9; padding:0.6rem; border-radius:0.3rem;}
.cp106 .con .box .txt { width:100%; position: relative; display: flex; margin:0.6rem 0; }
.cp106 .con .box .txt .top{ width: 50%; position:relative;}
.cp106 .con .box .txt .top .item { width:100%; font-size:0.2rem; font-weight:700; margin-bottom:0.6rem; text-align:right; color:#666; }
.cp106 .con .box .txt .top .item img{opacity:0; margin-left:0.5rem;}
.cp106 .con .box .txt .top .item.active{ color:#f00; }
.cp106 .con .box .txt .top .item.active img{opacity:1;}
.cp106 .con .box .txt .bot { width:50%;position: relative; }
.cp106 .con .box .txt .bot .item { overflow: hidden; display: none; font-size:0.16rem; line-height:0.3rem; padding-left:0.3rem;}
.cp106 .con .box .txt .bot .item.active {display: block;animation: fa 1s linear forwards;}
 













