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

body{ --main-color: #0066cc;  font-family: siyuanN;}

.w1200{ max-width:1200px; margin:0 auto;}
.flexNew{ 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}

.flexstart{justify-content: flex-start; }
.flexcenter{justify-content: center; }

.copy span img{ margin-right:10px; width:20px; display:inline-block; vertical-align:middle;}

.main1tab{}
.top{ line-height: 35px; background-color: #f5f5f5;}
.top p{ font-size: 14px; color: #929292;}
.topr .ewm{ position: relative;}
.topr img{ position: absolute; left: 50%; top: 120%; transition: all .3s; opacity: 0; visibility: hidden; width: 110px; padding: 5px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.topr a{ cursor: pointer; line-height: 15px; display: inline-block; font-size: 14px; color: #929292; margin-left: 15px;}
.topr .ewm a{ padding-right: 15px; border-right: 1px solid #929292;}
.topr .ewm:hover img{ top: 100%; opacity: 1; visibility: visible;}


.imgshow{display: none;background: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;background: #000;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.closebtn{position: absolute; cursor: pointer;z-index: 22;background: url(../images/newclose.png) no-repeat 11px 0px;width: 60px;height: 60px;top: 0;right: 10px;background-size: 40px; color: #fff; font-size: 20px; font-weight: lighter; line-height: 60px; text-align: center;}

.search{ padding: 25px 0; background-color: #fff;}
.search .logo img{ height: 65px;}

.tel { background-repeat: no-repeat; padding-left: 50px; background-image: url(../images/1index_06.png);}
.tel span{ display: block; line-height: 1; font-size: 14px; color: #929292;}
.tel b{ display: block; line-height: 1; color: var(--main-color); font-size: 22px; margin-top: 5px;}

.searchbox{ margin-right: 50px;}
.searchbox input{ border: 1px solid #e5e5e5; height: 40px; padding: 0 20px;}
.searchbox button{  background-color:  var(--main-color); color: #fff;width: 90px; height: 40px;line-height:40px; cursor: pointer;}
.searchbox button img{vertical-align: middle; margin-right: 10px; }

.nav{ z-index: 10; transition: all .3s; position: relative; background-color: #fff ; border-top: 1px solid #eeeeee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.nav li>a{ line-height: 60px; font-size: 17px; color: #000; display: block; padding: 0 15px;}
.nav li .subnavs{ background-color: #f5f5f5; padding: 50px 0; position: absolute; top: 110%; left: 0; width: 100%; z-index: 100; opacity: 0; visibility: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.nav li.on>a,.nav li:hover>a{ color: var(--main-color);}
.nav li:hover .subnavs{ top: 100%; opacity: 1; visibility: visible;}

.nav li .subnavs li{max-width: 20%;}
.nav li .subnavs li b a{ font-size: 16px; color: #000 ;}
.nav li .subnavs li>a{ padding: 0; line-height: 1.6; margin-top: 10px; display: block; font-size: 14px; color: #6a6a6a;}
.nav li .subnavs li>a:hover,.nav li .subnavs li b a:hover{ color: var(--main-color);}
.nav li .subnavs .flexcenter li{ padding: 0 15px;}

.header.t200 .nav{ position: fixed; top: -100%; left: 0; width: 100%; z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header.t300 .nav{  top: 0; }

.nav li .subnavs ul.flex2{    justify-content: flex-start;}
.nav li .subnavs ul.flex2 li{ min-width:200px;}









.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.banner .swiper-button-next,.banner  .swiper-button-prev{ width: 50px; height: 50px; background-size: 50px 50px; margin: 0; margin-top: -25px;}
.banner .swiper-button-next{ right: 80px; background-image: url(../images/1index2_05.png);}
.banner .swiper-button-prev{ left: 80px; background-image: url(../images/1index2_03.png);}

.main01{ padding: 70px 0;}
.indextitle{ margin-bottom: 55px;}
.indextitle a{  font-size: 16px; color: #979797;}
.indextitle a img{vertical-align: middle; margin-left: 10px;}
.indextitle a:hover{ color: var(--main-color);}
.indextitle b{font-size: 36px; font-weight:normal;}

.main1tab li{ cursor: pointer; width: 19%; padding: 15px 5px 15px 15px; margin:.5%; background-color: #fafafa;}
.main1tab li .img{ width: 65px; height: 40px; position: relative;}
.main1tab li .img img{  position: absolute;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.main1tab li span{ max-width: calc(100% - 75px);}
.main1tab li.on{ background-color: var(--main-color);}
.main1tab li.on span{ color: #fff;}
.main1tab{ margin-bottom: 55px;}
.main1tap .tabli{ display: none;}

.main1tap .tabli li{ text-align: center; transition: all .3s; width: 24%; margin-bottom: 2%; margin-right: 1.33%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.main1tap .tabli li:nth-child(4n){ margin-right: 0;}
.main1tap .tabli li .img{ transition: all .3s; border: 1px solid #e5e5e5; height: 220px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.main1tap .tabli li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.main1tap .tabli li:hover .img{ border: 1px solid var(--main-color);}
.main1tap .tabli li b{ display: block; margin-top: 13px; color: #000;}
.main1tap .tabli li:hover b{ color: var(--main-color);}


.main02,.main03,.main05{ padding: 70px 0;}
.main02 li{ transition: all .3s; background-size: cover; background-position: center; width: 23%; border-radius: 10px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.main02 li .libox{ height: 100%; background-color: rgba(0, 102,204, .8);padding: 50px 20px; }
.main02 li .libox img{ margin: 0 auto; width: 60px; display: block; margin-bottom: 20px;}
.main02 li .libox b a{ font-size: 20px; margin-bottom: 25px;}
.main02 li .libox a{ margin-top: 2px; display: block; font-size: 14px; color: #fff;}
.main02 li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.anli li{ transition: all .3s; width: 49%; margin-bottom: 2%; background-color: #f9f9f9; padding: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.anli li .img { width: 120px; height: 110px;}
.anli li .txt{ width: calc(100% - 120px); padding-left: 30px;}
.main03 .txt h3 a{ font-size: 18px; color: #000000; margin-bottom: 5px;}
.main03 .txt p{ font-size: 14px; color: #333;}
.anli li:hover{ background-color: var(--main-color);}
.anli li:hover .txt h3 a,.anli li:hover .txt p{ color: #fff;}

.main04{ position: relative;}
.main04 .leimg{ width: 43.22%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.main04 .riimg{ width: 57%; height: 100%;  position: absolute; right: 0; top: 0; z-index: 1;}
.main04 .w1200{ z-index: 3; position: relative;}
.main04 .main04le{ width: 39.1666%; padding: 100px 0;}
.main04 .main04le b{ font-size: 36px; color: #ffffff; font-weight: normal;}
.main04 .main04le .main4txt{ margin: 50px 0 100px; padding-right: 90px;}
.main04 .main04ri{ width: 60.834%; padding: 20px 120px; background-color: #fff;}
.main04 .main04ri li{ width: 49%; padding: 20px 0;}
.main04 .main04ri li img{ margin: 0 0 10px 0; display: block;}
.main04 .main04ri li span{ font-size: 18px; color: #000;}
.main04 .main04ri li p{ font-size: 16px; color: #686868;}

.main04 .main04le .main4txt p{ color: #fff ; font-size: 14px;}
.main04 .main04le a{ transition: all .3s; padding: 0 50px; line-height: 45px; color: #fff; border: 1px solid #fff; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.main04 .main04le a img{ vertical-align: middle; margin-left: 10px;}
.main04 .main04le a:hover{ background-color: var(--main-color); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.newnav li{ margin-right: 60px; line-height: 50px; cursor: pointer;}
.newnav li{ font-size: 16px; display: block; position: relative; color: #000000;}
.newnav li:after{ position: absolute; content:""; display: block; width: 0; left: 50%; transition: all .3s; height: 3px; background-color: var(--main-color); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.newnav li.on:after,.newnav li:hover:after{ width: 100%; left: 0;}
.newnav li.on{ color: var(--main-color);}

.newstapli{ display: none;}
.main05le{ width: 44%;}
.main05le .imgs{ height: 275px; width: 100%; margin-bottom: 20px;}
.main05ri{ width: 53%;}
.main05le  span{ font-size: 14px; color: #686868; display: block; margin-bottom: 15px;}
.main05le .txts h2 a{ font-size: 18px; color: #000000;  margin-bottom: 15px; font-family: siyuanM;}
.main05le .txts p{ font-size: 14px; color: #686868; }
.main05ri li{ transition: all .3s; padding:30px 30px; border-bottom: 1px solid #e5e5e5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.main05ri li b{ display: block; margin-bottom: 10px;}
.main05ri li b a{ line-height: 32px; font-size: 18px; color: #000; font-family: siyuanM;}
.main05ri li b span{ font-weight: normal; font-size: 14px;line-height: 32px; color: #5d5d5d;}
.main05ri li p{ color: #5d5d5d; font-size: 14px;}
.main05ri li:hover{ background-color: var(--main-color);}
.main05ri li:hover b a{ color: #fff;}
.main05ri li:hover b span{ color: #fff;}
.main05ri li:hover p{ color: #fff;}

.main05le:hover .txts h2 a{ color: var(--main-color);}

.footer{ padding-top: 50px; background-color: #cccccc;}
.fotle{ width: 290px;}
.fotle> img{ height: 64px; display: block; margin-bottom: 45px;}
.fotle p{ margin-bottom: 5px; font-size: 16px; color: #3c3c3c;}
.fotle p strong{ font-size: 28px; line-height: 1; font-weight: normal;}

.fotri{ max-width: 720px; width: calc(100% - 330px);}
.fotri li{ max-width: 25%;}
.fotri li a{ margin-top: 5px; display: block; font-size: 16px; color: #3c3c3c;}
.fotri li .line{ margin: 20px 0; width: 25px; height: 1px; background-color: #3c3c3c;}
.fotri li b{ font-family: siyuanM; font-size: 16px; color: #3c3c3c;}
.fotri li a:hover{ color: var(--main-color);}

.footer .weixin{ transition: all .3s; cursor: pointer; margin-top: 40px; line-height: 33px; position: relative; width: 35px; height: 35px; border: 1px solid #353535; border-radius: 100%; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.footer .weixin img{ width: 120px; position: absolute; bottom: 0; left: 120%; opacity: 0; visibility: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.footer .weixin:hover img{ left: 110%; opacity: 1; visibility: visible;}
.footer .weixin:hover{ color: #18ce38; border: 1px solid #18ce38;}

.fotcopy{ margin-top: 25px; border-top: 1px solid #acacac; padding: 20px 15px;}
.fotcopy,.fotcopy p,.fotcopy span ,.fotcopy span a{ font-size: 16px; color: #3c3c3c;}
.fotcopy span a:hover{ color: var(--main-color);}
.indexlink{ padding:20px 0;}



.subban{ color: #fff; height: 415px; background-size: cover; background-position: center;}
.subban b{ font-weight: normal; font-size: 60px; font-family: siyuanB; display: block; line-height: 1.2; margin-bottom: 15px;}
.subban span{ text-transform: uppercase; font-size: 24px; display: block;}

.positions{ padding: 30px 0; margin-bottom: 20px;}
.positions .posi{ padding-left: 30px; background-image: url(../images/3history_05.png); background-repeat: no-repeat; background-position: left center;}
.positions .posi,.positions .posi a{ font-size: 14px; color: #999999;}
.positions .posi a:hover{ color: var(--main-color);}

.view01le{ width: 45%;}
.view01ri{ width: 50%;}

.view01le .gallery-top{ margin-bottom: 20px;}
.view01le .gallery-top .swiper-slide{ height: 400px; position: relative; background-color: #f4f4f4;}
.view01le .gallery-top .swiper-slide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}

.view01le .xiaotu{ position: relative; padding: 0 30px;}
.view01le .xiaotu .swiper-button-prev{ width: 16px; left: 0; top: 0; margin: 0; background-color:var(--main-color); text-align: center; height: 80px;}
.view01le .xiaotu .swiper-button-next{ width: 16px; right: 0; top: 0; margin: 0; background-color:var(--main-color); text-align: center; height: 80px;}
.view01le .xiaotu .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ font-size: 14px;}
.view01le .xiaotu .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after{ font-size: 14px;}

.view01le .xiaotu .swiper-slide{ background-color: #f4f4f4;height: 80px; position: relative;}
.view01le .xiaotu .swiper-slide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.view01le .xiaotu .swiper-slide.swiper-slide-thumb-active{ border: 1px solid var(--main-color);}

.view01ri h1{ color: var(--main-color); font-size: 30px; font-weight: normal;}
.view01ri .jianjie{ padding: 35px 0;}
.view01ri .jianjie p{ font-size: 14px; color: #6c6c6c;}
.view01ri .jianjie p strong{ color: var(--main-color);}
.view01ri  a{ background-color: var(--main-color); color: #fff; display: inline-block; padding: 0 30px; line-height: 45px;}
.view01ri  a img{ vertical-align: middle; margin-right: 15px;}


.view02{ margin-top: 60px;}
.view02tab{ margin-bottom: 40px; background-color: var(--main-color); padding: 5px 10px 0 10px;}
.view02tab span{line-height: 30px; font-size: 16px; color: #fff; display: inline-block; padding: 0 20px; padding-bottom: 5px; cursor: pointer;}
.view02tab span.on{ background-color: #fff; color: var(--main-color);}

.view02 .content{ margin-bottom: 75px; display: none;}
.content p{ font-size: 14px; color: #2c2c2c;}
.content img{ max-width: 100%;}


.anli2{}
.anli2 li{ width: 23%; text-align: center; margin: 1%;}
.anli2 li img{ width: 100%;}
.anli2 li span{ font-size: 16px; color: #2c2c2c; margin-top: 10px; display: block;}
.content .downlist li{ border-bottom: 1px dashed #ddd; padding:20px 10px;}
.content .downlist a{ display: block; color: #333; line-height: 35px; font-size: 14px;}
.content .downlist a i{ padding: 0 15px; line-height: 35px; font-size: 14px; font-style: normal; background-color: var(--main-color); color: #fff;}
 
.view03tit{ margin-bottom: 50px; padding-left: 35px; border-left: 8px solid var(--main-color); line-height: 38px; font-size: 36px; }
.cplist li{ padding-bottom: 10px; transition:all .3s; width: 23%; margin: 1%; text-align: center; -webkit-transition:all .3s; -moz-transition:all .3s ; -ms-transition:all .3s; -o-transition:all .3s; }
.cplist li .img{ position: relative; height: 225px; background-color: #fafafa;}
.cplist li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}


.cplist li b{ display: block ; font-size: 16px ; color: #000000; margin-top: 10px;}
.cplist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.cplist li:hover b{ color: var(--main-color);}

.view04{ margin: 60px auto;}
.view04 .indextitle{padding-left: 35px; border-left: 8px solid var(--main-color);line-height: 38px; margin-bottom: 30px;}
.view04le{ width: 48%;}
.view04le li{ border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.view04le li b a{ margin-bottom: 6px; font-size: 16px; color: #000000;}
.view04le li p{ font-size: 14px; color: #6f6f6f;}
.view04le li span{ font-size: 16px; color: #a0a0a0; display: block;}
.view04le li .tims{ text-align: right;}
.view04le li:hover b a{ color: var(--main-color);} 

.prolist li{ padding: 50px 0; border-bottom: 1px solid #dcdcdc;}
.prolist li .img{ background-color: #f4f4f4; width: 220px; height: 130px; position: relative;}
.prolist li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.prolist li .txt{ width: calc(100% - 260px); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.prolist li b a{ font-size: 16px; color: #000; margin-bottom: 10px; display: block;}
.prolist li p{ font-size: 14px; color: #6c6c6c;}
.prolist li:hover .txt{ width: calc(100% - 250px);}
.prolist li:hover .txt b a{ color: var(--main-color);}

.page{ margin: 80px auto;}
.page ul{justify-content: center;}
.page ul li{ margin-left: -1px;   line-height: 40px;}
.page ul li a,.page ul li span{ border-radius: 3px; font-size: 14px; border:1px solid #dddddd; color: #000; display: block; padding:0 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page ul li.active a,.page ul li span.current{ background-color: var(--main-color); color: #fff;border:1px solid var(--main-color);}

.about_chanel .flexNew{justify-content: center; }
.about_chanel{ margin-bottom: 50px;}
.about_chanel .flexNew a{ margin:0 10px; color: var(--main-color); transition:all .3s ; padding:0 30px; line-height: 40px; border: 1px solid var(--main-color); -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.about_chanel .flexNew a.on{ background-color: var(--main-color); color: #fff;}
.about_chanel .flexNew a:hover{ background-color: var(--main-color);color: #fff;}

.about_content{ padding-bottom: 80px; background-size: cover;}
.about_content .aboutit{ text-align: center; margin-bottom: 30px; color: #000; font-size: 30px;}

.zizhili li{ text-align: center; width: 23%; margin: 1%; margin-bottom: 2%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.zizhili li .img{ margin-bottom: 10px; border: 1px solid #e5e5e5; height: 280px; position: relative;;}
.zizhili li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.zizhili li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.zizhili li .txt a{ font-size: 16px; color: #000;}


.fanganlist li{ transition: all .3s; margin-top: 4%; width: 48%; background-color: #f9f9f9; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.fanganlist li .img{ height: 300px; width: 220px;}
.fanganlist li b a{ font-size: 16px; color: #000; display: block; margin-bottom: 15px;}
.fanganlist li p{ font-size: 14px; color: #6c6c6c;}
.fanganlist li .txt{ width: calc(100% - 220px); padding: 30px; padding-bottom: 60px;}
.fanganlist li .txt >a{ position: absolute ; right: 30px; bottom: 40px; font-size: 14px; color: #6c6c6c;}
.fanganlist li:hover b a{ color: var(--main-color);}
.fanganlist li:hover .txt>a{ color: var(--main-color); text-decoration: underline;}
.fanganlist li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.fangantitle{ text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 35px; margin-bottom: 45px;}
.fangantitle h1{font-size: 30px; font-weight: normal;}



.newle .video{ max-width: 700px; margin: 40px auto 60px;}
.newle .video video{ width: 100% !important;}

.wendang_down{ margin-bottom: 60px;}
.wendang_down a{ margin-right: 15px; cursor: pointer; display: inline-block; transition: all .3s; border-radius: 3px; padding: 0 35px; line-height: 45px; font-size: 14px; color: #000; background-color: #e5e5e5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.wendang_down a:hover{ color: #fff; background-color: var(--main-color);}

.view03{ padding-bottom: 80px;}

.caseli{ max-width:1000px; margin:0 auto}
.caseli li{ width: 48%; margin-top:3%; text-align: center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.caseli li .img{ height: 240px; margin-bottom: 20px;}
.caseli li .txt a{ font-size: 16px; color: #000;}
.caseli li:hover .txt a{ color: var(--main-color);}

.caseli li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }


.contactnr{ max-width: 560px;}
.contactnr b{ font-size: 30px; font-weight: normal; color: #2a2a2a; display: block;}
.contactnr span{ font-size: 18px; color: #999999;}

.contactnr2{ margin: 35px auto; padding: 30px 0; border-bottom: 1px dashed #9a9a9a; border-top: 1px dashed #9a9a9a;}
.contactnr2 p{ font-size: 16px; color: #333333; margin: 10px 0;}

.ewmcon li{ width: 125px; margin-right: 60px; text-align: center; font-size: 16px; color: #666666;}
.ewmcon li .img{ width: 100%; margin-bottom: 10px; border:1px solid #d3d3d3}
.ewmcon li  img{ width: 100%;}
.contactmap{ margin: 50px auto;}
.contactmap iframe{ height: 400px !important; width: 100% !important;}

.downli{}
.downli li{ padding: 13px 0; border-bottom: 1px solid #e5e5e5; width: 100%;}
.downli .tit{ max-width: calc(100% - 290px);}
.downli .tit a{ font-size: 16px; color: #000000;}
.downli .btns{ width: 270px}
.downli .btns a{ font-size: 14px; line-height: 35px; width: 45%;  text-align: center; color: #fff; background-color: #c3c3c3;}
.downli .btns a.downbtn{ background-color: var(--main-color);}


.jiarucontent{ padding-bottom: 80px;}
.jiarucontent li{ transition: all .3s; padding: 5px 40px; border-bottom: 1px solid #e5e5e5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.zhaopint{ background-color: #0066cc !important;}
.litit  span{font-size: 14px; width: 60px; text-align: center; color: #333; line-height: 40px; cursor: pointer;}
.zhaopint span{ color: #fff; }
.litit  span:first-child{ width:calc(100% - 300px); text-align: left;}
.jiarucontent li .libox{ display: none; padding: 20px 0;}
.jiarucontent li .libox p{ font-size: 14px; line-height: 1.8;}
.jiarucontent li:hover,.jiarucontent li.on{ background-color: #f9f9f9;}
.jiarucontent li.on .libox{ display: block;}
.jiarucontent li.on span:last-child i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.newri{ width: 340px;}
.newle{ width: calc(100% - 380px);}
.newle h1{ font-size: 24px; color: #000000; line-height: 1.4; font-weight: normal;}
.newle .times{ padding: 25px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
.newle .times span{ font-size: 14px; color: #999999;}
.newle .content p{ text-indent: 2em;}
.newle .content img{ display: block;}

.prev_next{ margin: 80px 0; position: relative;}
.prev_next:after{ content: ""; background-color: #e5e5e5; display: block; height: 1px; width: 100%; top: 50%; position: absolute; left: 0;}
.prevbox { position: relative; z-index: 2; width: 330px; margin: 0 auto; background-color: #fff;}
.prevbox a{ transition: all .3s; border-radius: 100px; font-size: 16px; color: var(--main-color); display: inline-block; border: 1px solid var(--main-color); padding: 7px 20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.prevbox a i{ transition: all .3s; border-radius: 100%; margin: 0 5px; width: 30px; height: 30px; background-color: var(--main-color); color: #fff; line-height: 30px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.prevbox a:hover{ background-color: var(--main-color); color: #fff;}
.prevbox a:hover i{ background-color: #fff; color: var(--main-color);}

.newri li{ transition: all .3s; width: 48%; margin-bottom: 3%; text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.newri li .img{ height: 100px; background-color: #fafafa; position: relative; width: 100%;}
.newri li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:80%;}
.newri li p{ font-size: 16px; color: #000000; margin-top: 10px; margin-bottom: 10px;}
.newri li:hover p{ color: var(--main-color);} 
.newri li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.newslists li{ padding:20px 0; border-bottom: 1px solid #e5e5e5;}
.newslists li b a{ transition: all .3s; font-size: 16px; color: #000; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.newslists li p{ font-size: 14px; color: #6f6f6f; margin: 10px 0;}
.newslists li span{ font-size: 16px; color: #a0a0a0;}
.newslists li:hover b a{ color: var(--main-color);}


.history{ position: relative; padding: 50px  0;}
.history .line{  height: 100%; width: 1px ; position: absolute; top: 0; left: 50%; background-color: #dcdcdc;}
.history .circle{ border-radius: 100%; width: 12px; height: 12px; background-color: #fff; border: 1px solid var(--main-color); position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.history .circle:after{ position: absolute; content: ""; display: block; width: 6px; height: 6px; background-color: var(--main-color); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; left: 50% ; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.history li{ margin-bottom: 35px; padding-right: 50%; position: relative;}
.history li:after{ background-color: #fff; position: absolute; content: ""; display: block; width: 13px; height: 13px; border: 1px solid var(--main-color); border-radius: 100%; left: 50%; transform: translateX(-50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.history li:nth-child(2n){ padding-right: 0; padding-left: 50%;}

.history li b{ font-size: 16px; margin:0 auto; display: block; color: #fff; font-weight: normal; width: 70px; height: 70px; background-color: var(--main-color); text-align: center; line-height: 70px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.history li .year{ width: 120px;}
.history li .txt{ width: calc(100% - 120px); text-align: right;}
.history li:nth-child(2n) .txt{ text-align: left;}

.prolist2 li{ width:23%; margin:1%;}
.prolist2 li .img{ transition: all .3s; border: 1px solid #e5e5e5; height: 220px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.prolist2 li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.prolist2 li:hover .img{ border: 1px solid var(--main-color);}
.prolist2 li b{ display: block; margin-top: 13px;  text-align:center; }
.prolist2 li b a{color: #000;}
.prolist2 li:hover b a{ color: var(--main-color);}

.indexlink a{ display:inline-block; margin-right:15px; font-size:14px; color:#000;}
 .indexlink a:hover{ color:var(--main-color);
 }
 
 	.kf{ position:fixed; z-index:199; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); padding:15px;}
	.kf li img{ display:block; margin:0 auto 5px; width:20px;}
	.kf li{ cursor:pointer; padding:10px 0; border-bottom:1px solid #e5e5e5; text-align:center; position:relative;}
	.kf li:last-child{ border-bottom:none;}
	.kf li span{ font-size:14px; color:#666666; display:block;}
	.kf li .tanchu{ box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff; position:absolute; right:90%; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); min-width:120px; padding:10px; visibility:hidden; opacity:0; transition:all .3s;}
	.kf li  .tanchu img{ width:100%;}
	.kf li  .tanchu b img{ display:inline-block; width:20px; margin-right:10px;}
	.kf li:hover .tanchu{ opacity:1; visibility:visible; right:130%;}

@media screen and (max-width:1280px){
.w1200{ padding-left: 40px; padding-right: 40px;}
}

@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200{ padding-left: 20px; padding-right: 20px;}
	 
	 .fanganlist li{ width: 100%; margin-top: 15px;}
	 .newle,.newri{ width: 100%;}
	 .newslists li span{ font-size: 14px;}
	 
	}
	@media screen and (max-width:768px){
	    .kf{ display:none;}
		.banner .swiper-button-prev{ top: auto; bottom: 20px; left: auto; right: 55px; width: 30px ; height: 30px; background-size: 30px auto;}
		.banner .swiper-button-next{top: auto; bottom: 20px;  right: 15px; width: 30px; height: 30px; background-size: 30px auto;}
		.banner .swiper-slide{ height: 10rem;}
		.main01,.main02, .main03, .main05{ padding: 40px 0;}
		.indextitle b{ font-size: 22px;}
		.indextitle{ margin-bottom: 25px;}
		.main1tab{ margin-bottom: 25px;}
		.main1tap .tabli li{ width: 48%; margin: 1%;}
		.main1tap .tabli li .img{ height: 8rem;}
		.main02 li{ width: 48%; margin-bottom: 10px;}
		.main02 li .libox a{ font-size: 12px;}
		.main02 li .libox{ padding: 30px 15px;}
		.main02 li .libox img{ width: 40px;}
		.main02 li .libox b a{ font-size: 16px; margin-bottom: 15px;}
		.main1tab li{ width: 48%; padding: 3px 10px; margin-bottom: 10px;}
		.main1tab li .img{ width: 45px;}
		.indextitle a{ font-size: 14px;}
		.main1tab li span{ max-width: cala(100% - 50px); font-size: 14px;}
		.anli li{ width: 100%; padding: 15px;}
		.main03 .txt h3 a{ font-size: 16px;}
		.main03 .txt p{ font-size: 14px;}
		.anli li .img{ width: 80px; height: 80px;}
		.anli li .txt{ width: calc(100% - 90px); padding-left: 10px;}
		.main04 .main04le{ width: 100%;}
		.main04 .main04ri{ width: 100%; padding:25px}
		.main04 .main04ri li{ text-align: center;}
		.main04 .main04ri li img{ margin: 0 auto; margin-bottom: 10px;}
		.main04 .main04ri li p{ font-size: 14px;}
		.main04 .leimg{ display: none;}
		.main04 .riimg{ width: 100%;}
		.main04 .main04le{ padding: 40px 0;}
		.main04 .main04le b{ font-size: 22px;}
		.main04 .main04le .main4txt{ padding: 0; margin: 25px 0;}
		.main04 .main04le a{ line-height: 35px; padding: 0 35px;}
		.main04{ padding-bottom: 40px;}
		.newnav{ width: 100%; margin: 25px 0 0; }
		.main05le,.main05ri{ width: 100%;}
		.newnav li{ margin: 0 8px; line-height: 35px;}
		.newnav ul{ width: 100%;justify-content: center;}
		.newnav  a{ position: absolute; top: 7px; right: 0;}.indextitle{ position: relative;}
		.newnav li{ font-size: 14px;}
		.main05le span{ margin-bottom: 5px; font-size: 12px;}
		.main05le .txts h2 a{ font-size: 16px; margin-bottom: 5px;}
		.main05ri li{ padding: 15px 0;}
		.main05le .imgs{ height: 10rem;}
		.main05ri{ margin-top: 10px;}
		.main05ri li b a{ font-size: 16px;}
		.main05ri li b{ margin-bottom: 5px;}
		.main05ri li b span{ font-size: 12px;}
		.fotri{ display: none;}
		.fotle> img{ height: 50px;}
		.fotle p{ font-size: 14px;}
		.fotcopy{ margin-top: 20px; text-align: center;}
		.fotcopy a{ display: inline-block;}
		.fotcopy .copy{ display: block;}
		.fotcopy, .fotcopy p, .fotcopy span, .fotcopy span a{ font-size: 14px;}
		.subban{ height: 9rem;}
		.positions{ padding: 10px 0;}
		.prolist li{ padding: 20px 0;}
		.prolist li .img{ width: 100px;}
		.prolist li .txt{ width: calc(100% - 120px);}
		.subban b{ font-size: 24px; margin-bottom: 5px;}
		.subban span{ font-size: 16px;}
		.page ul li a, .page ul li span{ padding: 0 15px ; line-height: 30px;}
		.prolist li:hover .txt{ width: calc(100% - 130px);}
		.view01le{ width: 100%;}
		.view01ri{ width: 100%; margin-top: 25px;}
		.view01ri .jianjie{ padding: 15px 0;}
		.view01ri h1{ font-size: 24px;}
		.view02{ margin-top: 40px;}
		.view02tab span{ padding: 0 10px; font-size: 14px;}
		.view01le .gallery-top .swiper-slide{ height: 10rem;}
		.view01le .xiaotu .swiper-slide{ height: 60px;}
		.view01le .xiaotu .swiper-button-next{ height: 60px;}
		.view01le .xiaotu .swiper-button-prev{ height: 60px;}
		.view02tab{ padding: 10px; margin-bottom: 15px;}
		.anli2 li{ width: 48%; margin: 1%;}
		.anli2 li span{ font-size: 14px; margin-top: 5px;}
		.view02 .content{ margin-bottom: 40px;}
		.view03tit{ margin-bottom: 20px; font-size: 22px; padding-left: 10px; line-height: 28px;}
		.cplist li{ width: 48%;}
		.cplist li .img,.newri li .img{ height: 7rem;}
		.cplist li b{ font-size: 14px; margin-top: 5px;}
		.view03{ padding-bottom: 5px;}
		.view04{ margin: 35px 0;}
		.view04le{ width: 100%; margin-bottom: 30px;}
		.view04 .indextitle{ padding-left: 15px; line-height: 28px;}
		.view04 .indextitle{ margin-bottom: 20px;}
		.view04le li span{ font-size: 12px;}

		.about_chanel .flexNew a{ padding:0 10px; font-size: 14px; margin: 1%; line-height: 35px;}
		.about_chanel{ margin-bottom: 25px;}
		.fanganlist li b a{ margin-bottom: 5px;}
		.fanganlist li .txt >a{ position: static;}
		.fanganlist li .txt{ width: 100%; padding: 20px;}
		.fanganlist li .img{ width: 100%; height: 8rem;}
		.page{ margin: 30px auto;}
		.fangantitle h1,.newle h1{ font-size: 18px;}
		.fangantitle{ padding-bottom: 15px; margin-bottom: 20px;}
		.wendang_down{ margin-bottom: 40px;}
		.fangani_view .video{ margin:25px auto}
		.newle .times{ padding:10px 0}
		.newle .times span{ margin-right: 15px;}
		.prevbox{ width: 260px;}
		.prev_next{ margin: 35px 0;}
		.prevbox a{ font-size: 14px; padding:5px 10px}
		.downli .btns{ width: 100px;}
		.downli .btns a{ padding:0 15px; width: 100%; margin: 3px 0;}
		.downli .tit{ max-width: calc(100% - 110px);}
		.caseli li{ width: 100%; margin-bottom: 15px;}
		.caseli li .txt a{ font-size: 14px;}
		.caseli li .img{ height: auto; margin-bottom: 10px;}
		.about_content .aboutit{ font-size: 20px; margin-bottom: 10px;}
		.about_content{ padding-bottom: 40px;}
		.zizhili li{ width: 48%;}
		.zizhili li .img{ height: 8rem; margin-bottom: 2px;}
		.zizhili li .txt a{ font-size: 14px;}
		.history li .year{ width: 80px;}
		.history li b{ width: 60px; height: 60px; font-size: 14px; line-height: 60px;}
		.history li .txt{ width: calc(100% - 85px);}
		.history li .txt p{ font-size: 14px;}
		.jiarucontent li{ padding: 5px 10px;}
		.litit span:first-child{ width: 50%;}
		.zhaopint span{ width: 25%;}
		.jiarucontent li .libox{ padding: 10px 0;}
		.litit span{ font-size: 12px;}
		.jiarucontent li .libox p{ font-size: 12px;}
		.contactnr2{ margin: 20px auto; padding: 15px 0;}
		.contactnr b{ font-size: 20px;}
		.contactnr2 p{ font-size: 14px;}
		.ewmcon li{ margin: 1%;}
		.contactmap iframe{ height: 10rem !important;}
		.contactnr span{ font-size: 14px;}
		.positions{ border-bottom: 1px solid #eee;}
	   }