*{padding: 0;margin: 0; box-sizing: border-box;}

/* CSS Document */
button{border: none;outline: none;}
button:focus{ outline:none}
:root {
    --hover: #ec2800
}

@font-face {
    font-family: "syRegular";
    src: url("http://www.gggkyy.com/statics/new/fonts/syRegular.eot");
    src: url("http://www.gggkyy.com/statics/new/fonts/syRegular.eot?") format("embedded-opentype"), url("http://www.gggkyy.com/statics/new/fonts/syRegular.woff") format("woff"), url("http://www.gggkyy.com/statics/new/fonts/syRegular.ttf") format("truetype"), url("http://www.gggkyy.com/statics/new/fonts/syRegular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "din";
    src: url("http://www.gggkyy.com/statics/new/fonts/din.eot");
    src: url("http://www.gggkyy.com/statics/new/fonts/din.eot?") format("embedded-opentype"), url("http://www.gggkyy.com/statics/new/fonts/din.woff") format("woff"), url("http://www.gggkyy.com/statics/new/fonts/din.ttf") format("truetype"), url("http://www.gggkyy.com/statics/new/fonts/din.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}

a{
    color:#222;
    text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:#03b397;
    text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
    clear:both;
    font-size:0px;
    line-height:0;
    height:0;
}
* html .clearfix {
    zoom: 1;
}
*:first-child+html .clearfix {
    zoom: 1;
}
.cell, .cell2, .cell3 {
    border-collapse:collapse;
    border-spacing:0;
}
.fl {
    float:left;}
.fr {
    float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}
*{padding: 0; margin: 0;}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}

input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
    display: none;
}
input[type="text"]:disabled
{
    background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
.swiper-button-prev:focus,.swiper-button-next:focus{-webkit-appearance:none;outline:none}
.in_body{opacity: 0;}
.section{ position: relative; height: 100vh;}
header{ width: 100%; }
.headerbg{ width: 100%; border-top: solid #00846f .1rem;  padding: .2rem 0;}
header.inner{ position: static;}
.wapnav{ display: none;}
.navclose{ display: none;}

.subnavbg{ background:#fff url("http://www.gggkyy.com/statics/new/images/nav_bg.png") bottom center no-repeat; border-bottom-left-radius: 150px; padding-top: 1.28rem; border-top: 1px #eee solid; width: 100%; min-height: 400px; display: none;}
.topbox{ width: 100%; border-top: solid #eee 1px;}
.wrap_c{ width: 80%; margin: 0 auto; clear: both;max-width: 1280px;}
.d-flex{display: flex; justify-content: space-between; align-items: center;}
.logo{max-width: 9rem;}
.logo img{max-width: 100%;}
.logo img:nth-child(1){ display: block;}
.logo img:nth-child(2){ display: none;}
.searchbox{ width: 3.7rem; height: .5rem;  border: solid #ddd 1px; border-radius: .05rem;position: relative;  }
.searchbox form{display: flex; align-items: center;}
.searchbox select{ border: none; padding:0  .3rem 0 .2rem; border-right: solid #ddd 1px; height: .2rem; background: url("../image/arr_d1.png") center right no-repeat; font-size: .16rem;}
.searchbox input.input2{ width: 2.1rem; border: none; height: .5rem; padding: 0 .2rem; box-sizing: border-box; line-height: .38rem; background: transparent; font-size: .14rem; color: #333; }
.searchbox .submit1{position: absolute; top:-.01rem; right: -.01rem; width: .9rem; height: .5rem;  border: none; background: #00846f;color:#fff; line-height: .5rem; text-align: center; border-top-right-radius: .05rem; border-bottom-right-radius: .05rem; }

.top_nav>ul{display: flex; width: 100%;justify-content: space-between;}
.top_nav>ul>li{ position: relative;padding: 0 .14rem;}
.top_nav>ul>li:hover,.top_nav>ul>li.active{ background: #00846f;}
.top_nav>ul>li>a{ display: inline-block; font-size: 0.18rem; color: #222; white-space: nowrap; line-height: .6rem;position: relative;}
.top_nav>ul>li:hover>a,.top_nav>ul>li.active>a{ color: #fff;}
.top_nav>ul>li>div.subnav{ position: absolute; top:.6rem;left:-10%; width: 120%;  text-align: center; display: none; z-index: 9999;}
.top_nav>ul>li>div.subnav>ul{ background:#f9f9f9; margin-top: .1rem; width: 100%;}
.top_nav>ul>li>div.subnav>ul>li{ line-height: .26rem; font-size: 0.16rem; position: relative; padding: .05rem 0; border-bottom: solid #ddd 1px;}
.top_nav>ul>li>div.subnav>ul>li:hover{ background:#00947c }
.top_nav>ul>li>div.subnav>ul>li a{color:#333;
    display: block; }
.top_nav>ul>li>div.subnav>ul>li:hover a{ color: #fff;}



.banner img{ width: 100%; display: block;}
.wap-img{display: none}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom,.banner  .swiper-pagination-fraction{ bottom: .8rem;}
.banner .swiper-pagination-bullet {
    width: 1.2rem;
    height:4px;
    display: inline-block;
    border-radius: 0;

    opacity: .3;
    background: #000;


}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:  0 8px;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #03b397;
}

.ban{ width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; bottom: 0;display: flex; align-items: center;}
.ban_text{  width: 87%; margin: 0 auto; display: flex; align-items: center;}
.ban_con{ width: 43%;}
.ban p{ text-align: left;}
.ban p>img{ width: auto;}
.ban h3{ font-size: .54rem;  line-height:.9rem;color:#333; text-align: left; margin-bottom: .8rem;}
.ban h3>i{ display: block; font-size: .42rem;/*color:#fb3326;*/ margin-bottom: .14rem;}
.sec0{ width: 100%; margin-top:-.6rem;  position: relative; z-index: 9999;}
.item-box{ width: 100%; background:url("../image/inav_bg.png") left top no-repeat;box-sizing: border-box; padding: .2rem;}
.item-nav{ width: 100%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); padding: .35rem;}
.item-nav>li{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 16%; position: relative;}
.item-nav>li:before{ position: absolute; content: ''; width: 1px; height: 60%; left:0; top:20%; background: #eee;}
.item-nav>li:first-child:before{display: none;}
.item-nav>li>a{ display: block;}
.item-nav>li>a>img{max-width: 100%;}
.item-nav>li>a.txt{ color: #333; font-size: .16rem; margin-top: .12rem;}
.item-nav>li:hover>a.txt{ color:#00846f; }
.sec1{ width: 100%; padding: .5rem 0 .2rem ;}
.h3_tit1{ width: 100%; display: flex; justify-content: space-between; align-items: center;  margin-bottom: .3rem;position: relative;}
.h3_tit1 a.tit{ font-size: .28rem; color: #404040; display: block;position: relative; }
.h3_tit1 a.tit:before{ position: absolute; content: ''; width: .6rem; height: .05rem; background: #00846f; bottom: -.2rem; left: 0;}
.h3_tit1 a.more{ width: .24rem;}
.h3_tit1 a.more img{max-width: 100%;}
.h3_tit1 a.more img:nth-child(1){ display: block;}
.h3_tit1 a.more img:nth-child(2){ display: none;}
.h3_tit1 a.more img{max-width: 100%;}
.h3_tit1 a.more:hover img:nth-child(1){ display: none;}
.h3_tit1 a.more:hover img:nth-child(2){ display: block;}
.flex-start{ align-items: flex-start;}
.h3_tit1 a.tit:hover{  color: #00846f;}

.ibox1{width: 31%; font-size: .18rem; box-shadow: 0 2px 10px rgba(0,0,0,.1); padding:0 .2rem;border: solid #eee 1px; }
.ibox1>a{ display: block; position: relative; overflow: hidden;}
.ibox1 h3.h3_tit1{ margin-top: .2rem; border-bottom: solid #eee 1px; padding-bottom: .15rem; margin-bottom: 0;}
.ibox1 .h3_tit1 a.tit:before{ display: none;}
.ibox1 .h3_tit1 a.tit{  color: #00846f;}
.ibox1>a>img{width: 100%;display: block;}
.ibox1>a>span{ display: block; position: absolute; width: 100%; background: rgba(0,0,0,.6); color: #fff; bottom: 0; left: 0; line-height: .5rem; padding-left: .2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ibox1>a:hover>span {color: #00846f;}
.ibox1 ul{ width: 100%; }
.ibox1 li{ display: flex; justify-content: space-between; background: url("../image/fk.png") center left no-repeat; padding-left: 15px;  align-items: center; line-height: 3;border-bottom: dashed #eee 1px;}
.ibox1 li:last-child{ border-bottom: none;padding-bottom: .1rem;}
.ibox1 li a{display: block; font-size: .18rem; color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ibox1 li a:hover{color: #00846f;}
span.date{ font-size: .14rem; color: #aaa; line-height: .3rem; white-space: nowrap; }
.sw1 h3.h3_tit1{border-bottom: solid #eee 1px; padding-bottom: .2rem; margin-bottom: .1rem;}

.sec6{background:#edf7f5;  padding: .4rem 0; margin-top: .4rem; width: 100%;}

ul.ul1{ width: 100%;  flex-wrap: wrap;}
ul.ul1 li{ width: 31%; background: #fff; padding: .1rem; display: flex; justify-content: space-between; margin-top: .2rem;}
ul.ul1 li span{ width: 25%; text-align: center; font-size: .16rem; color: #999;display: flex; align-items: center; justify-content: center; flex-direction: column;}
ul.ul1 li span>i{ font-size: .28rem; color: #00846f; display: block; line-height: 1.5;}
ul.ul1 li div{ width: 75%; line-height: .3rem;position: relative;}
ul.ul1 li div a.a1{ font-size: .18rem; color:#333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
ul.ul1 li div a.a2{ font-size: .14rem; color:#00846f; position: absolute; bottom: 0; right: 0;}
ul.ul1 li div a.a2 img:nth-child(1){display: block;}
ul.ul1 li div a.a2 img:nth-child(2){display: none;}
ul.ul1 li:hover{ background:#00846f; }
ul.ul1 li:hover span,ul.ul1 li:hover span>i,ul.ul1 li:hover div a.a1,ul.ul1 li:hover div a,a2{ color: #fff;}
ul.ul1 li:hover div a.a2 img:nth-child(1){display: none;}
ul.ul1 li:hover div a.a2 img:nth-child(2){display: block;}

ul.ul3{ width:100%;background: #fff; padding: .2rem .25rem;  }
ul.ul3 li{ width: 100%; display: flex;  justify-content: space-between; align-items: center; border-bottom: solid #eee 1px; padding-bottom: .18rem; margin-top: .18rem;position: relative;padding-left: .2rem; box-sizing: border-box;}
ul.ul3 li:before{position: absolute; left: 0; width: 4px; height: 4px; background: #ccc; content: '';z-index: 2;}
ul.ul3 li>a{ font-size: .18rem; color:#333; line-height: .3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:78%;}
ul.ul3 li>a:hover{color: #00846f;}
.sw1 ul.ul0 li{ padding-left: 0; background: none;display: flex; align-items: center; padding: .08rem 0; }
.sw1 ul.ul0 li:last-child{border-bottom: none;}
.sw1 ul.ul0 li>span{ display: block; min-width: .7rem;  border: solid #eee 1px;line-height: .2rem; padding: .05rem;  }
.sw1 ul.ul0 li>span>b{  display:block;font-size: .2rem;color:#222; text-align: center; line-height: 1.2; font-weight: normal;}
.sw1 ul.ul0 li>span>i{ display: block; font-size: .12rem;color:#999;  width: 100%; text-align: center; height: .2rem; }
.sw1 ul.ul0 li>a{ font-size: .2rem; color: #666; margin-left: .3rem; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; display: block;}
.sw1 ul.ul0 li>a:hover{color: #00846f;}
.sw1 ul.ul0{width: 100%; }
.sec2{ width:100%;}
.sw_box1{ width: 100%; position: relative; margin-top: .5rem;}
.sw_box1 .swiper1{ width:88%; margin: 0 auto;}
.swiper-button-prev2,.swiper-button-next2{ background:#c9c9c9; width: .44rem; height: 1rem; display: flex; align-items: center; justify-content: center; color: #fff;  top:calc(50% - .25rem)}
.swiper-button-prev2{ left: 0;}
.swiper-button-next2{right:0;}
.swiper-button-prev2:hover,.swiper-button-next2:hover{ background:#03b397; }
.sw_box1  .swiper-button-next2:after, .sw_box1 .swiper-button-prev2:after {
    display: none;
}
.sw_box1 .swiper1 .swiper-slide{ padding: 0 .1rem;}
.sw_box1 .swiper1 .swiper-slide img{width: 100%; display: block;}


.sec3{ background: url("../image/i_bg1.jpg") center no-repeat; background-size: cover; padding: .5rem 0; margin-top: .5rem;}
.sec3 .h3_tit1 a.tit{ color: #fff;}
.sec3 .h3_tit1 a.tit:before{ background: #fff;}
.sw_box2{ width: 100%; position: relative; margin-top: .6rem;
    }
.sw_box2 .swiper2{ width:100%; margin: 0 auto;overflow: hidden;}
.swiper-button-prev3,.swiper-button-next3{ background:rgba(0,0,0,.5); width: .44rem; height: 1rem; display: flex; align-items: center; justify-content: center; color: #fff;  top:calc(50% - .25rem)}
.swiper-button-prev3{ left: 0;}
.swiper-button-next3{right:0;}
.swiper-button-prev3:hover,.swiper-button-next3:hover{ background:#03b397; }
.sw_box2 .swiper-button-next3:after, .sw_box2 .swiper-button-prev3:after {
    display: none;
}
.sw_box2 .swiper2 .swiper-slide{ padding:0}
.sw_box2 .swiper2 .swiper-slide img{width: 100%; display: block;}
.sw_box2 .swiper2 .person{ width: 100%; text-align: center; background: #fff;}
.sw_box2 .swiper2 .person>b{ width: 30%; height: .05rem; background:#03b397; display: block; margin: 0 auto; }
.sw_box2 .swiper2 .person a{ display: block; font-size: .16rem; color: #333;}
.sw_box2 .swiper2 .person a.cname{ color:#00846f; font-size: .18rem; margin-top: .2rem;}
.sw_box2 .swiper2 .person a.duties{ color: #999; line-height: 1.8;}
.sw_box2 .swiper2 .person a.p_img{ padding: .2rem; overflow: hidden; width: 100%;box-sizing: border-box;}
.sw_box2 .swiper2 .person a.p_img>img{ width: 100%;transform: scale(1);transition: all .3s linear;}
.sw_box2 .swiper2 .person:hover a.p_img>img{ width: 100%;transform: scale(1.1)}
.sw_box2 .swiper2 .person a.de-office{padding-bottom: .2rem;}
.swiper-pagination3{ text-align: center; position: static; margin-top: .4rem;}
.sw_box2 .swiper-container-horizontal>.swiper-pagination-bullets, .sw_box2 .swiper-pagination-custom,.sw_box2  .swiper-pagination-fraction{ bottom: .3rem;}
.sw_box2 .swiper-pagination-bullet {
    width: .5rem;
    height:.1rem;
    display: inline-block;
    border-radius: 0;

    opacity: .2;
    background: #fff;
    margin:  0 8px;



}
.sw_box2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:  0 8px;
}
.sw_box2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.sec4{ margin-top: .5rem;}
.ibox4{ width: 100%; display: flex;position: relative;}
.ibox4 .ibox4_l{  width: 40%;display: block; position: relative; font-size: .18rem;}
.ibox4 .ibox4_l img{width: 100%;display: block;}
.swiper-pagination0{ width: 1rem;  text-align: right;  position: absolute; bottom: 0; right: 0; z-index: 999;}
.ibox4 .ibox4_l .swiper-slide span{ display: block;  position: absolute; width:100%;padding-right: 20%; padding-left: .2rem; background: rgba(0,0,0,.6); color: #fff; bottom: 0; left: 0; line-height: .5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ibox4 .ibox4_l .swiper-slide:hover span{color:#00846f;}
.ibox4_l .swiper-container-horizontal>.swiper-pagination-bullets, .ibox4_l .swiper-pagination-custom,.ibox4_l  .swiper-pagination-fraction{left:auto; right: .2rem; width: auto; bottom: .1rem; }
.ibox4_l .swiper-pagination-bullet {
    width: .2rem;
    height:.2rem;
    display: inline-block;
    border-radius: 0;

    opacity: .3;
    background: none;
    border: solid #fff 1px;


}
.ibox4_l .swiper-pagination-bullet-active{ border: none; background: #00846f; opacity: 1;}
 div.ibox4_r{ width: 56%; box-sizing: border-box;  position: relative;z-index: 2; background: #fff;box-shadow:  0 2px 5px rgba(0,0,0,.1); margin-left: 2%;}
 .tab-tit{ display: flex;position: absolute; left: 2rem;}
  .tab-tit a{ color: #999; font-size: .18rem; margin-right: .4rem;position: relative; display: inline-block;}
.tab-tit a:before{width: .8rem; background: #00846f; height: 1px; bottom: -.27rem; left: 0;content: ''; z-index: 3;opacity: 0;position: absolute;}
  .tab-tit a.active{ color: #00846f;font-size: .18rem;}
.tab-tit a.active:before{opacity: 1;}
.swiper5{ width: 100%; overflow: hidden;}
.sec5{ padding: .5rem 0; background: #edf7f5;}
 h3.h3_tit1{ margin-top: .2rem; border-bottom: solid #eee 1px; padding-bottom: .2rem; }
.f_k{ width: 100%;}

.f_k>a{ display: block; width: 3.55rem; height: 1.12rem; background: url("../image/k_bg1.png") center no-repeat; background-size: cover; line-height: 1.12rem; text-align: center; font-size: .36rem; color: #fff; margin-left: -.15rem;}
.f_k>ul{ width: 100%; display: flex; justify-content: space-between;}
.f_k>ul>li{ display: flex; width: 7%;margin-right: 2%;}
.f_k>ul>li>div.k_nav{ font-size: .2rem; color: #333; background:#fff;display: flex;  align-items: center; font-weight: bold;flex-direction: column;  padding: .4rem .15rem ;text-align: center;}
.f_k>ul>li:nth-child(3)>{margin-right: 0;}
.f_k>ul>li>div.k_item{  background: #fff;   width:96%;padding: 1%; margin-left: 1%;display: none; }
.k_item a{ display:inline-block; background:#f3f4f5; color: #000; text-align: center;  width: 17%;font-size: .16rem; margin:1%; line-height: 2.8; }
.k_item a:hover{ background: #00846f; color: #fff;}
.f_k>ul>li.active{ width: 84%;}
.f_k>ul>li.active>div.k_item{ display: block;}
.f_k_item a:hover,.f_k_item a.active{  color: #00846f; font-weight: bold; }
.f_k>ul>li a.arr_r img:nth-child(1){display: block;  width: .32rem; margin-bottom: .1rem;}
.f_k>ul>li a.arr_r img:nth-child(2){display: none; width: .32rem; margin-bottom: .1rem;}
.f_k>ul>li i img:nth-child(1){display: block;  width: .32rem; margin-top: .1rem;}
.f_k>ul>li i img:nth-child(2){display: none; width: .32rem; margin-top: .1rem;}

.f_k>ul>li.active div.k_nav{background:#00846f;}
.f_k>ul>li.active div.k_nav>a{ color:#fff; }
.f_k>ul>li.active a.arr_r img:nth-child(2){display: block;}
.f_k>ul>li.active a.arr_r img:nth-child(1){display: none;}
.f_k>ul>li.active i img:nth-child(2){display: block;}
.f_k>ul>li.active i img:nth-child(1){display: none;}
.swiper4{ width: 100%; overflow: hidden;}
.sw2{ width: 98%; background: #fff; z-index: 999; position: relative; padding-top: .2rem;}

 a.k_img{ width: 20%;}
a.k_img img{width: 100%; display: block;height: auto;}
.f_k_box{ position:relative;}

.f_k_r{ position: absolute; right: 0; top: -.82rem;background-image: linear-gradient(to right, #03b397 , #00846f); width:16%; height:100%; }
.f_k_r a{font-size: .16rem; color: #fff; display: flex; justify-content: center; margin: .4rem .3rem 0 0;}
.f_k_r a>i{ margin-left: .1rem;}
.f_k_r a>i>img{ width: .08rem;}
.sw_box1 .swiper3{ width:88%; margin: 0 auto;}

.swiper-button-prev4,.swiper-button-next4 {background:#c9c9c9; width: .44rem; height: 1rem; display: flex; align-items: center; justify-content: center; color: #fff;  top:calc(50% - .25rem)}
.swiper-button-prev4{ left: 0;}
.swiper-button-next4{right:0;}
.swiper-button-prev4:hover,.swiper-button-next4:hover{ background:#00846f; }
.sw_box1  .swiper-button-next4:after, .sw_box1 .swiper-button-prev4:after {
    display: none;
}
.sw_box1 .swiper3 .swiper-slide{ padding: 0 .1rem;}
.sw_box1 .swiper3 .swiper-slide img{width: 100%; display: block; transform: scale(1);transition: all .3s linear;}
.sw_box1 .swiper3 .swiper-slide:hover img{transform: scale(1.1);}
.sec_link{ width: 100%; background: #363636; padding: .3rem 0; margin-top: .5rem; border-bottom: solid #4c4c4c 1px;}
.sec_link p{ text-align: center; width: 49%; border-right: solid #4c4c4c 1px; color: #ccc; font-size: .16rem;}
.link{ font-size: .16rem; color: #fff; text-align: center; width: 50%;}
.link a{ display: inline-block; margin-right: .3rem;  padding-left: .3rem; color:#ccc;}
.link>a:first-of-type{ border-left: none;}
.link a:hover{ font-weight: bold;color:#00846f;}
footer{width: 100%; background:#363636; background-size: cover; padding: .3rem 0; }
footer .d-flex{ align-items: flex-start;}
.pc_p{ width: 36%; display: flex; align-items: center; box-sizing: border-box; padding-left: .4rem;border-right:solid #4c4c4c 1px;}
.pc_p p{font-size: .14rem;  color: #fff; line-height: .3rem; }
.pc_p span{ margin-right: .3rem;}
.pc_p a {color:#fff;}
.pc_p1{ width: 30%; box-sizing: border-box; padding-left: .4rem; color: #ccc; font-size: .14rem; }
.pc_p1 p{line-height: .3rem;}
.pc_p1 p>span{ text-align: left;display: inline-block; min-width: .7rem;}
.foot_r{ color: #333; width: 33%; border-left:solid #4c4c4c 1px; }

.foot_r ul{ display: flex; justify-content: center; width: 100%;}
.foot_r  ul li{ padding: 0 .2rem; text-align: center; color: #fdf0e4; font-size: .14rem; box-sizing: border-box;}
.foot_r  ul li>img{ max-width: 100%; display: block; margin: 0 auto;}
.foot_r  ul li>p{ line-height: 3;}
.wap_p{ display: none;}
.bottom_nav{ width: 100%; border-top: solid #4c4c4c 1px;}
.bottom_nav>ul{ display: flex; max-width: 1280px; margin: 0 auto;justify-content: center;}
.bottom_nav>ul>li{margin:.2rem .1rem;border-left: solid #4c4c4c 1px; padding-left: .2rem;}
.bottom_nav>ul>li:first-child{ border-left: none;}
.bottom_nav>ul>li>a{ color: #ccc; font-size: .16rem; white-space: nowrap;}

@media(max-width:749px){
    header{ height: 1.4rem;}
    .headerbg{ }
    .logo{ max-width: 80%;}
.wrap_c{ width: 92%;}
    .wapnav{ display: block;}
    .wapnav img{max-height:.5rem; width: auto;}
    .navclose{ display: block;}

    .searchbox{ display: none;}
    .logo img:nth-child(1){ display: none;}
    .logo img:nth-child(2){ display: block; max-height: 1rem; width: auto;}
    .topbox{ background: rgba(0,0,0,0.3); position: fixed; width: 100%;  top:1.4rem; left:0; z-index: 9999;display: none;
       overflow-y: auto; height: 100%; }
    .pc-img{ display: none;}
    .wap-img{ display: block;}
    .top_nav{ width: 100%; background: #fff;}
    .top_nav>ul{ flex-direction: column;}
    .top_nav>ul>li{margin: 0 .6rem; border-bottom: solid #eee 1px;padding: .25rem 0;}

    .top_nav > ul > li:hover, .top_nav > ul > li.active{background:none;}
    .top_nav>ul>li>a{ display: block; font-size: 0.32rem; color: #000; white-space: nowrap; font-weight: normal; }
    .top_nav>ul>li:hover>a,.top_nav>ul>li.active a{ color:#00846f; }
    .top_nav>ul>li>div.subnav{position: static; width: 100%; background: none; margin-top: .1rem;}
    .top_nav>ul>li>div.subnav>ul{ display: flex; flex-wrap: wrap;background: none; margin-top: 0;}
    .top_nav>ul>li>div.subnav>ul>li{ width: 30%; border-bottom: none; margin-right: 0; text-align: left; margin-top: .2rem;}
    .top_nav>ul>li>div.subnav>ul>li a{color:#000;font-size: .26rem;}
    .top_nav>ul>li>div.subnav>ul>li a:hover, .top_nav>ul>li>div.subnav>ul>li.active a{ color:#00846f;}

    .top_nav>ul>li>div.subnav>ul>li:hover{background: none;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: .2rem;}
    .d-flex{ flex-wrap: wrap;}
    .ibox1{width: 100%; padding-bottom: .3rem;}
    .ibox1:last-child{ padding-bottom: 0;}

    .foot_l,.foot_r{display: none;}
    .wap_p{ display: block; width: 100%; padding-bottom: .2rem;}
    .wap_p p{ text-align: center;font-size: .28rem; line-height: 2; color: #fff;}
    .tab-tit a{ font-size: .26rem;}
    .tab-tit a.active{font-size: .26rem;}
    div.ibox4_r{width: 100%; padding-left: 0; margin-top: .5rem; margin-left: 0; box-shadow: none;}
    /*.swiper-button-prev3, .swiper-button-next3{ display: none;}*/
    span.date{font-size: .22rem; margin-top: .1rem;display: block; white-space: nowrap;}
    ul.ul1 li span,ul.ul1 li div a.a2{font-size: .2rem;}
    ul.ul1 li span > i{font-size: .3rem;}
    ul.ul2 li > div > a,ul.ul3 li > a,.sw1 ul.ul0 li > a,ul.ul1 li div a.a1{ font-size: .26rem;}
    ul.ul3 li > a{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-right: .2rem;}
    ul.ul1 li{ padding: .2rem;padding-left: 0; width: 100%;}
    ul.ul1 li div a.a1{line-height: 1.5}

    .sec4 { margin-top: 0;}
    .sec0 { margin-top: 0; position: static;}
    .item-box{padding: 0; background: none;}
    .item-nav{ padding: .1rem .4rem; box-shadow: none;   border-radius: 0; }
    .item-nav > li{ width: 25%; margin:.3rem 0;}
    .item-nav > li > a.txt{ font-size: .3rem;}
    .item-nav > li::before{ display: none;}
    .h3_tit1 a.tit{ font-size: .32rem; }
    .ibox1 > a > span{font-size: .26rem;}
    .ibox1 li a,.sw_box2 .swiper2 .person a.cname,.ibox4 .ibox4_l{ font-size: .24rem;}
    .sw_box2 .swiper2 .person a.duties,.sw_box2 .swiper2 .person a{font-size: .2rem;}
    .mt-1{ margin-top: .3rem;}
    .ibox1 ul.ul0 li{ justify-content: flex-start;}
    .ibox1 ul.ul0 li>a{ margin-left: .2rem;}
    .ibox4{ flex-wrap: wrap;}
    .ibox4 .ibox4_l,ul.ibox4_r,ul.ibox4_r li{ width: 100%;}
    ul.ibox4_r li{ margin-left: 0; padding: .3rem;}
    ul.ibox4_r li > div > a,ul.ibox4_r li > div > span{ font-size: .28rem;}
    ul.ibox4_r li > div > span{ margin-top: .3rem;}
    ul.ibox4_r li:nth-child(4),ul.ibox4_r li:nth-child(5),ul.ibox4_r li:nth-child(6){ display: none;}
    .sw2 { width: 99%;}
    a.k_img,.f_k_r{ display: none;}
    .f_k{ width: 100%;}
    .f_k > ul{flex-wrap: wrap;}
    .f_k > ul > li {
        font-size: .26rem;
        padding: .15rem 0;

        width: 100%;
        font-weight: bold;
        flex-wrap: wrap;
    }
    .f_k > ul > li.active{ width: 100%;}
    .f_k > ul > li > div.k_nav{width: 100%; flex-direction: row; justify-content: center; align-items: center;}
    .f_k > ul > li a.arr_r img:nth-child(1), .f_k > ul > li a.arr_r img:nth-child(2){margin-bottom: 0; margin-right: .2rem;}
    .f_k > ul > li i{ display: none;}
    .f_k > ul > li > div.k_item{ width: 100%;}
    .k_item a{ width: 30%;}
    .bottom_nav{ display: none;}


footer{ margin-top: .5rem;}
    .pc_p,.pc_p1,.foot_r,.sec_link{ display: none;}
    .sw_box2 .swiper2{ width: 100%; margin: 0 auto;}
    .sw_box2 .swiper2 .person{ margin: 0%; width: 100%;}

    .ibox1 ul.ul0 li>span{  width: .9rem; line-height: .36rem;  }
    .ibox1 ul.ul0 li>span>b{  font-size: .36rem;color:#03b397; text-align: center; line-height: 1.2;}
    .ibox1 ul.ul0 li>span>i{  background: #03b397; font-size: .2rem;color:#fff;  width: 100%; text-align: center; height: .36rem; }


    #myBtn {
        display: none; /* 默认隐藏 */
        position: fixed;
        bottom: 5rem;
        right: 0;
        z-index: 999999;
       background: url("../image/top1.png") center no-repeat;
        background-size: cover;
        cursor: pointer;
        width: 1.2rem;
        height: 1.2rem;

    }

    .fixed-tool{ display: none}

}
#myBtn{ display: none}

.fixed-tool {
    position: fixed;
    width: 1.2rem;
    right:0;
    top: 50%;
    transform: translateY(-50%);


    z-index: 999;

    color:#fff;
    font-size: .15rem;

}
.fixed-tool ul li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    background: #00846f;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    padding: 30px 0;

}
.fixed-tool ul li:last-child{ background: #333333; padding: 40px 0;}
.fixed-tool ul li:hover{
    background:#03af94;
}
.fixed-tool ul li a {
    display: block;
    width: 100%;
    position: relative;
    color:#fff;


}
.fixed-tool ul li:last-child a{ border-bottom: none;}
.fixed-tool ul li a .icon {

    width: 100%;
    position: relative;
}

.fixed-tool ul li a .txt {
    font-size:.15rem;
    text-align: center;
    color: #fff;
}




.fixed-tool ul li a .icon:before {
    display: block;
    height: 40px;
    width: 100%;
    content: '';
    background: url(../image/wx_icon.png) no-repeat center center;

}
.fixed-tool ul li a .icon.icon-group:before {
    background: url(../image/wx_icon.png) no-repeat center center;

}
.fixed-tool ul li a .icon.icon-phone:before {
    background: url(../image/gh_icon.png) no-repeat center center;

}
.fixed-tool ul li a .icon.icon-wx:before {
    background: url(../image/jd_icon.png) no-repeat center center;

}
.fixed-tool ul li a .icon.icon-user:before {
    background: url(../image/mobile_icon.png) no-repeat center center;

}
.fixed-tool ul li a .icon.icon-top:before {
    background: url(../image/top.png) no-repeat center center;

}



.fixed-tool ul li a .hover {
    display: none;
    position: absolute;
    top: -.15rem;
    bottom: 0;
    right: 1.3rem;
   padding: .2rem;
    font-size: 15px;
    border: 1px solid #EDEDED;
    background: #fff;
}
.fixed-tool ul li:hover a .hover {
    display: flex;
    height: 1rem;
    align-items: center;
    justify-content: center;
}
.fixed-tool ul li a .hover p {
    padding: 0 15px;
    margin: 0;
    color: #222;
}
.fixed-tool ul li a .hover .img{ width: 100%;}
.fixed-tool ul li a .hover .img img {
  display: block;
    width: .9rem;
    margin: 0 auto;
}