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


.w1200{ max-width:1200px; margin:0 auto;}
.w1500{ max-width:1490px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}



.header{ background:#fff; width:100%; z-index:100; position:relative; transition:all .3s;}
.header{ position:fixed; top:0; left:0; }
.header .nav>ul>li>a{ text-transform: uppercase; display: block; font-size:18px; line-height:100px;color:#fff;  transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.header .nav>ul>li{ position:relative; padding:0 15px;}
.searhbtn img{ vertical-align:middle;}
.header .nav>ul>li .subnavs a{position:relative; display:block; font-size:14px; color:#999;  white-space:nowrap;transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s; padding:5px 0;}
.header .nav>ul>li .subnavs,.tanchulang{ box-shadow:0 0 15px rgba(0,0,0,.1); position:absolute; left:50%; opacity:0; visibility:hidden; top:120%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.header .nav>ul>li .subnavs:before{ height:2px; background:#333; top:-2px; left:0; content:""; display:block; width:100%; position:absolute;}

.header .nav>ul>li .subnavs{min-width:100%; padding:10px 25px; background:#fff;}
.header .nav>ul>li:hover .subnavs{ opacity:1; visibility:visible; top:100%; }


.header .nav>ul>li .subnavs a:hover{ padding-left:10px;}
.header .nav>ul>li .subnavs a:after{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-2.5px; width:5px; height:5px; background:#007c92; border-radius:100%; opacity:0; transition:all .3s; -webkit-transition:all .3s;}
.header .nav>ul>li .subnavs a:hover{ color:#007c92}
.header .nav>ul>li .subnavs a:hover:after{ opacity:1;}



.searhbtn{ margin-left:30px; cursor:pointer;}


.searchboxs{ transition:all .3s; position:absolute; top:120%; left:0; width:100%; padding:20px; background:#fff; opacity:0; visibility:hidden;}
.searchboxs form{ max-width:500px; margin:0 auto;}
.searchboxs button{ width:100px; height:40px; background:#007c92; color:#fff; cursor:pointer;}
.searchboxs input{ width:calc(100% - 100px); border:1px solid #007c92; height:40px; padding:0 15px; line-height:40px;}

.searchboxs.on{ top:100%; opacity:1; visibility:visible; box-shadow:0 0 15px rgba(0,0,0,.1);}
.lang{ position:relative; margin-left:30px;}
.lang span{ font-size:18px; color:#fff; position:relative; padding-right:25px; background-image:url(../images/lujingjt.png); background-position:right center; background-repeat:no-repeat; cursor:pointer;}

.tanchulang{ background:#fff; right:0; padding:15px 0; width:100px; text-align:center;  }
.lang:hover .tanchulang{ top:100%; opacity:1; visibility:visible;}
.tanchulang a{ color:#999; font-size:14px; display:block; padding:5px;}
.tanchulang a:hover{ background:#007c92; color:#fff;}

.banner img{ width:100%;}


.header{ background:rgba(0,0,0,.2);}
.header.index{ background:none;}
.header.on{background:rgba(0,0,0,.7);}
.logo { padding-left:80px;}
.header.on ul>li>a{ line-height:80px;}

.header ul>li.on>a{ color: #007E96; position: relative;}
.header ul>li.on>a:after{ content: ""; background-color: #007E96; display: block; width: 20px; height: 4px; position: absolute; bottom:18px; left: 50%; margin-left: -10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }


.suban{  background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:25px;}
.suban .tbc{height:488px;}
.suban .tbc b{text-transform: uppercase; color:#fff; font-size:38px; display:block; font-weight:normal;}
.suban .tbc p{ font-size:24px; color:#fff;}

.psotion{box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05); margin-bottom:60px;}
.posile{ overflow:auto;}
.posile a{ line-height:65px; transition:all .3s; display:inline-block; margin-right:.3rem; font-size:14px; color:#999; position:relative;}
.posile a.on,.posile a:hover{ color:#333;}
.posile a:after{content:""; display:block;width:0; height:2px; background:#333; position:absolute; left:50%; bottom:0; border-radius:2px; transition:all .3s; -webkit-transition:all .3s;}
.posile a.on:after,.posile a:hover:after{ width:22px;    margin-left:-11px;}

.posiri,.posiri a{ font-size:12px; color:#666;}
.posiri{ background-image:url(../images/9about_culture_05.jpg); background-position:left center; background-repeat:no-repeat; padding-left:22px;}
.posiri a:hover{ color:#333}


.main05rili{ display:none;}



.news_top{ padding-bottom:10px;}
.news_top a{ position:relative; display:block;}
.news_top .txt{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.3); padding:25px 20px;}
.news_top .txt h2 { font-size:24px;font-family: siyuanheiti3; display:block; margin-bottom:5px; color:#fff;}
.news_top .txt p{ font-size:18px; color:#fff; font-weight:lighter;}
.news_top .img{ width:100%; height:500px; overflow:hidden;}


.newul{ margin-bottom:60px;}
.newul li{ margin-top:50px;}
.newul .img{ width:270px; height:170px;}
.newul .txt{ width:calc(100% - 300px);}

.newul .txt h2{ display:block; line-height:1.3; margin-bottom:10px;}
.newul .txt h2 a{ font-size:18px; color:#333; font-weight:normal; }
.newul .txt p{ font-size:14px; color:#666; line-height:2;}
.a_url{ margin-top:20px;}
.a_url span{ font-size:14px; color:#9F9F9F; padding-left:25px; background-image:url(../images/news_06.jpg); background-size:18px auto; background-position:left center; background-repeat:no-repeat;}
.a_url a{ transition:all .3s; line-height:40px; border:1px solid #007E96; padding:0 13px; display:inline-block; color:#007E96;}
.a_url a i{ margin-left:10px;}
.newul li:hover .a_url a{ background:#007E96; color:#fff;}



.news_top2 a{ width:31%;}
.news_top2 a .img{ height:400px;}


.news_top2 .txt{ padding:15px 20px;}
.news_top2 h2{ margin-bottom:0;  line-height:1; font-size:20px; font-weight:normal;font-family: siyuanheiti3;}
.news_top2 p{ line-height:1; margin-top:10px; opacity:.8;}




.zhaopin001 li{ width:32%; padding:25px; border-radius:5px;border: 1px solid #EEEFF4;}
.zhaopin001 li .zptit{ border-bottom:1px dashed #E7E9F1; padding-bottom:15px; margin-bottom:20px;}
.zhaopin001 li .zptit b{ font-size:18px;font-weight:normal;}
.zhaopin001 li .zptit b img{ vertical-align:middle; margin-left:5px; width: 25px;}
.zhaopin001 li .zptit span{ font-size:18px;font-family: siyuanheiti;}
.zhaopin001 li .zpbox b{ font-size:14px; color:#333; padding-left:14px; display:block; position:relative; margin-bottom:15px;font-family: siyuanheiti;}
.zhaopin001 li .zpbox b:after{ content:""; display:block; position:absolute; width: 4px;
height: 14px;
background: #007E96;
border-radius: 2px; left:0; top:50%; margin-top:-7px;}
.zhaopin001 li .contentp p{ font-size:14px; color:#666;font-family: siyuanheiti2;}
.zhaopin001 li .lxr{ margin-top:20px;}
.zhaopin001 li .lxr span{ font-size:12px; color:#007E96; display:block;font-family: siyuanheiti2;}


.main01{ padding:100px 0;}

.main01le{ width:49%; padding-right:40px;}
.main01ri{ width:48.5%;}

.main01tit{ font-size:26px; text-transform: uppercase; color:#007c92; display:block; padding-left:60px; position:relative;}
.main01tit:after{ content:""; display:block; width:45px; height:4px; background:#007c92; position:absolute; left:0; top:50%; margin-top:-2px;}
.main01le p{ color:#666666; font-size:16px; margin-bottom:30px;}
.main01le b{ font-size:28px; text-transform: uppercase; color:#333; font-weight:normal; display:block; line-height:1.5; margin-top:25px; margin-bottom:45px;}
.main01le a{ display:inline-block; margin-top:55px; padding:0 25px; line-height:50px; background:#007c92; color:#fff; font-size:18px;}
.main01le a i{ margin-left:15px;}

.indextit{ padding-bottom:75px; }

.main02{ padding-top:75px; padding-bottom:85px; background:#f7f7f7;}

.indextitle{position:relative; padding-left:35px;}
.indextitle b{ font-size:52px; display:block; line-height:80px; z-index:1; position:relative; text-transform:uppercase; font-weight:normal;}
.indextitle:after{ content:""; display:block; width:80px; height:80px; border-radius:100%; background:#007c92; z-index:0; left:0; top:0; position:absolute;}
.indextitle span{ font-size:24px; display:inline-block; margin-top:5px;}
.indextitle img{ vertical-align:middle; margin-left:20px;}

.indextit>a{ padding:0 40px; line-height:60px; background:#e4edef; border-radius:100px; display:inline-block; color:#007c92; font-size:22px;}
.indextit>a i{ margin-left:15px;}

.main02tab{ justify-content: center; }
.main02tab span{ line-height:100px; display:inline-block; font-size:18px; color:#666666; cursor:pointer; padding:0 50px; border:2px solid #eeeeee; margin-left:-2px;}

.main02tab span:first-child{border-top-left-radius: 1000px;border-bottom-left-radius: 1000px;}
.main02tab span:last-child{border-top-right-radius: 1000px;border-bottom-right-radius: 1000px;}

.main02center{ text-align:center; margin-bottom:30px;}
.main02tab span.on{ background:#007c92; color:#fff;}

.main02tap{ position:relative;}
.tapli.on{ opacity:1; position:relative; z-index:2;}
.tapli{ padding-bottom:70px; position:relative; opacity:0; position:absolute; left:0; top:0; width:100%; background:#f7f7f7;}

.main02tap .swiper-pagination{ text-align:center; width:100%; bottom:0;}
.main02tap .swiper-pagination span{ background:#e3e3e3; opacity:1; margin:0 5px;}
.main02tap .swiper-pagination span.swiper-pagination-bullet-active{ background:#007c92; width:20px; border-radius:10px;}
.main02tap .swiper-button-next{ right:-90px; top:1.45rem; width:50px; height:50px; text-align:center;}
.main02tap .swiper-button-prev{ left:-90px; top:1.45rem;width:50px; height:50px;text-align:center;}
.main02tap .swiper-button-next:after,.main02tap  .swiper-button-prev:after{ font-weight:bold; font-size:24px; color:#007c92}

.tapli .img img{ width:100%;}
.tapli .txt h2{ line-height:1.5; font-size:22px; color:#333333; font-weight:normal; margin:15px 0 12px;}
.tapli .txt p{font-family: siyuanheiti2; font-size:18px; color:#999999; line-height:1.3;}
.tapli .txt em{ padding:0 45px; line-height:32px; border:1px solid #e3e3e3; font-size:16px; color:#333; display:inline-block; border-radius:100px; line-height:45px; font-style:normal; margin-top:22px; transition:all .3s;}
.tapli .txt em i{ margin-left:10px;}
.tapli .swiper-slide:hover .txt em{ border:1px solid #007c92; color:#007c92;}


.main03{ padding:120px 0;}
.main03ul li{ width:32%; margin-bottom:2%; padding:35px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; padding-bottom:80px;}
.main03ul li:first-child{ width:66%;}
.main03ul li  a{ transition:all .3s; position:absolute; display:inline-block; left:35px; bottom:40px; font-size:14px; padding:0 15px; line-height:30px; color:#fff; border:1px solid #fff;}
.main03ul li a i{ margin-left:10px;}
.main03ul li p{ max-width:330px; min-height:180px; color:#fff; font-size:14px;}
.main03ul li b{ margin-bottom:15px; display:inline-block; font-weight:normal; color:#fff; font-size:24px; position:relative; padding:0 15px;}
.main03ul li b:after{ content:""; display:block; position:absolute; right:0; top:50%; width:10px; height:1px; background:#fff;}
.main03ul li b:before{ content:""; display:block; position:absolute; left:0; top:50%;width:10px; height:1px; background:#fff;}
.main03ul li:hover a{ background:#fff; color:#333;}

.main04{ padding:100px 50px; background-size:cover; background-position:center; background-repeat:no-repeat; text-align:center;}
.main04 b{ font-size:42px; font-weight:normal; color:#fff;font-family: siyuanheiti3; display:block; margin-bottom:10px;}
.main04 p{ font-size:30px; color:#fff; text-transform:uppercase;}
.main04 a{ transition:all .3s; margin-top:70px; display:inline-block; padding:0 70px; font-size:28px; line-height:70px; border:2px solid #fff; color:#fff;}
.main04 a:hover{ background:#fff; color:#333;}

.main05{ padding:120px 0;}
.main05le{ width:260px;}
.main05ri{ width:calc(100% - 300px);}
.main05le span{ cursor:pointer; position:relative; font-size:20px; color:#999999;font-family: siyuanheiti2; text-align:right; display:block; margin-top:60px;}
.main05le span:after{ content:""; display:block; transition:all .3s;height:2px; background:#007c92; position:absolute; left:0; top:50%; margin-top:-1px; width:0;}
.main05le span.on:after{ width:35px;}
.main05le span.on{ color:#007c92}


.main05rili li{ padding:40px 25px; width:32%; transition:all .3s;}
.main05rili li:hover{ background:#007c92;}
.main05rili li b{ line-height:1; display:block; font-size:52px; color:#666666; font-weight:normal;}
.main05rili li span{color:#999999; font-size:22px; display:block; margin:10px 0;font-family: siyuanheiti2;}
.main05rili li h3{ font-size:20px; font-weight:normal; color:#333; margin-bottom:20px;}
.main05rili li .img{ height:205px; margin-bottom:25px;}
.main05rili li p{ margin-bottom:40px; font-size:18px; color:#999999; line-height:1.3;font-family: siyuanheiti2;}
.main05rili li em{font-family: siyuanheiti2; font-size:16px; color:#999999; font-style:normal;}
.main05rili li em i{ margin-left:10px;}
.main05rili li:hover{ color:#fff;}
.main05rili li:hover b,.main05rili li:hover span,.main05rili li:hover h3,.main05rili li:hover p,.main05rili li:hover em{ color:#fff;}

.footer{ padding:70px 0 50px; background:#007c92;}

.fotle,.fotmi{ width:33.5%;}
.fotri{ max-width:150px; width:30%; text-align:center;    padding-top: 50px;}
.fotri img{ width:100%;}
.fotri span{ font-size:18px; color:#fff; display:block; margin-top:15px;}

.fotle b,.fotmi b{ font-size:22px; color:#fff; display:block; padding-bottom:10px; border-bottom:1px solid #80bec9; margin-bottom:30px; font-weight:normal; text-transform:uppercase;}
.fotle a{ display:inline-block; font-size:18px; width:32%; color:#fff; margin-bottom:10px;}
.fotle a:nth-child(4n){ margin-right:0}

.fotmi p{ color:#fff; font-size:18px; margin-bottom:10px;}
.fotmi p span{ margin-right:.5rem; display:inline-block;}

.copy{ width:100%; margin-top:70px;}
.copy p,.copy a{ font-size:18px; color:#fff}

.psotion { background:#fff;}
.posiri, .posiri a{ line-height:70px;}.posiri{ background-image:url(../images/pro_03.jpg); background-repeat:no-repeat;}

.prole{ width:270px;}
.prori{ width:calc(100% - 310px);}

.proletit{ text-align:center;background: #007E96; padding:20px; color:#Fff;}
.proletit b{ font-size:26px; display:block; line-height:1; font-weight:normal; text-transform: uppercase;}
.proletit span{ font-size:16px; color:#fff; display:block; line-height:1;}
.prolea{background: #fff; padding-top:10px;}
.prolea a{ display:block; position:relative; padding:13px 20px; font-size:16px; color:#333; line-height:35px; margin-bottom:10px; max-width:calc(100% - 40px); padding-right:0;}
.prolea a:after{ transition:all .3s; position:absolute; left:0; top:0; height:100%; width:0; content:""; display:block;}
.prolea i{ width:40px; height:50px; text-align:center;line-height:50px; font-size:20px; color:#333;}


.prolea a:after{ transition:all .3s; position:absolute; left:0; top:0; height:100%; width:0; content:""; display:block;}

.prolea li.on .flex> a:after,.prolea a:hover:after{ background:#007E96; width:10px;}
.prolea li.on .flex> a,.prolea a:hover{ color:#007E96}
.prolea li.on i{color:#007E96;    transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.prolea li{position:relative;}
.subnavny{ display:none;}
.prolea li.on .subnavny{ display:block;}
.subnavny a{display:block; padding:0 0 0 45px; font-size:14px;color:#333; margin:10px 0;}
.subnavny a:hover{ color:#007E96}
.subnavny a.on{ color:#007E96}

.prolists{justify-content: flex-start;}
.prolists li{ text-align:center; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.prolists li:nth-child(3n){ margin-right:0;}
.prolists li img{ width:100%;}
.prolists li b{ display:block; text-align:center; line-height:48px; transition:all .3s; background:#E3E3E3; color:#333; font-size:20px; font-weight:normal; padding:0 10px;}
.prolists li:hover b{background: #007E96; color:#fff;}

.pages{ margin:45px 0 65px; text-align:right;}
.pages ul{justify-content: flex-end;}
.pages ul li a{ font-size:12px; color:#3d3d3d; display:block; padding:0 15px; line-height:30px;}
.pages ul li.active a,.pages ul li:hover a{ color:#fff;background: #007E96;}

.prori2{ background:#fff; padding:0 40px;}
.proview{ padding-top:28px;}
.proview h1{ display:block; line-height:1; font-size:23px; border-bottom:1px solid #f7f7f7; padding-bottom:20px; font-weight:normal; margin-bottom:25px;}

.proview01 .img{ width:50%;}
.proview01 .txt{ width:46%;}
.bigImg { padding:25px 40px;border: 1px solid #F7F7F7;}
.bigImg img{ width:100%;}

.xiaotu{ padding:0 50px; margin-top:30px; position:relative;}
.gallery-thumbs img{ width:100%;}

.xiaotu .swiper-button-next{ right:0;}
.xiaotu .swiper-button-prev{ left:0;}
.xiaotu .swiper-button-next,.xiaotu .swiper-button-prev{width: 34px;
height: 34px; margin-top:-17px; border-radius:100%;
border: 1px solid #E3E3E3;}
.xiaotu .swiper-button-next:hover,.xiaotu .swiper-button-prev:hover{
border: 1px solid #007E96;}
.xiaotu .swiper-button-next:after,.xiaotu  .swiper-button-prev:after{ font-size:16px; color:#E3E3E3;}
.xiaotu .swiper-button-next:hover:after,.xiaotu .swiper-button-prev:hover:after{color:#007E96;}

.xiaotu .swiper-slide-thumb-active{ border:1px solid #007E96}

.proview{ overflow:hidden; position:relative;}
.gallery-top{ position:absolute; left:-9999px; top:-9999px;}

.proview01 .txt b{ font-size:16px; color:#007E96; padding-left:10px; line-height:1; display:block; border-left:4px solid #007E96; margin-bottom:20px;}
.proview01 .txt p{ font-size:14px; color:#999; padding-left:10px;}
.proview01 .txt a{ display:block; font-size:24px;line-height: 60px;background: #007E96; margin-top:50px; text-align:center; color:#fff;}

.proview02tit{ margin-top:40px; border-bottom:1px solid #F7F7F7;}
.proview02tit span,.proview02tit a{ cursor:pointer; font-size:16px; padding:15px 0; color:#333; margin:0 18px; display:inline-block; position:relative;}
.proview02tit span:first-child{ margin-left:0;}
.proview02tit span:last-child:before{ display:none;}
.proview02tit span:after{ content:""; display:block; position:absolute; width:0; height:2px; bottom:0; left:50%;background:#007E96;}
.proview02tit span.on:after{  width:100%; left:0;}
.proview02tit span:before{ width:1px; height:14px;background: #E3E3E3; position:absolute; right:-18px; top:50%; margin-top:-7px; content:"";}

.content{ padding:30px 0;}
.content p img{ max-width:100%;}
.content p{ font-size:12px; color:#999}
.proview02bot .content{ display:none;}

.proview03{ padding-top:20px; padding-bottom:30px; border-top:1px solid #F7F7F7}
.proview03 a{ max-width:49%; font-size:14px; color:#007E96;}

.main_pro{ padding-bottom:80px;}
.a_url a{ border-radius:100px;}

.abouttit{ margin-bottom:60px; text-align:center;}
.abouttit .line{ width:50px; height:3px; background:#007E96; border-radius:3px; margin:20px auto 15px;}
.abouttit b{ text-transform: uppercase; font-size:32px; display:block; font-weight:normal; line-height:1;}
.abouttit span{ display:block; font-size:14px; color:#999; line-height:1;}
.aboutle{ width:47%;}
.aboutri{ width:47%;}
.aboutri img{ width:100%;}

.aboutbox{ padding-bottom:80px;}

.aboutle>b{ font-size:32px;font-family: siyuanheiti3; font-weight:normal; display:block; text-align:center; margin-bottom:20px; line-height:1.5;}
.aboutle>b em{ color:#007E96; font-style:normal;}
.aboutcontent p{ font-size:14px; color:#888;  line-height:1.5;}
.about02{ margin-top:30px; padding:45px 40px; border-left:6px solid #007E96; border-radius:5px; overflow:hidden; font-size:16px; color:#007E96;background: #e5f2f4;}

.wenhuabox{ padding-bottom:80px;}
.wenhuabox li{ transition:all .3s; width:24%; padding:65px 35px; background:#fff; text-align:center;}
.wenhuabox li .img{ transition:all .3s;margin:0 auto; margin-bottom:40px; width:110px; height:110px; border-radius:100%; position:relative;background: rgba(39,145,166,0.1);}
.wenhuabox li .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.wenhuabox li b{transition:all .3s; font-size:26px; color:#666; line-height:1; margin:0 auto 30px; font-weight:normal;font-family: siyuanheiti3; display:block;}
.wenhuabox li p{transition:all .3s; color:#999999; font-size:14px;}
.wenhuabox li:hover{background: #2791A6;}
.wenhuabox li:hover .img{ background:#fff;}
.wenhuabox li:hover b{ color:#fff;}
.wenhuabox li:hover p{ color:#fff;}

.wenhua02{ padding:80px 0; background:#fff;}

.wenhua02 .w1200{ position:relative;}
.wenhua02 .txt{ padding:70px 0; padding-right:40px; width:80%;background: rgba(39,145,166,0.04); float:right; padding-left:38%;}
.wenhua02 .img{ width:51%; height:100%; padding-top:140px; position:absolute; left:0; top:0}
.wenhua02 .img img{ position:relative; z-index:2; width:100%; height:100%; object-fit:cover;}
.wenhua02 .img b{ position:absolute; left:0; top:20px; z-index:1; font-size:2rem; letter-spacing:10px; color:#fff; line-height:1; display:block;}
.wenhua02 .img b em{ font-style:normal; color:rgba(39,145,166,0.04);}


.wenhua02 .txt b{ font-size:29px;font-family: siyuanheiti3; display:block; line-height:1; font-weight:normal;}

.wenhua02 .txt  .line{ width:44px; height:4px; margin:30px 0;
background: #2791A6;}
.wenhua02 .txt p{ font-size:14px; color:#666; margin-bottom:20px;}


.wenhua03{ padding:80px 0;}
.wenhua03 li{ width:31%; background:#fff;}
.wenhua03 li img{ width:100%;}
.wenhua03 li .txt{ padding:40px 30px;}
.wenhua03 li .txt b{ font-size:24px; font-weight:normal; display:block; line-height:1; margin-bottom:10px;font-family: siyuanheiti3;}
.wenhua03 li .txt p{ font-size:14px; color:#999}


.yylist{    justify-content: flex-start;}
.yylist li{ width:31.33%; margin:1%;background: #F7F7F7; transition:all .3s;}
.yylist li .img{ height:250px;}.yylist li .txt{ padding:20px;}
.yylist li  b{ font-size:20px; color:#333; line-height:1.4; margin-bottom:10px; font-weight:normal;}
.yylist li p{ font-size:14px; color:#999; line-height:1.3; margin-bottom:20px;}

.yylist .tim span{ font-size:14px; color:#666666;}
.yylist .tim i{ color:#666666;}
.yylist li:hover{background: #007E96;}
.yylist li:hover b{ color:#fff;}
.yylist li:hover p{ color:#fff;}
.yylist li:hover .tim span{ color:#fff;}
.yylist li:hover .tim i{ color:#fff;}


.linianbox li{ margin-bottom:60px; padding:77px 0; position:relative;}
.linianbox li .txt{ position:relative; z-index:2;background: #FFFFFF;
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.12); padding:40px 60px; width:52%;}
.linianbox li .img{ clear:both; width:56.66%; height:100%; position:absolute; top:0; right:0; z-index:1;}

.linianbox li:nth-child(2n) .txt{ float:right;}
.linianbox li:nth-child(2n) .img{ left:0; right:auto;}
.linianbox li .txt b{ font-size:26px;}
.linianbox li .txt .line{ margin:25px 0; width:40px; height:4px;background: #007E96;}
.linianbox li .txt p{ font-size:16px; color:#666;}
.linianbox li .txt span{ font-size:18px; color:#007E96; display:block; margin-top:20px;}


.zhaopin01{ padding-bottom:60px;}

.zhaopin02{ padding:60px 0;
background: #F9F9F9;}

.zp02tit{ text-align:center; margin-bottom:50px;}
.zp02tit b{ font-size:36px; color:#333; display:block; font-weight:normal;}
.zp02tit span{ font-size:16px; color:#666}

.zhaopin02 li{ margin-bottom:30px;}
.zp02le{ width:340px;justify-content: flex-start;}
.zp02le span{ width:68px; line-height:68px; text-align:center;background: #007E96;
border-radius: 14px; color:#fff; font-size:36px; margin-right:15px;}
.zp02le b{ font-size:26px; line-height: 1.3; color:#333; font-weight:normal; width: calc(100% - 83px);}
.zp02ri{ width:calc(100% - 340px); padding:30px 0; border-bottom:2px dashed #007E96; position:relative;}
.zp02ri p{ font-size:18px; color:#333;}
.zp02ri:after{ width:60px; height:2px; background:#007E96; content:""; display:block; left:0; bottom:-2px; position:absolute;}
.zp02ri:before{ content:""; display:block; width:14px; height:14px; border-radius:100%; border:2px solid #007E96; position:absolute; right:0; bottom:-9px; background:#fff;}


.zp02ri02{ width:100%; padding-left:95px;}.liul li{ margin-top:30px;}
.liul .img{ width:98px; height:98px;
border: 2px solid #007E96; border-radius:100%; overflow:hidden; position:relative;}
.liul .img img{ max-width:44px; max-height:44px; position:absolute;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); left:50%; top:50%;}
.liul .txt{ padding:30px 0; width:calc(100% - 120px);border-bottom:2px dashed #007E96; position:relative;}
.liul .txt b{ font-size:22px; color:#333; font-weight:normal; display:block;}
.liul .txt p{ font-size:16px; color:#333;}
.liul .txt:after{ width:60px; height:2px; background:#007E96; content:""; display:block; left:0; bottom:-2px; position:absolute;}
.liul .txt:before{ content:""; display:block; width:14px; height:14px; border-radius:100%; border:2px solid #007E96; position:absolute; right:0; bottom:-9px; background:#fff;}


.conle,.conri{ max-width:49%;}
.conle{ padding-right:40px;}

.mapbox{ width:100%; margin-top:40px;}
.mapbox iframe{ border:none; height:420px !important; width:100%; background:#eee;}
.conri{ padding-right:1rem;}

.conle b,.conri b{ font-size:30px; color:#000; font-weight:normal; margin-bottom:20px; display:block;}
.conle b span,.conri b span{ font-size:30px; color:#999; text-transform: uppercase;}

.conle p{ font-size:18px; color:#333; background-position:left center; padding:15px 0; padding-left:50px; background-repeat:no-repeat; margin-bottom:5px;}
.conle p.p01{ background-image:url(../images/contact_03.jpg);}
.conle p.p02{ background-image:url(../images/contact_07.jpg);}
.conle p.p03{ background-image:url(../images/contact_10.jpg);}
.conle p.p04{ background-image:url(../images/contact_13.jpg);}
.conle p.p05{ background-image:url(../images/contact_17.jpg);}

.conri .flex{ margin-bottom:20px;}
.conri span{ width:60px; font-size:14px; color:#333;}
.conri input{ line-height:35px; padding:0 15px; min-width:400px;}
.conri input,.conri textarea{ width:calc(100% - 60px); 
border: 1px solid #E3E3E3;}
.conri textarea{ height:90px; padding:15px;}
.conri button{ cursor:pointer;
background: #007E96; color:#fff; font-size:16px; width:230px; height:45px;}
.flex4{    justify-content: flex-start;}


.contact_box{ padding-bottom:80px;}


.artiri{ width:460px}
.artile{ width:calc(100% - 520px);}
.article{ padding-bottom:80px;}

.artiriti{ text-align:right; padding:15px 0;}
.artiriti a{ font-size:20px; color:#999;font-family: siyuanheiti2; background-image:url(../images/view_03.jpg); background-repeat:no-repeat; background-position:left center; padding:5px 0; padding-left:30px;}

.artile h1{ font-size:26px; line-height: 1.4; font-weight:normal;}
.artile .tims{ font-size:16px; color:#999; display:block; padding-left:30px;font-family: siyuanheiti2; background-image:url(../images/news_06.jpg); background-repeat:no-repeat; background-position:left center;}

.artile .content p{font-family: siyuanheiti2; font-size:18px; color:#333;}
.artile .content img{ max-width:100%;}


.artiribot{ padding:20px; background:#f7f7f7;}
.artiribotbox{ background:#fff; padding:25px 20px;}
.artiribotbox b{ font-size:20px; color:#333; display:block; margin-bottom:25px;}
.artiribotbox li{ padding:30px 0; border-bottom:1px solid #e3e3e3;}
.artiribotbox .txt{ width:55%;}
.artiribotbox .img{ width:40%; height:80px;}
.artiribotbox .txt span{ line-height:1.3; font-size:14px; color:#999; display:block; padding-left:25px;background-image:url(../images/news_06.jpg); background-repeat:no-repeat; background-position:left center; margin-bottom:4px; background-size:16px auto;}
.artiribotbox .txt h4{ font-size:14px; color:#333;font-family: siyuanheiti2;}
.artiribotbox li:last-child{ border:none;}
.artiri a.mores{ font-size:16px; color:#999}

.suban3{ height:488px;}

.downlistss a{margin-bottom:15px;}
.downlistss a span{ color:#357d93; font-size:16px; }
.downlistss a em{ color:#357d93;border:1px solid #357d93; font-size:16px; font-style:normal;    padding: 0 30px;}



.dowebok li{display:inline-block; width:3.57rem; margin-right:.2rem}

@media screen and (max-width:1600px){
	
.main02tap .swiper-button-next{ right:0;}
.main02tap .swiper-button-prev{ left:0;}

}
@media screen and (max-width:1580px){
	
.w1500{ padding-left:40px; padding-right:40px;}
.tapli .txt h2{ font-size:22px;}
.main01le b{ font-size:30px;}
.indextitle b{ font-size:40px; line-height:60px;}
.indextitle{ padding-left:.35rem;}
.indextit>a{ padding:0 30px; line-height:60px; font-size:18px;}
.indextitle:after{ width:60px; height:60px;}
.main02tab span{ line-height:1rem;}

}
	
@media screen and (max-width:1280px){
	
.w1200{ padding-left:40px; padding-right:40px;}
.logo{ padding-left:0}
.main03{ padding:80px 0;}
.main04 a{ margin-top:40px;  line-height:50px; font-size:20px; padding:0 30px;}
.main04 b{ font-size:26px;}
.main04 p{ font-size:20px;}
.main05ri{ width:calc(100% - 190px);}

	.wenhua02 .img{ left:40px;}
	
	.yylist li .img{ height:4rem;}
	
	
	
}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	 .w1500{ padding-left:20px; padding-right:20px;}
	 .w1200{ padding-left:20px; padding-right:20px;}
	 
	 .news_top{ display:none;}
	.newul .img{ width:100%; height:8rem;}
	.newul .txt{ width:100%; margin-top:15px;}
	.newul .txt h2 a{ font-size:16px;}
	.a_url a{ line-height:30px; font-size:14px;}
	.a_url span{ font-size:12px;}
	.pages ul li a{ font-size:12px;}
	
	.main02tab span{ padding:0 20px;}
	.main05rili li .img{ height:2rem;}
	.main05le{ width:100%; text-align:center;}
	.main05le span:after{ display:none;}
	.main05ri{ width:100%;}
	.main05le span{ display:inline-block; font-size:14px; margin-top:0; padding:0 10px;}
	
	.pages{ margin:30px 0 30px}
	.main_pro{ padding-bottom:40px;}
	.prolists li{ width:48%; margin:1%;}
	.prolists li b{ font-size:14px;}
	.prolists li:nth-child(3n){ margin:1%;}
	.prole{ width:100%; display:none;}
	.prori{ width:100%;}
	
	.wenhuabox li{ padding:40px 20px;}
	.wenhuabox li b{ font-size:18px; margin-bottom:15px;}
	.wenhuabox li .img{ width:80px; height:80px; margin-bottom:20px;}
	.wenhuabox{ padding-bottom:40px;}
	.wenhuabox li p{ font-size:14px;}
	
	.wenhua02{ padding:40px 0;}
	.wenhua02 .txt b{ font-size:20px;}
	.wenhua02 .txt p{ font-size:14px; margin-bottom:10px;}
	.wenhua02 .txt .line{ margin:20px 0;}
	.wenhua02 .txt{ width:100%; padding:25px;}
	.wenhua02 .img{ position:static; padding-top:0; width:100%; left:0;}
	
	.artile,.artiri{ width:100%;}
	}
@media screen and (max-width:768px){
	.main01{ padding:40px 0;}
	.main01le{ width:100%; padding:0; margin-bottom:20px}
	.main01ri{ width:100%;}
	.main01tit{ font-size:20px;}
	.main01le b{ font-size:22px; margin:10px 0 20px;}
	.main01le p{ font-size:14px; margin-bottom:15px;}
	.main01le a{ margin-top:15px; font-size:14px}
	.indextitle{ padding-left:15px;}
	.main02{ padding:40px 0;}
	.indextitle span{ font-size:18px;}
	.indextitle img{ width:50px;}
	.indextit>a{ padding:0 20px; line-height:40px; font-size:14px;}
	.indextit{ padding-bottom:30px;}
	.main02tab span{ font-size:14px; padding:0 10px; width:100%; margin-top:-2px;}
	.indextitle b{ font-size:22px; line-height:30px;}
	.indextitle:after{ width:30px; height:30px;}
	.main02tap .swiper-button-next{ top:7rem;}
	.main02tap .swiper-button-prev{ top:7rem;}
	.tapli .txt h2{ font-size:18px;}
	.tapli .txt p{ font-size:14px;}
	.tapli{ padding-bottom:50px;}
	.tapli .txt em{ padding:0 20px; line-height:30px; font-size:14px;}
	.main03{ padding:40px 0;}
	.main03ul li:first-child{ width:100%;}
	.main03ul li{ width:100%; margin-bottom:15px; padding-bottom:35px;}
	.main03ul li b{ font-size:20px;}
	.main03ul li p{ min-height:inherit; display:block;}
	.main03ul li a{ margin-top:25px; position:static;}
	.main04{ padding:40px 20px;}
	.main04 b{ font-size:20px;}
	.main04 p{ font-size:14px;}
	.main04 a{ line-height:40px; font-size:14px; margin-top:20px;}
	.main05{ padding:40px 0;}
	.main05rili li{ width:100%; margin-bottom:15px;}
	.main05rili li{ padding:20px;}
	.main05ri{ margin-top:20px;}
	.main05rili li{ border:1px solid #eee;}
	.main05rili li b{ font-size:18px; display:none;}
	.main05rili li span{ margin:0; margin-bottom:10px;}
	.main05rili li h3{ font-size:16px; margin-bottom:10px;}
	.main05rili li .img{ height:8rem; margin-bottom:10px;}
	.main05rili li p{ font-size:14px; margin-bottom:10px;}
	.main05rili li em{ font-size:14px;}
	.main05rili li span{ font-size:16px;}
	.fotle{ display:none;}
	.fotmi p{ font-size:14px;}
	.fotle b, .fotmi b{ font-size:20px;}
	.footer{ padding-top:40px; padding-bottom:20px;}
	.fotri{ margin:0 auto; margin-top:20px;}
	.copy{ margin-top:30px; text-align:center; display:block;}
	.copy p, .copy a{ font-size:14px;}
	.fotle, .fotmi{ width:100%; text-align:center;}
	
	
	.suban{ padding-top:0}
	.posiri, .posiri a{ line-height:50px; font-size:14px;}
	.psotion{ margin-bottom:40px;}
	.suban .tbc b{ font-size:20px;}
	.suban .tbc{ height:9rem; text-align:center;}
	.suban .tbc p{ font-size:14px;}
	
	.prori2{ padding:0 20px;}
	.proview h1{ font-size:20px; padding-bottom:10px; margin-bottom:20px;}
	.bigImg{ padding:15px;}
	.xiaotu{ margin-top:15px;}
	.proview01 .txt{ margin-top:30px;}
	.proview01 .txt p{ padding-left:0}
	.proview01 .txt a{ font-size:18px; margin-top:20px;}
	.proview01 .img{ width:100%;}
	.proview01 .txt{ width:100%;}
	.proview02tit{ margin-top:20px;}
	.content{ padding:20px 0;}
	.proview03 a{ width:100%; max-width:inherit; margin-bottom:5px;}
	.proview02tit span{ margin:0 7px; padding:5px 0;}
	.proview02tit span:before{ right:-7px;}
	
	.posile a{ line-height:45px; font-size:14px;}
	.newul li{ margin-top:20px;}
	.newul .txt p{ line-height:1.6;}
	.newul .txt h2{ margin-bottom:5px;}
	.a_url{ margin-top:10px;}
	.newul .txt{ margin-top:5px;}
	.newul{ margin-bottom:20px;}
	
	.abouttit{ margin-bottom:30px;}
	.abouttit b{ font-size:20px;}
	.abouttit .line{ margin:10px auto;}
	
	.aboutle{ width:100%;}
	.aboutri{ width:100%;}
	.aboutle>b{ font-size:20px;}
	.about02{ margin-top:20px; padding:20px; margin-bottom:30px;}
	.aboutbox{ padding-bottom:40px;}
	.aboutcontent p{ line-height:1.8;}
	
	.wenhuabox li{ width:48%; margin:1%; padding:20px 10px;}
	
	.wenhua03{ padding:40px 0;}
	.wenhua03 li{ width:100%; margin-bottom:15px;}
	.wenhua03 li .txt{ padding:20px 15px;}
	.wenhua03 li .txt b{ font-size:20px;}
	.wenhua03 li .txt p{ font-size:14px;}
	.wenhua02 .img b{ display:none;}
	.wenhuabox li .img img{ max-width:50%; max-height:50%;}
	
	.yylist li{ width:100%; margin-bottom:15px;}
	.yylist li .img{ height:8rem;}
	.yylist li .txt{ padding:15px;}
	.yylist li b{ font-size:16px;}
	.yylist li p{ font-size:12px; margin-bottom:10px;}
	.yylist .tim span{ font-size:12px;}
	
	.linianbox li{ padding:0; margin-bottom:25px;}
	.linianbox li .txt b{ font-size:20px;}
	.linianbox li .txt p{ font-size:14px;}
	.linianbox li .txt span{ font-size:14px; margin-top:10px;}
	.linianbox li .txt .line{ height:2px; margin:15px 0;}
	.linianbox li .txt{ width:100%; margin-bottom:0; padding:30px 20px;}
	.linianbox li .img{ position:relative; width:100%;}
	.psotion{ margin-bottom:40px;}
	.conle, .conri{ max-width:100%;}
	.conri{ margin-top:15px;}
	.conle{ padding-right:0;}
	.conle b, .conri b{ font-size:20px;}
	.conle b span, .conri b span{ font-size:14px;}
	.conle p{ font-size:16px; }
	.conri input{ width:100%; min-width:inherit;}
	.conri{ padding-right:0; width:100%;}
	.conri .flex{ margin-bottom:10px}
	.conri textarea{ width:100%;}
	.mapbox { margin-top:20px;}
	.contact_box{ padding-bottom:40px;}
	.mapbox iframe{ height:10rem !important;}
	.suban3{ height:8rem;}
	
	.artile h1{ font-size:20px;}
	.artile .tims{ font-size:14px; margin-top:10px;}
	.artile .content p{ font-size:14px;}
	.artiriti a{ font-size:14px;}
	.artiribotbox li{ padding:15px 0;}
	.artiribotbox .txt h4{ margin-top:10px;}
	.artiri a.mores{ font-size:14px;}
	
	.zhaopin001 li{ width:100%; margin-bottom:15px;}
	.zhaopin01{ padding-bottom:40px;}
	.zhaopin02{ padding:40px 0;}
	.zp02tit b{ font-size:26px;}
	.zp02tit span{ font-size:14px; }
	.zp02tit{margin-bottom:20px;}
	
	.zp02le{ width:100%;}
	.zp02le span{ font-size:16px; width:45px; height:45px; line-height:45px; margin-right:10px;}
	.zp02ri{ width:100%;}
	.zp02le b{ font-size:20px;}
	.zp02ri{ padding:20px 0;}
	.zp02ri p{ font-size:14px;}
	.zp02ri02{ padding-left:0}
	.zp02ri:before,.liul .txt:before{ width:7px; height:7px; bottom:-7.5px;}
	.liul .img{ width:50px; height:50px;}
	.liul .img img{ max-width:50%; max-height:50%;}
	.liul .txt{ width:calc(100% - 70px); padding:10px 0 15px;}
	.liul .txt b{ font-size:18px;}
	.liul .txt p{ font-size:14px;}
	
	.zhaopin02 li{ margin-bottom:30px;}
	.liul li{ margin-top:15px;}
	
	.posiri{ width:100%; margin-top:10px; display: none;}
	.posile a{ margin-right:20px;}
	
	
	.posile{ overflow: auto; white-space: nowrap;}
	
  .fotri{padding-top:10px;}
		.main02tab span{ line-height:40px;}
	.main02tab span:first-child,.main02tab span:last-child{ border-radius:0;}
	.dowebok li{width:10rem; margin-right:15px}
	.main02center{ margin-bottom:10px;}
	.tapli .txt em{ margin-top:10px}
	}
	
	
@font-face
{
font-family: siyuanheiti;
src: url('../fonts/SourceHanSansCN-Medium.otf')
}

@font-face
{
font-family: siyuanheiti2;
src: url('../fonts/SourceHanSansCN-Regular.otf')
}

@font-face
{
font-family: siyuanheiti3;
src: url('../fonts/SourceHanSansCN-Bold.otf')
}