.banner{width: 100%;height: 100vh;overflow: hidden; position: relative;z-index: 1;background-color: #fff;}
.banner a{display: block;font-size: 0;}

.banner .swiper-slide {height: 100%;}
.banner .slick-list,.banner .swiper-wrapper,.banner .slick-slider .slick-track,.banner .slick-slider .slick-list,.banner .slick-slider .slick-slide >div{height: 100%;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.banner .swiper-slide img{margin: 0 auto;}
.banner .container{position: relative;height: 100%;}
.banner .container .con{position: absolute; width: 100%;height: 100%;}
.banner .donghua{
  -ms-transition: all 1.2s ease-in-out; 
  -webkit-transition: all 1.2s ease-in-out; 
	-o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}
.banner .bgb { position:absolute; width:100%; height:100%; left:0; top:0;background-size: cover;background-position: center center;background-repeat: no-repeat; }	
.banner .swiper-slide .bgb{
 	-ms-transform: scale(1.04,1.04);
    -o-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -webkit-transform: scale(1.04,1.04);
    transform: scale(1.04,1.04);
    -webkit-transition: transform 8000ms ease-in-out;
    -moz-transition: transform 8000ms ease-in-out;
    -o-transition: transform 8000ms ease-in-out;
    -ms-transition: transform 8000ms ease-in-out;
    transition: transform 8000ms ease-in-out;
}
.banner .swiper-slide-active .bgb,.banner .slick-active .bgb {
    -ms-transform: scale(1.0,1.0) rotate(0.00001deg);
    -o-transform: scale(1.0,1.0) rotate(0.00001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.00001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.00001deg);
    transform: scale(1.0,1.0) rotate(0.00001deg);
}

.banner .wenzi1{opacity: 0;transition-delay: 0.6s;}
.banner .wenzi2{opacity: 0;transition-delay: 1.5s;}
.banner .wenzi3{opacity: 0;transition-delay: 1.8s;}
.banner .wenzi4{opacity: 0;transition-delay: 2.1s;}
.banner .wenzi5{opacity: 0;transition-delay: 2.4s;}
.banner .wenzi{text-align: center;opacity: 0;}

.banner .banner1 .con .wenzi{text-align: center;margin-top: 8%;}
.banner .banner1 .con .imgs{text-align: center;position: absolute;left: 53%;transform: translateX(-50%); top: 51%;width: 100%;max-width: 1167px;}
.banner .banner1 .con .imgs .item{width: 24%;display: inline-block;
	text-align: center;}
.banner .banner1 .con .imgs .item img{width: 70%;max-width: 213px;}
.banner .banner1 .con .wenzi1{width: 70%;max-width: 1266px;}
.banner .banner1 .con .wenzi2{}
.banner .banner1 .con .wenzi3{transform: translateY(-50px);}
.banner .banner1 .con .wenzi4{transform: translateY(-50px);}
.banner .banner1 .con .wenzi5{}


.banner .banner2 .wenzi1{position: absolute;top: 16%;width: 60%;left: 50%;transform: translateX(-50%); max-width: 817px;}
.banner .banner3 .wenzi1{position: absolute;top: 50%;width: 50%;left: 0%;transform: translateY(-50%);max-width: 734px;}
.banner .banner4 .wenzi1{position: absolute;top: 20%;width: 60%;left: 50%;transform: translateX(-50%);max-width: 1032px;}
.banner .banner5 .wenzi1{position: absolute;top: 22%;width: 40%;left: 50%;transform: translateX(-50%);max-width: 689px;}
.banner .banner6 .wenzi1{position: absolute;top: 50%;width: 40%;left: 0%;transform: translateY(-50%);max-width: 524px;}


/*鍔ㄧ敾*/
.banner .swiper-slide-active .container img,.banner .once .container img{opacity: 1;}
.banner .swiper-slide-active .container .con .wenzi,.banner .once .container .con .wenzi{opacity: 1;}


.banner .pagination_wrap{width: 10px;position: absolute;z-index: 99;right: 50px;bottom: 50%;transform: translateY(50%);}
.banner .swiper-pagination{position: relative;left: 0;bottom: 0; width: 10px;}
.banner .swiper-pagination span{background-color: #fff;width: 10px;height: 10px;border-radius: 10px;transition: all 0.5s;opacity: 1;margin: 5px 0!important;}
.banner .swiper-pagination .swiper-pagination-bullet-active{height: 40px;/*background-color: #0065bf;*/}

.main_visual_autoplay {width: 20px;height: 20px;margin-top: 10px;margin-left: -5px; position: relative;}
.main_visual_autoplay>span {display: block;width: 100%;height: 100%;position: absolute;left:0;top: 0; font-size: 0;cursor: pointer;background: url(../images/icon_pause_w.png) center no-repeat;background-size: 20px;}
.main_visual_autoplay .autoplay_play {background-image: url(../images/icon_play_w1.png);opacity: 0;}
.main_visual_autoplay.pause .autoplay_play{opacity: 1;}
.main_visual_autoplay.pause .autoplay_pause{opacity: 0;}

.pagination_wrap .swiper-button-prev,.pagination_wrap .swiper-button-next{position: relative;margin-bottom: 5px; margin-top: 0; width: 40px;height: 30px; top: 0;left: 50%;transform: translateX(-50%);background: url(../images/icon_up_w.png) center no-repeat;background-size: 24px;}
.pagination_wrap .swiper-button-next{top: auto;bottom: 0;margin-top: 5px; background-image: url(../images/icon_down_w.png);}


.banner_nav{position: absolute;z-index: 999; width: 80%;left: 10%;bottom: 0;height: 160px;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);background-color: #1060bf;}
.banner_nav .item{height: 160px;color: #fff;padding: 35px 35px; float: left;width: 16.6%;transition: width ease-in-out 0.5s;position: relative;background: url(../images/icon_nav_xian.png) right center no-repeat;}
.banner_nav .item:last-child{background: none;}
.banner_nav .icon{text-align: center;width: 100%;top: 20px;right: 0;position: absolute;transition: all ease-in-out 0.5s;}
.banner_nav .icon img{width: 80px;margin-bottom: 0px;transition: width ease-in-out 0.5s;}
.banner_nav .icon .name{font-size: 1.0rem;font-weight: bold;margin-top: 0.2rem;}
.banner_nav .text{transition: all ease-in-out 0.5s;opacity: 0;transform: translateY(100%);cursor: pointer;display: block;}
.banner_nav .text .titles{margin-bottom: 18px;}
.banner_nav .text .title{color: #fff; display: inline-block;font-size: 1.0rem;margin-right: 10px; font-weight: bold;}
.banner_nav .text .entitle{display: inline-block;font-size: 14px;color: #eee;}
.banner_nav .text .desc{font-size: 14px;color: #eee; line-height: 26px;}


.banner_nav .item.on{width: 37%!important;}
.banner_nav .item.on .icon{right: 25px;width: 50px;}
.banner_nav .item.on .icon .name{opacity: 0;}
.banner_nav .item.on .icon img{width: 50px;}

.banner_nav .item.on .text{opacity: 1;transform: translateY(0);}

.index_main{position: relative;z-index: 1;background-color: #fff;overflow: hidden;}
.index_news{padding-top: 1.8rem; padding-bottom: 4.0rem;position: relative;z-index: 1;background-color: #fff;}
.news_left{width: 48%;float: left;}
.news_left .title{height: 3.0rem;line-height: 3rem;position: relative;margin-bottom: 0.5rem;}
.news_left .title h3{position: relative; font-size: 1.8rem;font-weight: bold;z-index: 2;}
.news_left .title:before{font-size: 3.6rem;line-height: 3rem;color: #f5f5f5;position: absolute;left: 0;top: 0;z-index: 1;content: "NEWS";}
/*.news_left .video{width: 100%;height: 0;padding-top: 56.25%;box-sizing: content-box;position: relative;background: url(../images/videopic.jpg) center no-repeat;background-size: cover;}
.news_left .video .video_play{position: absolute;left: 0;top: 0;width: 6.8rem;height: 6.8rem;background-color: rgba(0,0,0,0.7);font-size: 0.8rem;color: #fff;text-align: center;z-index: 2;cursor: pointer;}
.news_left .video .video_play img{width: 2.0rem;height: 2.0rem;margin-top: 1.5rem;margin-bottom: 0.5rem;}
.news_left .video video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;cursor: pointer;}
*/

.news_left .video{width: 100%;height: 0;padding-top: 56.25%;box-sizing: content-box;position: relative;}
.news_left .video .video_play{position: absolute;left: 0;top: 0;width: 6.8rem;height: 6.8rem;background-color: rgba(0,0,0,0.7);font-size: 0.8rem;color: #fff;text-align: center;z-index: 2;cursor: pointer;}
.news_left .video .video_play img{width: 2.0rem;height: 2.0rem;margin-top: 1.5rem;margin-bottom: 0.5rem;}
.imgnews {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.news_left .video a{display: block;width: 100%;height: 100%;background: url(../images/videopic.jpg) center no-repeat;background-size: cover;}
.news_left .video a img{width: 100%;height: 100%;}
.news_left .video a .text{position: absolute;left: 0;bottom: 0; width: 100%;height: 50px;line-height: 50px;background-color: rgba(0,0,0,0.4);color: #fff;padding: 0 80px 0 20px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.imgnews .swiper-pagination{width: 80px;left: auto;right: 0; text-align: right;padding: 0 10px;line-height: 50px; bottom: 0;font-size: 16px;color: #fff;}
.imgnews .swiper-button-next,.imgnews .swiper-button-prev{opacity: 0.3;height: 5.0rem;width: 40px; background-color: rgba(0,0,0,0.3);left: 0;margin-top: -2.5rem;transition: all 0.5s;}
.imgnews .swiper-button-next{left: auto;right: 0;}
.imgnews:hover .swiper-button-next,.imgnews:hover .swiper-button-prev{opacity: 1;}

.news_right{width: 48%;float: right;}
.news_right .hd{border-bottom: 1px solid #ccc;}
.news_right .hd li{height: 3.0rem;line-height: 3.0rem; display: inline-block;margin-right: 1.5rem;}
.news_right .hd li a{font-size: 0.9rem;display: block;position: relative;}
.news_right .hd li a:after{position: absolute;left: 0;bottom: -1px; width: 100%;height: 2px;z-index: 1;background-color: #0065bf;content: "";transition: all 0.5s;transform: scale(0,1);}
.news_right .hd li.on a{color: #0065bf;}
.news_right .hd li.on a:after{transform: scale(1,1);}
.news_right .hd .more{float: right;height: 3.0rem;line-height: 3.0rem;background: url(../images/icon_more_plus.png) right 5px center no-repeat;padding-right: 30px;color: #333;}
.news_right .hd .more:hover{color: #0065bf;}
.news_right .bd{position: relative;padding-top: 57%;height: 0;box-sizing: content-box;overflow: hidden;}
.news_right .index_newslist{display: none;position: absolute;left: 0;top: 0;width: 100%;background-color: #fff;}
.news_right .index_newslist .item{padding: 6.2% 0 6.2% 180px;border-bottom: 1px solid #ccc;position: relative;display: block;}
.news_right .index_newslist .item:last-child{border-bottom: none;}
.news_right .index_newslist .img{width: 162px;height: 111px;background-position: center;background-size: cover;position: absolute;left: 0;top: 2.3rem;}
.news_right .index_newslist .img img{width: 100%;height: 100px;}
.news_right .index_newslist .text{height: 111px;padding-right: 0.4rem;transition: all 0.5s;}
.news_right .index_newslist .title{position: relative; padding-right: 100px;margin-bottom: 1rem;}
.news_right .index_newslist .title:after{position: absolute;bottom: -0.5rem;left: 0;width: 1.5rem;height: 1px;background-color: #333;content: "";}
.news_right .index_newslist .date{position: absolute;right: 2px;top: 0;font-size: 14px;color: #666;}
.news_right .index_newslist h4{font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold; transition:cubic-bezier(0.215,.61,.355,1) .45s; }
.news_right .index_newslist .item:hover h4{color: #0065bf;}
.news_right .index_newslist .item:hover .text{transform: translateX(0.4rem);}
.news_right .index_newslist .desc{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;}

.newslist2{margin-top: 30px;}
.newslist2 .item{width: 23%;float: left; position: relative;margin-right: 2.66%;}
.newslist2 .item:nth-child(4n){margin-right: 0;}
.newslist2 .item img{width: 100%;height: 100%;position: absolute;z-index: 0; left: 0;top: 0;opacity: 0;}
.newslist2 .item .con{background-color: #eee;background-position: center;background-repeat: no-repeat;background-size: cover;  padding: 2.2rem 1.6rem;display: block;position: relative;z-index: 1;transition: all 0.5s;}
.newslist2 .item .date{font-size: 14px;color: #444;padding-bottom: 0.7rem;position: relative;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.newslist2 .item .date:after{position: absolute;bottom: -0.4rem;left: 0;width: 1.5rem;height: 1px;background-color: #333;content: "";transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.newslist2 .item h4{margin-top: 1.0rem;font-size: 18px;height: 64px;line-height: 32px;}
.newslist2 .item:hover .con{color: #fff;background-color: rgba(0,85,184,0.5);}
.newslist2 .item:hover .date{color: #fff;}
.newslist2 .item:hover .date:after{background-color: #fff;}
.newslist2 .item:hover img{opacity: 1;}

.index_about{padding: 3rem 0 5.0rem;position: relative;z-index: 1;margin-bottom: 0rem;}
.index_about_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: url(../images/about_bg.jpg) center no-repeat;background-size: cover;content: "";z-index: 0;}
.index_about .content{color: #fff;text-align: center;}
.index_about h3{font-size: 2.0rem;font-weight: bold;line-height: 1.4;}
.index_about .entitle{font-size: 0.8rem;line-height: 1.4;}
.index_about .desc{max-width: 900px; font-size: 1.0rem;line-height: 1.8;margin-top: 1.5rem;margin-bottom: 1.5rem; margin-left: auto;margin-right: auto;}
.index_about .more{width: 11.7rem;height: 2.6rem;line-height: 2.6rem;margin: 0 auto;border: 1px solid #fff;text-align: center;font-size: 0.9rem;display: block;color: #fff;position: relative; overflow: hidden;transition: all 0.5s ease;}
.index_about .more span{position: relative;z-index: 1;}
.index_about .more:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #eeeeee, #ffffff);content: "";transform: translate3d(-100%,0,0); z-index: 0;transition: all 0.5s ease;}
.index_about .more:hover:after{transform: translate3d(0%,0,0);}
.index_about .more:hover{color: #333;}

.video_bg{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 999;display: none;}
.video_inner{position: fixed;width: 900px;margin: 0 auto;text-align: right;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);   -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 999;display: none;}
.video_inner span{display: inline-block;font-size: 50px;color: #fff;cursor: pointer;}


.subbanner{width: 100%;height: 20vw;min-height: 20vw; background-position: center;background-repeat: no-repeat;/*background-attachment: fixed;*/background-size: cover;position: relative;z-index: 1;background-color: #fff;}
.subbanner .container{position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);color: #fff;}
.banner_type h1{font-size: 3.0rem;font-weight: bold;line-height: 1.3;}
.banner_type .desc{font-size: 1.2rem;line-height: 1.3;}
.banner_type .more{width: 60px;height: 60px;background: url(../images/icon_play_w.png) center no-repeat;background-size: 100%;display: block;margin-top: 1.5rem;}

.subpage_wrap{position: relative;z-index: 1;background-color: #fff;min-height:20vh; }
.subpagenav{width: 100%;transition: all ease 0.5s;position: absolute;left: 0;top: -35px; z-index: 2;}
.subpagenav.fixed{position: fixed;top: 70px;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);}
.subpagenav.fixed .container{background-image: none;}
.subpagenav .container{background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);text-align: center;}
.subpagenav .container a{display: inline-block;margin: 0 4%;height: 3.6rem;vertical-align: top;color: #fff;font-size: 0.9rem;font-weight: bold;line-height: 3.6rem;position: relative;}
.subpagenav .container a:after{background-color: #fff;content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;transition: all 0.5s ease;transform: scale3d(0,1,1);}
.subpagenav .container a.on:after,.subpagenav .container a:hover:after{transform: scale3d(1,1,1);}
.typebar{margin-bottom: 2.25rem;}
.typebar h2{display: inline-block;font-size: 1.8rem;color: #333333;font-weight: bold;margin-right: 15px;}
.typebar .enname{display: inline-block;font-size: 0.9rem;color: #888;font-weight: 300;}
.typebar .more{float: right;font-size: 1.0rem;color: #0065bf;}
.typebar.typebar2 {margin-bottom: 1.5rem;}
.typebar.typebar2 h2{font-size: 1.2rem;}

.about_page{position: relative;z-index: 1;background-color: #fff;}

.about_con{width: 100%;background: url(../images/about_bg1.jpg) center no-repeat;background-size: cover;background-attachment: fixed;padding: 8rem 0 3.0rem 0;}
.about_con .content{font-size: 16px;line-height: 2.2;/*max-width: 1180px;*/}
.about_con .content p{padding-bottom: 0.5rem;text-indent: 2em;text-align: justify;}
.about_con .about_data{/*max-width: 1180px;*/margin-top: 2.5rem;margin-bottom: 2.5rem;}
.about_con .about_data .con{width: 25%;padding: 0 15px;text-align: center;float: left;}
.about_con .about_data .name{font-size: 1.2rem;line-height: 1.6;font-weight: bold;}
.about_con .about_data .desc{font-size: 16px;color: #555555;}

.about_video_wrap{width: 30.0rem;margin-bottom: 1.5rem;}
.about_video{width: 100%;height: 0;padding-top: 56.25%;box-sizing: content-box;position: relative;}
.about_video img ,.about_video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about_video img{z-index: 1;}
.about_video .video_play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); width: 6.8rem;height: 6.8rem;font-size: 0.8rem;color: #fff;text-align: center;z-index: 2;cursor: pointer;background: rgba(0,0,0,0.3) url(../images/icon_play.png) center no-repeat;background-size: 60%;}

.history{width: 100%;background: url(../images/about_bg2.jpg) center center no-repeat;padding-bottom: 6.0rem;padding-top: 3.5rem;background-size: cover;position: relative;overflow: hidden;}
.history .swiper-container-fazhan{height: 480px;width: 100%;position: relative;}

.history_wrap{position: relative;margin-top: 3.0rem;}
.history .history_wrap:before{position: absolute; width: 3000px;height: 1px;left: 50%;top: 394px;content: "";background-color: #31567c;margin-left: -1500px;}


.swiper-container-fazhan .swiper-slide{height: 395px;border-bottom: 1px solid #31567c;}
.swiper-container-fazhan .con{max-width: 298px;height: 395px;padding: 0 20px; margin: 0 auto;position: relative;}
.swiper-container-fazhan .con:after{position: absolute;width: 12px;height: 12px;left: 50%;margin-left: -6px;border-radius: 12px;bottom: -6px;content: "";z-index: 2;background-color: #c00311;}
.swiper-container-fazhan .con img{margin-bottom: 26px;}
.swiper-container-fazhan .con p.desc{color: #455058;line-height: 1.875;}
.swiper-container-fazhan .con p.year{position: absolute;width: 100%;height: 34px;line-height: 34px;bottom: 34px;left: 0;text-align: center; font-size: 24px;color: #404040;}
.swiper-container-fazhan .con p.year span{font-size: 30px;font-weight: bold;}
.swiper-container-fazhan .swiper-slide:nth-child(odd) img{margin-top: 55px;}
.swiper-container-fazhan .swiper-slide:nth-child(odd) p.year{bottom: -53px;}
.swiper-container-fazhan .con:hover img{transform: scale(1.1);}
.swiper-container-fazhan .swiper-button-next, .swiper-container-fazhan .swiper-button-prev{position: absolute; bottom: 71px;top: auto;width: 30px;height: 30px;}
.swiper-container-fazhan .slick-arrow{position: absolute; bottom: 0;top: auto;width: 30px;height: 30px;z-index: 2;background-color: #fff;border: 0;}
.swiper-container-fazhan .slick-arrow:before,.swiper-container-fazhan .slick-arrow:after{display: none;content: "";}
.swiper-container-fazhan .swiper-button-prev,.swiper-container-fazhan  .slick-prev{left: -2px;}
.swiper-container-fazhan .swiper-button-next,.swiper-container-fazhan  .slick-next{right: -2px;}

.party{padding-top: 3.5rem;padding-bottom: 3.5rem;background: url(../images/about_bg3.jpg) center no-repeat;background-size: cover;}
.party .party_wrap{display: flex;align-items: center;-ms-display: flex;-ms-align-items: center;}
.party .imgs{width: 50%;float: left;position: relative;box-sizing: content-box;-ms-box-sizing: content-box; height: 0;padding-top: 31.6%;}
.party .imgs_container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.party .imgs_container .con{position: relative;display: block;width: 100%;height: 100%;}
.party .imgs_container .con .title{width: 100%;height: 3.1rem;line-height: 3.1rem;background: rgba(0,0,0,0.8);text-align: center;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;color: #fff;font-size: 1rem;position: absolute;left: 0;bottom: 0;z-index: 2;padding: 0 80px 0 20px;}
.party .imgs_container img{width: 100%;height: 100%;}
.party .text{width: 50%;float: right;padding-left: 3%;}
.party .text .con{}
.party .text h3{font-size: 1.6rem;margin-bottom: 1.0rem;}
.party .text .desc{font-size: 0.9rem;line-height: 2.3;}
.party .swiper-pagination{width: 80px;left: auto;right: 0; text-align: right;padding: 0 10px;line-height: 50px; bottom: 0;font-size: 16px;color: #fff;}
.party .swiper-button-next,.party .swiper-button-prev{opacity: 0.3;height: 5.0rem;width: 40px; background-color: rgba(0,0,0,0.3);left: 0;margin-top: -2.5rem;transition: all 0.5s;}
.party .swiper-button-next{left: auto;right: 0;}
.party .imgs_container:hover .swiper-button-next,.party .imgs_container:hover .swiper-button-prev{opacity: 1;}

.culture{padding-top: 3.5rem;padding-bottom: 3.5rem;}
.culture_list{}
.culture_list .item{width: 32%;float: left;flex: 0 0 auto;-ms-flex: 0 0 auto; margin-bottom: 1.8rem;/*border: 1px solid #eee;*/padding: 2rem 2rem;color: #666666;transition: all 0.5s ease;position: relative;overflow: hidden;background: #e9f2ff;}
.culture_list .item:after{position: absolute;left: 0;top: 0;z-index: 0;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);width: 100%;height: 100%;transition: all 0.66s ease;content: "";background-color: #1060bf;transform: translateX(-110%);}
.culture_list .item:hover{color: #fff;}
.culture_list .item:hover:after{transform: translateX(0%);}
.culture_list .item .con{}
.culture_list .item .con:hover{}
.culture_list .item .title{position: relative;z-index: 1; font-size: 1.3rem;font-weight: bold;line-height: 1.8;}
.culture_list .item .desc{position: relative;z-index: 1;font-size: 0.9rem;text-align: center;margin-top: 0.75rem;line-height: 1.8;}


.yuanjing{width: 100%;}
.yuanjing .item{height: 31.0rem;display: flex;align-items: center;justify-content: space-between;-ms-display: flex;-ms-align-items: center; -ms-justify-content: space-between; float: left;width: 50%;font-size: 1.0rem;}
.yuanjing .zlcon{padding-left: 10%;padding-right: 3.5%;background: url(../images/about_zhanlue_bg.jpg) center no-repeat;background-size: cover;}
.yuanjing .yjcon{padding-left: 3.5%;padding-right: 10%;background: url(../images/about_lixiang_bg.jpg) center no-repeat;background-size: cover;color: #fff;}
.yuanjing .item .name{width: 7.85rem;}
.yuanjing .item .con{line-height: 2.6;max-width: 70%;}
.yuanjing .zlcon .name{margin-left: 1rem;}
.yuanjing .yjcon .name{margin-right: 1rem;}

.honor{padding-top: 3.5rem;padding-bottom: 3.5rem;background-color: #f3f1f1;overflow: hidden;}
.honor_wrap{width: 87.5%;margin: 0 auto;}
.honor_wrap .imgList{width:100%;flex: 1;/*height: 39rem;*/ padding:0 20px;box-sizing: border-box;margin-left:20px;}
.honor_wrap .imgList > div{position: relative; width: 30%;box-sizing: content-box;height: 0; padding-top: 23%;margin-bottom:20px;}
.honor_wrap .imgList > div a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.honor_wrap .imgList::-webkit-scrollbar{display: none;}
.honor_wrap .imgList > div a img{display: block;width: 100%;height: 100%;}
.pCss{width: 160px;height: 40px;font-size: 16px; background: #1060bf;color:white;line-height: 40px;text-align: center;margin-bottom:15px;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);}
.ulCss{/*overflow-y:scroll;*/height:700px;width: 100%;padding-right:20px;box-sizing: border-box;}
.ulCss > ul > li {font-size: 0.9rem;line-height: 1.6;}
.ulCss > ul > li > h3{margin-bottom:15px;margin-top: 15px;}
.ulCss::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/width: 4px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/height: 1px;}
.ulCss::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/border-radius: 2px; -webkit-box-shadow: inset 0 0 5px gray;background: #535353;}
.ulCss::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 2px;background: #EDEDED;}

/*   shade */
@font-face {font-family: "iconfont2";
  src: url('http://at.alicdn.com/t/font_891598_88xceplu3km.eot?t=1556261615003'); /* IE9 */
  src: url('../fonts/font_891598_88xceplu3km.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/font_891598_88xceplu3km.woff') format('woff'),
  url('../fonts/font_891598_88xceplu3km.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/font_891598_88xceplu3km.svg') format('svg'); /* iOS 4.1- */
}
.iconfont2 {font-family: "iconfont2" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sno-icon-x:before {content: "\e6e0";}
.sno-icon-Rectangle:before {content: "\e647";}
.sno-icon-Rectangle1:before {content: "\e648";}

.shade {
background: rgba(0, 0, 0, .8);position: fixed;width: 100%;height: 100%;z-index: 19998;top: 0;left: 0;display: none;}
.shadesade {position: relative;width: 100%;height: 100%;}
.item-point i {color: #555454;font-size: 50px;cursor: pointer;}
.item-point {width: 10%;position: absolute;top: 50%;}
.item-point,.item-occl {z-index: 9999;}
.laevo-point {left: 0;}
.next-point {right: 0;}
.occlude {position: absolute;right: 0;top: 0;color: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #c61c22;cursor: pointer;}
.imgshade-wap {height: 100%;}
.imgshade-wap .swiper-slide {text-align: center;}
.imgshade-wap .swiper-slide img {vertical-align: middle;position: absolute;top: 0;bottom: 0;margin: auto;left: 0;right: 0;}
.page2 li img {height: 200px;}

.news_page{position: relative;padding-top: 1rem; z-index: 1;background-color: #fff;}
.newspage_content{padding-top: 3.5rem;padding-bottom: 3.5rem;background-color: #fff;}
.bgcl{background-color: #f6f6f6!important;}

.news_item1{}
.news_item1 .img{width: 45%;height: 0;padding-top: 35.45%;box-sizing: content-box;position: relative;}
.news_item1 .img a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;display: block;transition: all 0.5s ease 0;display: none;}
.news_item1 .newslist{width: 55%;box-shadow: 6px 6px 12px -3px rgba(0,0,0,0.3)}
.news_item1 .item{flex: 1;-ms-flex: 1;padding: 1.0rem 6% 0 3.9%;position: relative;border-bottom: 1px solid #eee;display: block;overflow: hidden;}
.newslist .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";transition: all 0.5s ease;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);opacity: 0;transform: translate3d(0%,0,0);}
.newslist .item:hover:after,.newslist .item.on:after{opacity: 1;transform: translate3d(0%,0,0);}
.newslist .item:hover,.newslist .item.on{color: #fff;border-color: transform;}
.newslist .item:hover .more,.newslist .item:hover .desc,.newslist .item.on .more,.newslist .item.on .desc{color: #fff!important;}
.newslist .item h3,.newslist .item .desc,.newslist .item .date{position: relative;z-index: 1;transition: all 0.5s ease 0;}
.news_item1 .item h3{font-size: 1.0rem;line-height: 1.6;margin-bottom: 0.5rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_item1 .item .desc{font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1.0rem;}
.news_item1 .item .date{margin-right: 1rem;}
.news_item1 .item .more{font-weight: bold;color: #0065bf;transition: all 0.5s ease 0;}

.news_item2{}
.news_item2 .item{width: 29.125%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;display: block;}
.news_item2 .item .img{height: 0;padding-top: 63.7%;box-sizing: content-box;position: relative;display: block;overflow: hidden;z-index: 1;}
.news_item2 .item .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.news_item2 .item .text{height: 8rem;background-color: #fff;padding: 1.0rem;}
.news_item2 .item h3{font-size: 0.9rem;margin-bottom: 1.5rem;margin-top: 0.5rem;}
.news_item2 .item .desc{font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 1.0rem;}
.news_item2 .item .date{margin-right: 1rem;}
.news_item2 .item .more{font-weight: bold;color: #0065bf;transition: all 0.5s ease 0;}

.news_item3{}
.news_item3 .item{width: 49%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;margin-bottom: 1.0rem;padding: 1rem 2rem;background-color: #f9f9f9;border-left: 1px solid #eee;}
.news_item3 .item h3{font-size: 0.9rem;}
.news_item3 .item .date{position: relative;z-index: 1;}

.news_item4{}
.news_item4 .item{width: 49%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;position: relative;margin-bottom: 1.0rem;padding: 1rem 1rem;border-bottom: 1px solid #ccc;}
.news_item4 .item h3{font-size: 0.9rem;}
.news_item4 .item:hover h3{color: #0065bf;}
.news_item4 .item:hover .date{color: #666;}
.news_item4 .item:hover:after{display: none;}
.news_item4 .item .date{position: relative;z-index: 1;margin-right: 1rem;}

.item .img {overflow: hidden;}
.item .img img{transition: all 0.5s ease-in-out;}
.item:hover .img img{transform: scale(1.1,1.1);}

.com-fenye1 {display: flex;-ms-display: flex;-webkit-display: flex;-js-display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;-ms-align-items: center;-ms-justify-content: center;}
.com-fenye1 .a1 {width: 35px;height: 35px;border-radius: 50%;font-size: 16px;transition: all 0.4s ease;margin: 0 3px;text-align: center;display: flex;-ms-display: flex;-webkit-display: flex;-js-display: flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;-ms-align-items: center;-ms-justify-content: center;
}
.com-fenye1 .a1:hover,
.com-fenye1 .a1.active {background: #0065bf;color: #ffffff;}

.newslist_content{padding-top: 3.5rem;padding-bottom: 3.5rem;}
.newslist_content .tjimgs{}
.newslist_content .tjimgs .item{width: 48%;display: block;}
.newslist_content .tjimgs .img{position: relative;overflow: hidden;height: 0;padding-top: 63.7%;box-sizing: content-box;}
.newslist_content .tjimgs .img:after{position: absolute;left: 0;top: 0; width: 100%;height: 100%;content: "";background-image: linear-gradient(transparent, #222);opacity: 0.1;z-index: 0;}
.newslist_content .tjimgs .img img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.newslist_content .tjimgs .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 3rem;font-size: 1.0rem;padding: 0 2.0rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;z-index: 1;background-color: rgba(0,0,0,0.3);}
.newslist_content .tjimgs .text h3{font-size: 1.2rem;}

.newslist_content .content{margin-top: 3.5rem;}
.newslist_content .left_con{width: 71.625%;}
.newslist0 .item{padding: 0 0 2rem 0;margin-bottom: 2rem;border-bottom: 1px solid #eee;}
.newslist0 .item .img{width: 29.3%;height: 0;box-sizing: content-box;padding-top: 18.67%;position: relative;overflow: hidden;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;margin-right: 1.7rem;display: block;}
.newslist0 .item .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.newslist0 .item .text{flex: 1;-ms-flex: 1;-webkit-flex: 1;justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;}
.newslist0 .item .text h3{font-size: 1.0rem;display: block;}
.newslist0 .item:hover  .text h3,.newslist0 .item:hover  .more{color: #0055b8;}
.newslist0 .item .text .desc{font-size: 0.8rem;height: 3.0rem;line-height: 1.8;}
.newslist0 .item .text .date{color: #666;}

.newslist_content .right_con{width: 22.375%;}
.newslist_content .right_con .item{width: 100%;display: block; position: relative;overflow: hidden;height: 0;padding-top: 63.7%;box-sizing: content-box;background-color: #eee;margin-bottom: 1.5rem; }
.newslist_content .right_con .item img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease;opacity: 1;z-index: 0;}
.newslist_content .right_con .item .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.5s ease;z-index: 1;background-color: #eee;padding: 1.5rem;justify-content: space-between;-ms-justify-content: space-between;-webkit-justify-content: space-between;}
.newslist_content .right_con .item h3{position: relative;z-index: 2;font-size: 16px;transition: all 0.5s ease 0;}
.newslist_content .right_con .item .date{position: relative;z-index: 2;font-size: 14px;transition: all 0.5s ease 0;}
.newslist_content .right_con .item:hover .text{color: #fff;background-color: rgba(0,85,184,0.5);}
.newslist_content .right_con .item:hover img{opacity: 1;}
.newslist_content .right_con .item:hover img:after{opacity: 1;}

.news_con{}
.news_con h1{font-size: 1.5rem;font-weight: bold;margin-bottom: 1.5rem;}
.news_con .source{margin-bottom: 2.5rem;padding: 0 15px;}
.news_con .source .share{ width: 37px;height: 37px; display: inline-block;*display: inline;*zoom: 1; background: url(../images/iconfenxiang.png) left center no-repeat;cursor: pointer; vertical-align: top;margin-left: 15px;}
.news_con .source .bdshare-button-style0-16 .bds_more{float: none;background: none; display: block;margin: 0;padding: 0; width: 37px;height: 37px;}
.news_con_body{font-size: 16px;line-height: 1.8;}
.news_con_body p {text-indent: 2em;}
.news_con_body p,.news_con_body div{margin-bottom: 20px;}
.news_con_body img{max-width: 90%;margin: 20px auto;display: block;}

.fanpian{border-top: 1px solid #ccc;padding-top: 1.0rem;margin-top: 3rem;}
.fanpian a{font-size: 16px;color: #444;transition: all 0.5s ease;flex: 0 0 45%;-ms-flex: 0 0 45%;-webkit-flex: 0 0 45%;line-height: 1.8;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fanpian a:hover{color: #0065bf;}

/*浜т笟甯冨眬*/
.product_page{position: relative;z-index: 1;background-color: #fff; padding-top: 3.5rem;padding-bottom: 3.5rem;}
.product_page .product_list{}
.product_list .item{position: relative;z-index: 0;padding: 4rem 3rem;overflow: hidden;}
.product_list .item:nth-of-type(2n+1):after{position: absolute;right: 0;top: 0;width: 27.4%;height: 100%;background: url(../images/bgService.png) center;content: "";transform: translateX(100%);transition: all 1s ease;}
.product_list .item:nth-of-type(4n+2):after{position: absolute;left: 0;top: 0;width: 90%;height: 100%;background: #f1f7fe;content: "";transform: translateX(-100%);transition: all 1s ease;}
.product_list .item:nth-of-type(4n):after{position: absolute;right: 0;top: 0;width: 90%;height: 100%;background: #f1f7fe;content: "";transform: translateX(100%);transition: all 1s ease;}
.product_list .Visual.item:nth-of-type(2n+1):after{transform: translateX(0%);}
.product_list .Visual.item:nth-of-type(4n+2):after{transform: translateX(0%);}
.product_list .Visual.item:nth-of-type(4n):after{transform: translateX(0%);}
.product_list .item .container{position: relative;z-index: 1;}
.product_list .item .imgcon{width: 50%;padding: 0 2rem; flex: 0 0 auto;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;}
.product_list .item:nth-of-type(2n+1) .text{order: -1;}
.product_list .item .imgcon .img{width: 100%;position: relative; height: 0;box-sizing: content-box;padding-top: 63%;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;display: block;display: block;}
.product_list .item .imgcon .img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.6s ease-in-out;}
.product_list .item:hover img{transform: scale(1);}
.product_list .item .imgcon .img:hover img{transform: scale(1.05);}
.product_list .item .text{width: 50%;padding: 0 2rem;flex: 0 0 auto;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;}
.product_list .item .text h3{font-size: 2.4rem;color: #0653b8;font-weight: bold;position: relative;display: inline;line-height: 1.6;}
.product_list .item .text h3 a{font-size: 2.1rem;color: #0653b8;}
.product_list .item .text h3:after{position: absolute;right: -8.0rem;top: 50%;width: 7.0rem;height: 0.25rem;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";}
.product_list .item .text .en{text-transform: capitalize; font-size: 2.5rem;color: rgba(6,83,184,0.3);margin-bottom: 1rem;}
.product_list .item .text .desc{font-size: 16px;line-height: 2;text-align: justify;}
.product_list .item .text .more{display: block;width: 6.5rem;height: 2.25rem;border: 1px solid #333;text-align: center;line-height: 2.25rem;margin-top: 1.5rem;position: relative;overflow: hidden;transition: all 0.5s ease;}
.product_list .item .text .more span{position: relative;z-index: 1;}
.product_list .item .text .more:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transition: all 0.5s ease;transform: translateX(-100%);z-index: 0;}
.product_list .item .text .more:hover{color: #fff;border-color: transparent;}
.product_list .item .text .more:hover:after{transform: translateX(0%);}

.product_con_page{position: relative;z-index: 1;background-color: #fff; padding-top: 3.5rem;padding-bottom: 3.5rem;}
.product_content {padding-top: 3.5rem;}
.product_content .topcon{border-bottom: 1px solid #ccc;padding-bottom: 3.5rem;}
.product_content .topcon .titles{width: 35%;text-align: right;margin-right: 5%;}
.product_content .topcon .titles h3{font-size: 2.4rem;color: #0653b8;font-weight: bold;position: relative;display: inline;line-height: 1.6;}
.product_content .topcon .titles h3:after{position: absolute;left: -8.0rem;top: 50%;width: 7.0rem;height: 0.25rem;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";}
.product_content .topcon .titles .en{text-transform: uppercase; font-size: 2.5rem;color: #ccc;margin-bottom: 1rem;}
.product_content .topcon .text{width: 60%;max-width: 800px;font-size: 0.9rem;line-height: 2;}
.product_subnav{position: relative;margin-top: 3.5rem;}
.product_subnav .con{display: block; text-align: center;padding-bottom: 1rem;}
.product_subnav .con h3{font-size: 1.2rem;font-weight: bold;line-height: 1.5;margin-bottom: 1rem;}
.product_subnav .con .desc{font-size: 0.9rem;color: #555;}
.product_subnav .con .img{width: 10rem;height: 10rem;margin: 2rem auto; padding: 0.5rem;border-radius: 50%;transition: all 0.5s ease;position: relative;overflow: hidden;}
.product_subnav .con .img:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transition: all 0.5s ease;opacity: 0; z-index: 0;}
.product_subnav .con .img img{width: 100%;height: 100%;border-radius: 50%;position: relative;z-index: 1;}
.product_subnav .con.cur{background: url(../images/icon_top_bule.png) center bottom no-repeat;}
.product_subnav .con.cur h3,.product_subnav .con.cur .desc,.product_subnav .con:hover h3,.product_subnav .con:hover .desc{color: #0055b8;}
.product_subnav .con.cur .img,.product_subnav .con:hover .img{box-shadow: 5px 5px 15px rgba(0,0,0,0.3),-5px -5px 15px rgba(0,0,0,0.3);background-color: linear-gradient(to right, #1060bf, #13bbe0);}
.product_subnav .con.cur .img:after,.product_subnav .con:hover .img:after{opacity: 1;}

.product_subnav .swiper-button-next.swiper-button-disabled, .product_subnav .swiper-button-prev.swiper-button-disabled {opacity: 0.2;}


.product_con{padding: 3% 5% 0;background-color: #f1f7fe;margin-top: 1.5rem;overflow: hidden;}
.product_con h2.title{font-size: 2.0rem;font-weight: bold;text-align: center;line-height: 1.5;margin-bottom: 0.5rem;}
.product_con .desc{font-size: 1.2rem;color: #999;text-align: center;margin-bottom: 1rem;text-transform: uppercase;}
.product_con_imgs_wrap{overflow: hidden;}
.product_con_imgs {width: 840px;margin: 2rem auto 50px;overflow: initial;}
.product_con_imgs .con{}
.product_con_imgs .img{text-align: center;width: 100%;}
.product_con_imgs .img img{width: 100%;}
.product_con_imgs .swiper-number{position: absolute;left: 0;bottom: -35px; font-size: 1rem;}
.product_con_imgs .swiper-number .curindex{font-weight: bold;}
.product_con_imgs .swiper-pagination{bottom: -50px;width: 100%;left: 0;top: auto;}
 .product_con_imgs .swiper-button-prev{left: -50px;}
 .product_con_imgs .swiper-button-next{right: -50px;}

.product_con_body{font-size: 16px;line-height: 1.8;margin-top: 2.5rem;}
.product_con_body p {text-indent: 2em;}
.product_con_body p,.product_con_body div{margin-bottom: 1.0rem;}
.product_con_body img{max-width: 90%;margin: 20px auto;display: block;}

.pro_code{margin-top: 3rem;}
.pro_code .img{width: 229px;height: 229px;margin-right: 2rem;background: url(../images/ewm_bg.png) center no-repeat;background-size: 100%;padding: 5px;}
.pro_code .img img{width: 219px;height: 219px;}
.pro_code .text{}
.pro_code .text .name{font-size: 1.8rem;font-weight: bold;color: #0653b8;}
.pro_code .text .desc{width: 100%;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);height: 38px;line-height: 38px;font-size: 0.9rem;color: #fff;margin-top: 1.5rem;}

.pro_map{margin-left: -6%;position: relative;width: 112%;height: 456px;margin-top: 3.5rem;}
.pro_map .map{width: 100%;height: 100%;}
.pro_map .map_mask{position: absolute;z-index: 2; left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,85,184,0.6);line-height: 2;font-size: 1.2rem;cursor: pointer;}
.pro_map .map_mask_text{width: 100%;height: 100%;color: #fff;}

.news_item5{}
.news_item5 .newslist{margin-bottom: 1.5rem;}
.news_item5 .item{width: 48%;background-color: #f8f8f8;position: relative;padding: 1rem 1.5rem;transition: all 0.5s ease;margin-bottom: 1.5rem;}
.news_item5 .item .leftcon{position: relative;z-index: 1;}
.news_item5 .item h3{font-size: 1.1rem;line-height: 1.6;transition: all 0.5s ease;}
.news_item5 .item .date{font-size: 0.8rem;margin-top: 0.5rem;}
.news_item5 .item .download{position: relative;z-index: 1;flex: 0 0 auto;-ms-flex: 0 0 auto; width: 8.5rem;height: 2.0rem;border-radius: 2.0rem;background-color: #13bae0;/*#cdcdcd*/color: #fff;text-align: center;line-height: 2.0rem;position: relative;z-index: 1;}
.news_item5 .item .download:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";transition: all 0.5s ease;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);opacity: 0;border-radius: 2.0rem;z-index: -1;}
.news_item5 .item:hover{box-shadow: 5px 5px 15px rgba(0,0,0,0.1),-5px -5px 15px rgba(0,0,0,0.1);}
.news_item5 .item:hover .download:after{opacity: 1;}
.news_item5 .item:hover h3{color: #0065bf;}
.news_item5 .item:hover:after{display: none;}

/*jobs*/
.jobs_page {padding-top: 1.5rem;padding-bottom: 3.5rem;background-color: #fff;z-index: 1;position: relative;}
.jobs_content{padding-top: 3.5rem;}
.rzfz_content{}
.rzfz_content .item{}
/*.rzfz_content .item:nth-of-type(2n) .text{order: -1;}*/
.rzfz_content .item .img{flex: 0 0 50%;-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;position: relative;overflow: hidden;/*height: 0;box-sizing: content-box;padding-top: 25%;*/}
.rzfz_content .item .imgbg{position: absolute;left: 0;top: 0; width: 100%;height: 100%;transition: all 0.6s ease-in-out;background-size: cover;background-position: center;background-repeat: no-repeat; }
.rzfz_content .item .text{flex: 0 0 50%;-ms-flex: 0 0 50%;-webkit-flex: 0 0 50%;padding: 3.0rem;}
.rzfz_content .item .text h3{font-size: 1.5rem;font-weight: bold;color: #666666;position: relative;padding-bottom: 0.75rem;}
.rzfz_content .item .text h3:after{position: absolute;left: 0;bottom: 0;width: 2.5rem;height: 1px;background-color: #ccc;content: "";}
.rzfz_content .item .text .desc{padding: 3.5rem 0;position: relative;margin-top: 1.5rem;font-size: 1.0rem;color: #666666;line-height: 1.7;}
.rzfz_content .item .text .desc:before{position: absolute;left: 0;top: 0; width: 3.35rem;height: 2.5rem;  background: url(../images/yinhao_left.png) center no-repeat;background-size: 100%;content: ""; }
.rzfz_content .item .text .desc:after{position: absolute;right: 0;bottom: 0;width: 3.35rem;height: 2.5rem;background: url(../images/yinhao_right.png) center no-repeat;background-size: 100%;content: ""; }
.rzfz_content .item:hover .img .imgbg{transform: scale(1.05);}

.job_list_wrap{padding-top: 3.5rem;}
.job_search{margin-bottom: 1.5rem;color: #333;}
.job_search select{border: 1px solid #eee;height: 2.8rem;width: 15.5rem;margin-right: 1.5rem;font-size: 1rem;}
.job_search input[type='text']{border: 1px solid #eee;height: 2.8rem; flex: 1;margin-right: 1.5rem;font-size: 1rem;}
.job_search button[type='submit']{height: 2.8rem;width: 11.7rem;background-image: linear-gradient(to right, #1060bf, #13bbe0);-ms-background-image: linear-gradient(to right, #1060bf, #13bbe0);color: #fff;border: 0;font-size: 1rem;}

/*jobs*/
.joblist {margin-bottom: 60px;}
.joblist .tt{background: #f0f0f0;margin-bottom: 10px;color: #555;font-weight: bold;}
.joblist .tt p{float: left;width: 20%;padding-left: 2.5%;color: #555;line-height: 3.25rem;font-size: 1rem;text-align: center;}
.joblist ul{background: #fff;border-bottom: 0;}
.joblist ul li .dt{position: relative;border-bottom: 1px solid #e0e0e0;cursor: pointer;}
.joblist ul li .dt p{float: left;width: 20%;padding-left: 2.5%;color: #666;line-height: 56px;font-size: 0.9rem;text-align: center;}
.joblist ul li .dt p a,.joblist .cont .wyyp a{width: 9.0rem;background: #b60c0c;background-image: linear-gradient(to right, #1060bf, #13bbe0);border-radius: 4px;display: block;color: #fff;font-size: 14px;text-align: center;line-height: 2.7;margin-top: 10px;}
.joblist .cont .wyyp a{margin: 15px 0 10px;}
.joblist ul li .dt .zkbtn{
    position:absolute;right:40px;top:0;width:24px;text-align:center;height:56px;display:flex;align-items:center;font-size:40px;cursor:pointer;color:#c8c8c8;background: url(../images/icon_jia.png) center no-repeat;background-size: 16px;}
.joblist ul li .dt .zkbtn.open{background-image: url(../images/icon_jian.png);background-size: 9px;}
.joblist ul li .cont{padding: 2.5%;font-size: 14px;color: #757474;line-height: 24px;border-bottom: 1px solid #e0e0e0;display: none;background-color: #f2f2f2;}
.joblist .cont_body {margin-bottom: 1.0rem;}
.joblist .cont_body .item{width: 48%;}
.joblist .cont_body .item .name{font-size: 1rem;margin-bottom: 1rem;}
.joblist .cont_body .bodycon{font-size: 14px;line-height: 2;}

/*鑱旂郴鎴戜滑*/
.contact_page{background-color: #fff;position: relative;z-index: 1;padding-top: 3.5rem;padding-bottom: 3.5rem;}

.contact_list_content{}
.contact_list .item{width: 33.33%;flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;background-color: #fbfbfb;position: relative;padding: 4% 5%;transition: all 0.5s ease;background-position: left center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.contact_list .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #1060bf, #13bbe0);content: "";transform: translate3d(-101%,0,0); z-index: 0;transition: all 0.5s ease;}
.contact_list .item:hover:after{transform: translate3d(0%,0,0);}
.contact_list .item:hover,.contact_list .item:hover .name{color: #fff;}
.contact_list .item .name{position: relative;z-index: 1;margin-bottom: 15px;font-size: 1.2rem;color: #0065bf;transition: all 0.5s ease;font-weight: bold;}
.contact_list .item p{position: relative;z-index: 1;line-height: 1.6;font-size: 0.9rem;}
.contact_list .item:nth-of-type(2n+1){background-color: #f1f1f1}
.contact_list .item:nth-of-type(1){background-image: url(../images/contact/contact_bg1.png);}
.contact_list .item:nth-of-type(2){background-image: url(../images/contact/contact_bg2.png);}
.contact_list .item:nth-of-type(3){background-image: url(../images/contact/contact_bg3.png);}
.contact_list .item:nth-of-type(4){background-image: url(../images/contact/contact_bg4.png);}
.contact_list .item:nth-of-type(5){background-image: url(../images/contact/contact_bg5.png);}
.contact_list .item:nth-of-type(6){background-image: url(../images/contact/contact_bg6.png);}


.contact_map{margin-top: 3.5rem;position: relative;}
.contact_map .map{width: 100%;height: 32.5rem;}
.contact_map .mapbg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 200;background-color: rgba(0,0,0,0.2);cursor: pointer;}

.group_content{padding-top: 3.5rem;}
.group_content .info{width: 40%;margin-right: 5%;}
.group_content .info p{padding-left: 45px;margin-bottom: 1.5rem;font-size: 1rem;line-height: 1.6;background-position: left top 0.2rem;background-repeat: no-repeat;background-size: 1.2rem;}
.group_content .info p.paddr{background-image: url(../images/contact/icon_addr_l.png);}
.group_content .info p.ptel{background-image: url(../images/contact/icon_tel_l.png);}
.group_content .info p.pfax{background-image: url(../images/contact/icon_fax_l.png);}
.group_content .feedback{width: 50%;margin-right: 5%;font-size: 1.0rem;}
.group_content .feedback .items .item{width: 49%;}
.group_content .feedback input[type='text']{height: 2.2rem;font-size: 0.9rem;}
.group_content .feedback textarea{font-size: 0.9rem;}
.group_content .feedback button[type='submit']{height: 2.2rem;background-color: #333333;color: #fff;font-size: 0.9rem;border: 0;width: 10.0rem;}
.group_content .feedback .item{margin-bottom: 1.0rem;}
.group_content .feedback img{height: 2.2rem;margin-left: 1.5rem;margin-right: 1.5rem;}

.contact_guanzhu{padding-top: 3.5rem;}
.codelist{margin-top: 2rem;}
.codelist .item{width: 15%;text-align: center;}
.codelist .item .img{width: 100%;text-align: center;padding: 10px;}
.codelist .item .img img{box-shadow: 3px 3px 10px rgba(0,0,0,0.3)}
.codelist .item p{font-size: 16px;margin-top: 0.5rem;}

@media(max-width: 1650px){
  html{font-size: 18px;}
  .head .rightnav>ul>li>a{font-size: 16px;}
  .news_right .index_newslist .item{padding: 5% 0 5% 180px;}
  .news_right .index_newslist .img{top: 1.9rem;}
  .news_right .index_newslist h4,.newslist2 .item h4{font-size: 16px;}
}
@media(max-width: 1440px){
  html{font-size: 16px;}
  .container{width: 90%;}
  .banner_nav{height: 120px;}
  .banner_nav .item{padding: 20px;}
  .banner_nav .text .desc{line-height: 1.4;}
  .banner_nav .icon img{width: 60px;}
  .banner_nav .item.on .icon img{width: 40px;}
  .product_list .item:nth-of-type(4n+2):after{width: 95%;}
  .product_list .item:nth-of-type(4n):after{width: 95%;}
  .head .rightnav>ul>li>a{padding: 0 1.5rem;}
  .product_list .item .text .desc,.about_con .about_data .desc,.com-fenye1 .a1,.fanpian a,.news_con_body,.product_con_body{font-size: 14px;}
}

@media(max-width: 1280px){
  html{font-size: 16px;}
  .container{width: 95%;}
  .head .rightnav>ul>li>a{padding: 0 1rem;}
  .news_right .index_newslist .item{padding: 3.5% 0 3.5% 180px;}
  .news_right .index_newslist .img{top: 1.2rem;}
}