/*导航*/
.navigation_main {border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 100%; background-color: rgba(0, 0, 0, 0); box-shadow: unset; position: fixed; z-index: 999;
 transition: all 0.5s;}
.navigation_main_box{display: flex; align-items: center; justify-content: space-between;}
.WebLogo{float: left; padding: 15px 0;}
.WebLogo img{max-height: 60px;}
.navigation{display: flex;align-items: center;float:right;height: 90px;position: relative;}

.navigationlist li { float:left; position: relative; line-height: 90px;}
.navigationlist li .navChannelName{display: block; font-size:18px; line-height: 90px; font-weight:normal; color:#fff;}
.navigationlist li .navChannelName:hover{ color:#ffc107; }
.navigationlist li .current{ color:#ffc107;}
.glyphicon{color: #fff; font-size: 22px; cursor: pointer;}
/*导航栏下拉*/
.navigation .line{ position:absolute; z-index:-1; bottom:-2px; width:0px; height:4px; font-size:3px; background-color:#ffc107;/* display:none; */
transition-duration: 0.5ms;}
.subnavigationlist{display: none; position: absolute; z-index: 999; /*opacity: 1 !important;*/ box-shadow: 0px 5px 10px rgba(0,0,0,0.16);}
.subnavigationlist li{ float:none; width: 100%; height: 40px; line-height:40px; background-color: #fff; }
.subnavigationlist li a{ display:block; white-space:nowrap; font-weight:normal; color:#505050; font-size:16px; line-height:40px; text-align:left; transition: all 0.5s;} 
.subnavigationlist li:hover a{color: #fff; background-color: #fa8e00;}
.isOpacity{ background-color: rgba(0, 0, 0, 0.5) !important;}

/*幻灯片*/
.bannerBox{overflow: hidden;  width: 100%; height: 100vh; z-index: 9;}
.bannerBox .bannerMask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);}
.bannerBox .swiper-slide { background-position: center; background-size: cover; }
.bannerBox .swiper-slide .lbt-bg { display: block; width: 100%; height: 100%; background-size: cover!important; }
.bannerBox .bannerText{text-align: center; width: 100%; color: #ffffff; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: auto;}
.bannerBox .bannerText .title{font-size: 48px; font-weight: bold; text-align: center; letter-spacing: 5px;}
.bannerBox .bannerText .line{width: 100px; height: 2px; background-color: #fff; border-radius: 5px; margin: 30px auto;}
.bannerBox .bannerText .content{font-size: 30px; font-weight: normal; text-align: center; font-family: fangsong; letter-spacing: 5px;}
.bannerBox .bannerText .content span{color: #1278f6;}
.bannerBox .bannerText .detail{width: 40%;  height: 44px; display: flex; justify-content: space-around; margin: 0 auto; margin-top: 60px;}
.bannerBox .bannerText .detail .jcal,.bannerBox .bannerText .detail .fwfa{
	width: 180px; height: 44px; line-height: 44px; font-size: 20px; text-align: center; border-radius: 5px; 
	-webkit-border-radius:5px; letter-spacing: 2px; background-color:  #1ebce3; transition: all 0.5s;
}
.bannerBox .bannerText .detail .fwfa{ background-color:  #fb8e00;}
.bannerBox .bannerText .detail .fwfa:hover{background-color: #e0a046;}
.bannerBox .bannerText .detail .jcal:hover{background-color: #04c2f2;}
.bannerBox .bannerText .detail .jcal a,.bannerBox .bannerText .detail .fwfa a{ color: #fff; }

/* 分页器 */
.bannerBox .swiper-container-horizontal > .swiper-pagination-bullets {text-align: right; bottom: auto; top: 50%; box-sizing: border-box; margin-top: 0;  padding: 0 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px !important; left: 40% !important;}
.bannerBox .swiper-container-horizontal  > .swiper-pagination-bullets  .swiper-pagination-bullet { margin: 5px; }
.bannerBox .swiper-pagination-bullet-active { opacity: 0.8; width: 30px !important; height: 30px !important;}
.bannerBox .swiper-pagination-bullet { width: 30px; height: 30px; background: none; border: 3px solid #fff; border-radius:50%; font-size:36px;}

/* 幻灯片视频 */
.bannerBox video{width: 100%; object-fit: fill;-webkit-object-fit: fill;/* -webkit-filter: brightness(108.5%); filter: brightness(108.5%);  -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; */}
.bannerBox .video {position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: -9999; margin: auto;}
.bannerBox .video-mask {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);}

/*向上滑动查看更多*/
.fixed-down {position: fixed; z-index: 99; width: 200px; height: 112px; margin: 0 auto; left: 0; right: 0; bottom: 50px; animation: tiaodong 3s linear 0s infinite;}
.fixed-down .tit {text-align: center; font-size: 20px; line-height: 1; color: #ffffff;}
.fixed-down .d-arr {display: block; width: 25px; height: 69px; margin: 20px auto 0; background: url(../images/page-dqrr.png) no-repeat center center; background-size: cover;}

/*内页频道代表图*/
.bannerBoxTop{overflow: hidden;  width: 100%; position: relative;}
.bannerBoxTop img{width: 100%; vertical-align: middle; display: block;}
.bannerBoxTop .topTetx{text-align: center; width: 100%; color: #ffffff; position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: auto;}
.bannerBoxTop .topTetx .title{font-size: 48px; font-weight: bold; text-align: center; letter-spacing: 5px;}
.bannerBoxTop .topTetx .line{width: 100px; height: 2px; background-color: #fff; border-radius: 2px; margin: 30px auto;}
.bannerBoxTop .topTetx .content{font-size: 30px; font-weight: normal; text-align: center; font-family: fangsong; letter-spacing: 5px;}
.bannerBoxTop .topTetx .content span{color: #1278f6;}

/* 向下滑动跳动 */
@-webkit-keyframes  tiaodong{ 
    0%{transform: translateY(-10px);}
    25%{transform: translateY(0);}
    66%{transform: translateY(10px);}
    100%{transform: translateY(0);}
}
@keyframes tiaodong {
    0%{transform: translateY(0);}
    25%{transform: translateY(-10px);}
    50%{transform: translateY(0);}
    75%{transform: translateY(10px);}
    100%{transform: translateY(0);}
} 



/*首页开始*/
.indexBox-bg{display: block; width: 100%; height: 100%; background-size: cover!important;}
.indexChannelImages{overflow: hidden; padding-right: 50px;}
.indexChannelImages-main{position: relative;}
.indexChannelImages-main img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.indexChannelImages-main:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.indexChannelName{text-align: right;}
.indexChannelName a{font-size: 36px;  font-weight: bold; color: #343434; text-align: right; position: relative; }
.indexChannelName .line{width: 100px; height: 2px; margin-right: 10px; border-radius: 2px; background-color: #343434; display: inline-block; position: relative; top: -7px;}
.indexChannelSContent{font-size: 30px; color: #343434; line-height: 1.8em; text-align: right;}
.indexChannelContent{ line-height: 1.8em; padding: 30px 0 30px 50px; font-size: 16px;}
/* 查看更多按钮 */
.ckgd{
	padding: 0 20px; height: 44px; line-height: 44px; font-size: 20px; text-align: center; border-radius: 5px; 
	-webkit-border-radius:5px; letter-spacing: 2px; background-color:  #fb8e00; transition: all 0.5s; float: right;
}
.ckgd a{color: #ffffff;}
.bannerBox .bannerText .detail .fwfa:hover{background-color: #e0a046;}
.ckgd:hover{background-color: #e0a046;}
.fm{text-align: center; float: none; font-size: 16px; width: 160px; margin: 0 auto; background-color: #576f85;}
.fm:hover{background-color: #e0a046; cursor: pointer;}
.fl{float: left;}

/* 第1屏 star */
.indexBox1{overflow: hidden;}
.indexBox1-container{overflow: hidden; position: relative;}
.indexBox1-1{height: 680px; float: left; background-color: #dedede;}
.indexBox1-2{height: 680px; float: right; background-color: #f8f8f8;}
.indexBox1-main{ height: 358px; position: absolute; left: 50%; top: 42%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

/* 数字动画 */
.indexBox1-number{width: 100%; background-color: #f8f8f8; }
.indexBox1-number .numberBox{
	overflow: hidden;
	background-color: #ffffff; padding: 30px 10px; position: relative; top: -110px; border-radius: 3px;
	box-shadow: 1px 5px 10px rgba(241,241,241,0.8); -webkit-box-shadow: 1px 5px 10px rgba(241,241,241,0.8);
}
.indexBox1-number .num{font-size: 36px;font-weight: bold; color: #fb8e00; text-align: center;}
.indexBox1-number .num .counter{ margin-left: 25px;font-size: 40px;font-weight: 100;font-family: fantasy;letter-spacing: 8px;}
.indexBox1-number .num .jh{color: #fb8e00;}
.indexBox1-number .text{text-align: center; font-size: 18px; line-height: 1.8em; padding:0 30px; margin-top: 20px;}

/* 第1屏 end */

/* 第2屏 star */
.indexBox2{overflow: hidden;}
.indexBox2-1-main{width: 100%; height: 558px; padding: 80px 0 0px 0; background-color: #02213e;}
.indexBox2-2-main{width: 100%; height: 340px; background-color: #f6fafd; position: relative;}

/* 切换 */
.tabbarBox2{ overflow: hidden; margin: 50px 0; text-align: center; display: flex; align-items: center; justify-content: space-between;}
.tabbarBox2 li{margin: 0 1px; background-color: #001223; text-align: center; transition: all 0.5s;}
.tabbarBox2 li.active{background-color: #fb8e00;}
.tabbarBox2 li a{color: #ffffff; font-size: 18px; display: inline-block;  padding: 25px 0; letter-spacing: 5px;}
.tabbarBox2 li:hover{background-color: #e0a046;}
.tabbarBox2 li a img{margin-right: 10px; width: 30px; height: 27px; vertical-align: text-bottom;}

.albumlist li {width: 25%; overflow: hidden; background-color: #ffffff; position: relative; z-index: 10; transition: all 0.5s;}
.albumlist li:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); cursor: pointer;}
.albumlist li:hover .fm{background-color: #fb8e00;}
.albumlist li:hover .AlbumPicture img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.albumlist li:hover .AlbumWrap{ box-shadow: 0px 18px 25px 2px rgba(0, 0, 0, 0.2);  -webkit-box-shadow:0px 18px 25px 2px rgba(0, 0, 0, 0.2);}
.albumlist li .AlbumPicture{/* width: 100%; height: 199px; */ overflow: hidden;}
.albumlist li .AlbumPicture img{width: 100% !important; vertical-align: middle; transition: all 0.5s;}
.albumlist li .AlbumWrap{
	border: 1px solid #e6e9ec; padding:20px 20px 30px 20px;
	overflow: hidden; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;
	box-shadow: -1px 1px 10px 2px rgba(230,230,236,0.8); 
	-webkit-box-shadow: -1px 1px 10px 2px rgba(230,230,236,0.8);
}
.albumlist li .AlbumTitle{width: 100%; color: #6b6b6b; font-size: 24px; text-align: center;}
.albumlist li .AlbumDescription{width: 100%; margin-right: 36px; font-size: 16px; color: #6b6b6b; padding: 10px 0;}
/* 第2屏 end */

/* 第3屏 star */
.indexBox3{overflow: hidden;}
.indexBox3 .indexBox3-container{background-color: #e7f3ff; padding: 60px 0 190px 0;}
.indexBox3-main{}

.channellist{margin-top: 50px;}
.channellist .item{padding: 0; position: relative; overflow: hidden;  transition: all 0.5s;}
.channellist .ChannelPicture{width: 100%;}
.channellist .ChannelPicture img{width: 100%; vertical-align: middle;  transition: all 0.5s;}
.channellist .mask{display: none; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.6);}
.channellist .wrap{padding: 50px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999;}
.channellist .ChannelName{ text-align: left; letter-spacing: 5px; font-size: 28px; color: #fff; }
.channellist .ChannelSContent{line-height: 1.8em; font-size: 16px; color: #fff; height: 150px; overflow: hidden; padding-top: 30px;}
.channellist .showChannelName{width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,0.3); position: absolute; left: 0; right: 0; letter-spacing: 5px; bottom: 0; color: #fff; text-align: center; font-size: 24px; z-index: 99;}
.channellist .yq{cursor: pointer; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fb8e00; color: #fb8e00;
text-align: center; line-height: 50px; font-size: 30px; margin-top: 30px;}
.channellist .item:hover .ChannelPicture img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.channellist .item:hover .yq{ border: 2px solid #e0a046; color: #e0a046;}
.channellistBox{overflow: hidden;}
.channellist .ydshowChannelName{overflow: hidden; padding: 10px 15px; width: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 18px; z-index: 99;}
.channellist .ydshowChannelName p:nth-child(1){font-size: 20px; text-align: center; letter-spacing: 5px;}
.channellist .ydshowChannelName p:nth-child(2){font-size: 14px; text-align: left;}
/* 第3屏 end */

/* 第4屏 star */
.indexBox4{overflow: hidden;}
.indexBox4 .indexBox4-container{padding: 80px 0;}
.indexBox4 .indexBox4-main-1{margin: 50px 0;}
.indexBox4 .indexBox4-main-1 .indexBox4-main-1-1{background-color: #104276;padding: 23px 60px;box-sizing: border-box;}
.indexBox4 .indexBox4-main-1-1 .indexChannelSContent1{font-size: 34px; color: #ffffff; font-family: fangsong; font-weight: bold;}
.indexBox4 .indexBox4-main-1-1 .indexChannelSContent2{font-size: 24px; color: #ffffff;}
.indexBox4 .indexBox4-main-1-1 .zxzx{margin: 30px 0; padding: 0 50px;}
.indexBox4 .indexBox4-main-1-1 .item{float: left;width: 100%;padding: 12px 0;}
.indexBox4 .indexBox4-main-1-1 .item p{color: #fff;font-size: 20px;}
.indexBox4 .indexBox4-main-1-1 .item p:nth-child(2){padding-left: 20px;}
.indexBox4 .indexBox4-main-1 .ChannelContentBox{background-color: #f3f8fa;/* padding: 20px 0 0; */position: relative;}
.indexBox4 .indexBox4-main .ChannelContentBox img{width: 100%;}
.indexBox4 .indexBox4-main-1 .ChannelContentT5{font-size: 16px;line-height: 2.5em;padding: 20px;}
.indexBox4 .indexBox4-main-1 .channelalbumlistBox{text-align: center;}
.indexBox4 .indexBox4-main-1 .channelalbumlistBox .li{padding: 60px 0;border: 1px solid #f1f1f1;}
.indexBox4 .indexBox4-main-1 .channelalbumlistBox .AlbumPicture{width: 114px; transition: all 1s;}
.indexBox4 .indexBox4-main-1 .channelalbumlistBox .AlbumTitle{font-size: 24px; margin: 30px 0 10px 0;}
.indexBox4 .indexBox4-main-1 .channelalbumlistBox .AlbumPicture:hover{transform:rotate(360deg);}

/* 旋转 */
@keyframes rotates{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@-webkit-keyframes  rotates{ 
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
/* 第4屏 end */

/* 第5屏 star */
.indexBox5{overflow: hidden;}
.indexBox5 .indexBox5-container{padding: 80px 0;}
.indexBox5 .indexBox5-container .channellistBox{margin-top: 50px;}
.newMain{background-color: #fff; width: 100%; overflow: hidden; padding: 15px 0;}
.newMain .ChannelPicture{overflow: hidden; width: 100%; height: 500px;}
.newMain .ChannelPicture img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.newMain .ChannelPicture:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.tabbar{width: 100%; height: 58px; line-height: 58px; background-color: #104276; overflow: hidden;}
.tabbar li{float: left; transition: all 0.5s;}
.tabbar li.active{background-color: #2267af;}
.tabbar li a{color: #fff; font-size: 20px; height: 58px; line-height: 58px; padding: 0 20px;}

.problemBox{background-color: #fff; padding: 0 20px;}
.problemBox .Channelf1{overflow: hidden; width: 100%; height: 200px; vertical-align: middle; margin-top: 30px;}
.problemBox .Channelf1 img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.problemBox .Channelf1:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.problemBox .ChannelName{position: relative; font-size: 20px; text-align: left; height: 58px; line-height: 58px; border-bottom: 1px solid #e5e5e5;}
.problemBox .ChannelName::after{content: ''; width: 80px; height: 3px; background: #2d91d1; position: absolute; left: 0; bottom: -2px;}
.problemBox .ChannelName a{font-size: 20px; color: #3598db; text-align: center; position: relative; margin-left: 10px;}
/* 第5屏 end */

/* 第6屏 star */
.indexBox6{overflow: hidden;}
.indexBox6 .indexBox6-container{padding: 80px 0 5px 0; background-color: #ffffff;}
.indexBox6 .indexBox6-main-2{width: 100%; height: 118px; position: relative; background-color: #14397f; margin-top: 100px;}
.indexBox6 .indexBox6-main-2 .ChannelIcon{position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.indexBox6 .indexBox6-main-2 .lsdz,.indexBox6 .indexBox6-main-2 .yygt{transition: all 0.5s; position: absolute; left: 30%; transform: translateX(-30%); -webkit-transform: translateX(-30%); color: #fff; font-size: 32px; line-height: 118px;}
.indexBox6 .indexBox6-main-2 .yygt{color: #ffffff; position: absolute; left: 70%; transform: translateX(-70%); -webkit-transform: translateX(-70%);}
.indexBox6 .indexBox6-main-2 .lsdz:hover,.indexBox6 .indexBox6-main-2 .yygt:hover{cursor: pointer; color: #e0a046;}
/* 相册 */
.channelalbumlist{margin-top: 50px;}
.channelalbumlist li{overflow: hidden; width: 20%; float: left; border: 1px solid #ececec;}
.channelalbumlist li img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.channelalbumlist li:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/* 第6屏 end */

/* 第7屏 star */
.indexBox7{overflow: hidden;}
.indexBox7 .indexBox7-container{background-color: #171717;}
.indexBox7 .searchBox-main{padding: 50px 0 30px 0;overflow: hidden;border-bottom: 1px solid #2a2a2a;}
.indexBox7 .navBox-main{overflow: hidden; padding: 30px 0;}

/* 搜索 */
.form1{ overflow: hidden; margin: 12px 0; display: flex; justify-content: space-between;}
.form_button1{color: #ffffff; margin: 0; width:72px; height:50px; background: #263a5c; border:0; outline:none;}
.form_text1 {font-size: 18px; margin: 0; float:left; background-position:  0px 0px; height:50px; line-height:50px; background-color:#eeebe3; border:0; text-indent:10px; outline:none;}
/* 第7屏 end */


/* 内页 开始 */

/* 关于华匠 */
.pageChannelName{font-size: 36px;  font-weight: bold; color: #343434; text-align: center; position: relative;}
.pageChannelSContent{font-size: 30px; color: #343434; line-height: 1.8em; text-align: center;}
.pageChannelContent{padding-bottom: 20px; line-height: 2em; font-size: 16px; border-bottom: 1px solid #ddd;}
.pageChannelImages{overflow: hidden; position: relative;}
.pageChannelImages img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.pageChannelImages:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.pageBox-bg{display: block; width: 100%; height: 100%; background-size: cover!important;}

/* 第一屏 */
.jmPageBox1{overflow: hidden;}
.jmPageBox1 .jmPageBox1-main{background-color: #ffffff; padding: 70px 0;}
.jmPageBox1 .contentBox{overflow: hidden;}
.jmPageBox1 .BtnBox{ display: flex; justify-content: flex-start;}

/* 第二屏 */
.jmPageBox2{overflow: hidden;}
.jmPageBox2 .jmPageBox2-main{background-color: #ffffff; padding: 70px 0 100px 0;}
.jmPageBox2 .contentBox{overflow: hidden;}

/* 第三屏 */
.jmPageBox3{overflow: hidden;}
.jmPageBox3 .jmPageBox3-main{overflow: hidden; background-color: #ffffff; padding: 70px 0;}
.jmPageBox3 .contentBox{overflow: hidden;}
.jmPageBox3 .main-box .img-box{position: relative; overflow: hidden;}
.jmPageBox3 .main-box .img-box img{width: 100%; transition: all 0.5s;}
.jmPageBox3 .main-box:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.jmPageBox3 .main-box .InfoContent{color: #fff; font-size: 18px;}

/* 第四屏 */
.jmPageBox4{overflow: hidden;}
.jmPageBox4 .jmPageBox4-main{overflow: hidden; background-color: #ffffff; padding: 70px 0 100px 0;}
.jmPageBox4 .contentBox{overflow: hidden;}

/* 华匠服务 */
/* 第一屏 */
.jm2PageBox1{overflow: hidden;}
.jm2PageBox1 .jm2PageBox1-main{overflow: hidden; position: relative; max-width: 1540px; margin: 0 auto;}
.jm2PageBox1 .contentBox{overflow: hidden; /*background-color: #f6f7f7;*/}
.jm2PageBox1 .contentBox .pageInfoTitle{ border-bottom: 1px solid #ddd;}
.jm2PageBox1 .contentBox .pageInfoTitle span{display: inline-block; position:relative; font-size: 28px; padding: 15px 0;}
.jm2PageBox1 .contentBox .pageInfoTitle span::before{content: ''; width: 100%; height: 3px; background-color: #0e75aa;
position: absolute; left: 0; bottom: -1px;}
.jm2PageBox1 .contentBox .pageInfoContent::-webkit-scrollbar {width: 2px; height: 20px;}
.jm2PageBox1 .contentBox .pageInfoContent::-webkit-scrollbar-thumb {background: #ccc; -webkit-border-radius: 10px; border-radius: 10px;}
.jm2PageBox1 .contentBox .pageInfoContent::-webkit-scrollbar-track {background: #fff; -webkit-border-radius: 10px; border-radius: 10px;}
.jm2PageBox1 .contentBox .pageInfoContent{line-height: 2em;font-size: 16px;height: 200px;overflow: hidden;padding: 12px 0;overflow-y: scroll;}

.jm2PageBox1 .contentBox .qh-box{ position: absolute; bottom: 0; right: 0;}
.jm2PageBox1 .contentBox .qh-box .n1-prev-btn,
.jm2PageBox1 .contentBox .qh-box .n1-next-btn{transition: all 0.5s; display: inline-block; width: 40px; height: 36px; line-height: 36px; text-align: center; font-size: 24px;  background-color: #adadad; color: #fff;}
.jm2PageBox1 .contentBox .qh-box .n1-prev-btn:hover,.jm2PageBox1 .contentBox .qh-box .n1-next-btn:hover{background-color: #fb8e00; color: #fff;} 

/* 第二屏 */
.jm2PageBox2{overflow: hidden;}
.jm2PageBox2 .jm2PageBox2-main{background-color: #ffffff; padding: 0px 0;}
.jm2PageBox2 .contentBox{overflow: hidden;}
.jm2PageBox2 .contentBox .tit{overflow: hidden; position: relative; font-size: 24px; height: 40px; line-height: 40px; padding-left: 20px;}
.jm2PageBox2 .contentBox .tit::before{content: ''; width: 5px; height: 24px; position: absolute;
left: 0; top: 50%; transform: translateY(-50%); background-color: #0e75aa;}
.jm2PageBox2 .contentBox .desc{font-size: 16px; line-height: 2em;}

.tabbarBox{overflow: hidden; background-color: #f6f7f7;}
.tabbarBox li{float: left; line-height: 60px; padding: 0 20px;}
.tabbarBox li a{font-size: 18px; display: inline-block; transition: all 0.5s;}
.tabbarBox li:hover a{color: #0e75aa;}
.tabbarBox li.on a{color: #0e75aa;}
/* 第三屏 */
.jm2PageBox3{overflow: hidden;}
.jm2PageBox3 .jm2PageBox3-main{background-color: #ffffff; padding: 50px 0;}
.jm2PageBox3 .contentBox{overflow: hidden;}

/* 联系我们 */
.pageBox1{overflow: hidden;}
.pageBox1 .pageBox1-main{background-color: #ffffff; padding: 0px 0;}
.pageBox1 .contentBox{overflow: hidden; background-color: #f6f7f7; padding: 30px 0px;}
.pageBox1 .contentBox .contactBox .item{background-color: #fff; text-align: center; padding: 30px; box-sizing: border-box;}
.pageBox1 .contentBox .contactBox .item .imgs{position: relative; margin: 0 auto; text-align: center; width: 50px; height: 50px; border-radius: 50%; background-color: #1ab3a6;}
.pageBox1 .contentBox .contactBox .item .imgs img{width: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pageBox1 .contentBox .contactBox .item .tit{font-size: 18px;}
.pageBox1 .contentBox .contactBox .item .desc{color: #ff6c00; font-size: 18px;font-weight: bold;}
.pageBox1 .contentBox .contactImg{overflow: hidden; background-color: #fff; padding: 51px 20px;}
.pageBox1 .ChannelContent{overflow: hidden;}
.pageBox1 .ChannelContent img{width: 100% !important; height: auto !important; }
/* 内页 结束 */


/*频道*/
.ChannelContent{ line-height:2.0em; font-size:16px;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{ color:#FFF; line-height:25px; overflow:hidden; }
.ChannelSContent a{ color:#fc872a; }
.ChannelSContent img, .InfoContent img{ max-width:100% }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;}
.InfoContent iframe{ height:600px; object-fit: fill; -webkit-object-fit: fill;} 
.InfoContent iframe .gsl-wrap{height: auto;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{overflow: hidden; padding:30px 5px; margin-top: 100px; color:#333; line-height:1.8em}
.info_previous_next_wrap b{font-size: 16px;}
.Next a{ font-size: 16px;}
.Previous a{ font-size: 16px; }
.Previous, .Next{ padding: 10px 20px; background-color: #e8e8e8; border-radius: 5px; cursor: pointer;}
.Previous{float: left;}
.Next{float: right;}
.space-line{width: 100%; height: 20px; background-color: #f4f4f4; clear: both;}
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/

/* 应用案例 star*/
.body_video{background-color: #f4f4f4;}
.videoBox{background-color: #fff; overflow: hidden; padding-bottom: 35px; }
.videoBox-1{position: relative;}
.videoBox-1 .back{position: absolute; right: 0; bottom: 0px;}
.videoBox-1 .back a{ display: flex; align-items: center; font-size: 18px; }
.videoBox-2{margin-bottom: 50px;}
.videoBox .InfoTitle h1{text-align: left; font-weight: bold; margin: 20px 0;}
.videoBox .info_from_wrap{text-align: left;}
.videoBox .xgalBox{background-color: #f4f4f4; margin-top: 10px; padding-bottom: 20px;}
.xgalBox .slideTitle{font-size: 24px;}
.xgalBox .slideTitle h1{padding-top: 20px;}
/* 应用案例 end*/

/* 新闻详情页 star*/
.body_articleBox{background-color: #f4f4f4;}
.articleBox{background-color: #fff; overflow: hidden; padding-bottom: 35px; }
.articleBox .InfoTitle h1{border-bottom: 3px solid #f49548; padding: 17px 0; margin: 20px 0;}
.articleBox .slideTitle{font-size: 24px; color: #f49548; height: 50px; line-height: 50px; position: relative; padding-left: 20px;}
.articleBox .slideTitle::before{content: ''; width: 3px; height: 24px; border-radius: 3px; background-color: #f49548;
position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
/* 新闻详情页 end*/
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{overflow-x: hidden;}
.index, .single, .article{overflow-x: hidden;}  
.picture, .download, .video, .product, .job, .guestbook, .feedback{overflow-x: hidden;}
/* #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 */
,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }

/*===首页 开始===*/

/*===首页 结束===*/


/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbookBox{overflow: hidden;}
.guestbookBox-main{overflow: hidden;}
.guestbookTable-mian{ padding: 50px 50px 72px 50px; border: 1px solid #ddd; border-top: 0;}
.Requirement{margin: 80px 0 20px 0; padding-left: 20px; position: relative; font-size: 26px; font-weight: bold; color: #333; letter-spacing: 5px;}
.Requirement::before{content: ''; width: 5px; height: 20px; background-color: #1a9cb4; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:100%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table .th-name{font-size: 16px; font-weight: normal;}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:left; }
table.guestbook_table .ljtj{
font-size: 16px;transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; padding: 0 20px; height: 44px;
line-height: 40px; border: 2px solid #31b6ac; border-radius: 5px; -webkit-border-radius: 5px; 
background-color: none; color: #31b6ac;}
table.guestbook_table .ljtj:hover{border-color: #43d3c8; background-color: #43d3c8; color: #fff;}

.progressBox{ overflow:hidden;}
.progresslist li{position: relative; width: 33.3%; height: 60px; line-height:60px; float:left; text-align:center; font-size: 16px;}

.progresslist li.n1 { color: #fff; background: #20bad2; }
.progresslist li.n1 i {position: absolute; right: -30px; z-index: 1; width: 0; height: 0; border-left: 30px solid #20bad2; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
.progresslist li.n2 { color: #fff; background: #1dadc5; }
.progresslist li.n2 i {position: absolute; right: -30px; z-index: 1; width: 0; height: 0; border-left: 30px solid #1dadc5; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}
.progresslist li.n3 { color: #fff; background: #1a9cb4; }

/* 疑问 */
.doubtBox{padding: 40px; border: 1px solid #ddd; text-align: center;}
.doubtBox .tip-tit{font-weight: bold; font-size: 20px;}
.doubtBox .tip-cot{font-size: 14px; line-height: 1.8em; color: #888; margin: 20px 0;}
.doubtBox .tip-img{margin: 0 auto;/* width: 200px; height: 200px; */ overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; }
.doubtBox .tip-img img{width: 100% !important; height: auto !important; vertical-align: middle;}
.doubtBox .ckgd{margin: 0 30px; margin-top: 30px; float: none;}
/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#505050; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:32px;  background:#e8e8e8; }
#top { height:32px; line-height:32px; text-align:right;}
#top_1 { float:left;  text-align:left; }
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:red;}
#top a { color:#555;  }
#top a:hover { color:#bccbe0; text-decoration:none}

/*Logo*/
#logo_main{ width:100%; position:relative; z-index:102; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo_main.fixed{ position:fixed; top:0px; box-shadow:0px 2px 4px #888; background:#fff; }
#logo{ overflow:hidden; }
#logo .WebLogo{ float:left; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo .WebLogo img{ height:65px; vertical-align:middle; padding:10px 0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#logo .WebLogo a{ display:block; }
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{ color:#F30; }


/*当前位置*/
.location_main {width: 100%; overflow: hidden;} 
.location {display: flex; align-items: center; color:#555555; font-size: 18px;/* border-bottom: 1px solid #ececec; */ height: 74px; line-height: 74px;}
.location img{vertical-align: middle; margin-right: 5px;}
.location a {color:#555555; line-height: 74px; font-size: 18px;}

/*子频道列表*/
.bgwhite{background-color: #ffffff !important;}
.subchannel_main{overflow: hidden;}
.subchannel{overflow: hidden; }
.subchannellist {background:#f6f7f7;overflow: hidden;display: flex;justify-content: space-around;align-items: center;}
.subchannellist li {width: 100%; text-align: center; display:inline; line-height: 60px; cursor:pointer; border-left: 1px solid #e9e9e9; margin-left: -1px;}
.subchannellist li a{ color:#221815; font-size: 18px; display: block; transition: all 0.5s;}
.subchannellist li:hover a{ color:#ffffff; text-decoration:none; background-color: #fbaf4d;}
.subchannellist #current a{  color:#ffffff; text-decoration:none; background-color: #fbaf4d;}
.subchannellist .depth1{ font-size:18px;}
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}

/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap .item{padding: 10px 0; font-size: 18px; color: #888;}
.contact_wrap .item .navImg{display: inline-block; float: left; margin-right: 5px;}
.contact_wrap b{ font-weight: normal; }
.contact_wrap .WebUrl{ color:#F00 }
/*联系我们1*/
.contact_wrap1{ line-height:26px;;background:url(../images/contact.png) no-repeat; width:315px; height:154px; padding-left:30px; padding-top:17px; color:#FFF; overflow:hidden; }
.contact_wrap1 b{ font-weight:normal;}
.contact_wrap1 .ico1{ background:url(../images/phone.gif) no-repeat 8px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico2{ background:url(../images/fax.gif) no-repeat left center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico3{ background:url(../images/email.gif) no-repeat 1px center; padding: 5px 0px 5px 25px;}
.contact_wrap1 .ico4{ background:url(../images/address.gif) no-repeat left center; padding: 5px 0px 5px 25px;}

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/* 友情链接 */ 
#link_main{ }
#link { padding:0; border:1px solid #ddd; box-sizing:border-box; margin-bottom:20px; }
.link_title{ line-height:50px; height:50px; color:#333; }
.link_title h2 { font-size:20px; color:#505050; font-weight: normal; text-indent:30px; font-weight:bold; }
.link_body { color:#333; border-top:0px; border-bottom:0px; }
.link_bottom{ height:5px; }
.link_pic { overflow:auto; zoom:1; padding: 0px 15px; }
.link_pic ul li{ float:left; padding:1px 5px; text-align:center; width:112px; }
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #07528c; }
.link_text { overflow: hidden; zoom:1; padding:8px 15px; }
.link_text ul li { float:left; text-align:center; padding:1px 18px; overflow:hidden; white-space:nowrap; }
.link_text a { line-height:22px; color:#333; }
.link_text a:hover { line-height:22px; color:#07528c; }

/* 底部安全 */
.bottom_navigation{ overflow:hidden;}
.bottom_navigation li{float:left; overflow:hidden; }
.bottom_navigation li a{ display:block; padding: 0 30px; text-align:left; font-size:24px; font-weight:normal; color:#888; margin-bottom:10px;  transition: all 0.5s;}
.bottom_navigation li a:hover{ color:#e0a046; }

/*底部导航子导航*/
.bottom_navigation .subnavigationlist1 {}
.bottom_navigation .subnavigationlist1 li {  float:none; padding:0px; line-height:28px; display:block;}
.bottom_navigation .subnavigationlist1 li a { padding: 0 30px; display:block; line-height: 30px; font-weight:normal; font-size: 16px;text-align:left; transition: all 0.5s;}
.bottom_navigation .subnavigationlist1 li a:hover{ color:#e0a046; }

/* 底部二维码 */
.bottom-img{text-align: center; font-size: 18px; color: #888;}
.bottom-img img{width: 100% !important; height: auto !important; vertical-align: middle;}

/* 版权信息 */
#copyright_main{ background:#0d0d0d; color:#888; line-height:75px; }
#copyright { line-height:75px;  text-align: center; font-size: 18px;}
#copyright a {color:#888; text-decoration: none;}
#copyright a:hover{ color:#e0a046; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}

/*分页样式*/
.page_main{ clear: both; text-align: center; overflow: hidden; }
.page { display: inline-block; margin: 20px 0; border-right: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
.page:empty{ display: none; }
.page a, .page span {float: left; padding: 0 5px; min-width: 35px; line-height:35px; text-align: center; border: 1px solid #ddd; border-right: 0; color: #888; }
.page a{ color: #333; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background: #4d5e7f; color:#fff;}
.page .current{color:#FFF;background: #4d5e7f;border-color: #4d5e7f; border-left: 1px solid #ddd;}
.page #total{color:red; margin-bottom: 0;}


/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center; padding:10px 0;}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

/*会员注册*/
table.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*网站地图列表*/
.maplist{ }
.maplist li{ padding:2px; }
.maplist li a{ line-height:25px; display:block; padding:0 20px; }
.maplist li a:hover { text-decoration:none; }
.maplist .depth1{ font-weight:bold;text-indent:0px; font-weight:bold; }
.maplist .depth1 a{ background:#ddd; color:#454545;  }
.maplist .depth2{text-indent:2em;  }
.maplist .depth2 a{ border-bottom:1px dashed #d5d5d5; }
.maplist .depth3{text-indent:4em}
.maplist .depth3 a{ border-bottom:1px dashed #d5d5d5; }
.maplist .depth4{text-indent:6em}
.maplist .depth4 a{ border-bottom:1px dashed #d5d5d5; }
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{overflow: hidden;}
.textlist li{overflow: hidden; width: 100%; padding:20px 0; border-bottom: 1px solid #ececec; transition-duration: .5s;}
.textlist li .InfoImg{overflow: hidden; width: 100%; height: 200px;}
.textlist li .InfoImg img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.textlist li .InfoTitle{font-size:20px; color:#222; text-align: left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 0.5s;}
.textlist li .InfoContent{ line-height:2em; overflow: hidden; font-size: 16px; color: #666; padding-right: 50px;}
.textlist li .InfoTime{font-size: 16px;}
.textlist li .time{ float:right; width:88px; height:88px; text-align:center; margin-top: 60px; background:#e4e4e4; }
.textlist li .time .day{ display:block; font-size:35px; font-weight:bold; color:#FFFFFF; line-height:22px; padding:22px 0 14px 0; background-color: #afdafb; transition: all 0.5s;}
.textlist li .time .month{ width:100%; display:block; margin:0 auto; font-size:16px; text-align:center; line-height:30px; background-color: #59abeb; color: #ffffff;  transition: all 0.5s;}
.textlist li .text_img{float: left;}
.textlist li .Hit{ display:block; line-height:24px; }
.textlist li:hover{ box-shadow: 1px 10px 35px rgba(0,0,0,.1);}
.textlist li:hover .InfoTitle{color:#ffb100;}
.textlist li:hover .time .day{background-color:#fccf7a}
.textlist li:hover .time .month{background-color:#ffb100}
.textlist li:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

/*文字列表*/
.textlist1{overflow: hidden;}
.textlist1 li{ float: left; width: 100%;padding: 12px 0px;}
.textlist1 li .time{color: #e0a046; float: left; text-align:center; width: 76px; height: 76px; 
position: relative; margin-right: 20px; padding: 12px 0;}
.textlist1 li .time::after{content: ''; height: 70px; width: 1px; background-color: #eaeaea; position: absolute; right: -7px; top: 65%; transform: translateY(-55%);}
.textlist1 li .time .year{ display:block; font-size:28px; font-weight: bold;}
.textlist1 li .time .month{ display:block; font-size:18px; font-weight: 500;}
.textlist1 li .InfoTitle{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:18px; text-align: left; font-weight: bold; line-height:28px; transition: all 0.5s;}
.textlist1 li .InfoContent{padding: 0; line-height: 1.8em; color: #999999;}
.textlist1 li:hover .InfoTitle{color: #e0a046;}

.textlist2{overflow: hidden;}
.textlist2 li{ float: left; width: 100%; border-bottom: 1px solid #eaeaea; padding: 24px 0;}
.textlist2 li .InfoTitle{transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 50px; font-size:18px; text-align: left; font-weight: bold; line-height:28px; position: relative;}
.textlist2 li:hover .InfoTitle{color: #e0a046;}
.textlist2 li .InfoTitle::before{
content: 'Q'; background-color: #012f61; width: 34px; height: 40px; position: absolute; left: 0; top: 0;
color: #ffffff; text-align: center; line-height: 40px;
}
.textlist2 li .InfoContent{height: 57px; overflow: hidden; padding: 0; padding-left: 50px; line-height: 1.8em; color: #888; position: relative; margin-top: 5px;}
.textlist2 li .InfoContent::before{
content: 'A'; background-color: #ff9d1d; width: 34px; height: 40px; position: absolute; left: 0; top: 0;
color: #ffffff; text-align: center; line-height: 40px; 
}

.textlist3{overflow: hidden;}
.textlist3 li{overflow: hidden; width: 100%; padding:10px 0; border-bottom: 1px solid #ececec;}
.textlist3 li .InfoTitle{font-size:18px; color:#505050; text-align: left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 0.5s;}
.textlist3 li .InfoTime{font-size: 16px;}
.textlist3 li:hover .InfoTitle{color:#ffb100;}

/*带缩略图文字列表*/
.thumblist{}
.thumblist li{ float:left; width:23%; margin-right:2%; overflow:hidden; }
.thumblist li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.thumblist li a{ display:block; overflow:hidden; }
.thumblist li .InfoTitle{ display:block; padding:5px 0px; font-size:18px; color:#000; white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.thumblist li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.thumblist li .info_wrap{ position:relative; padding:0 10px 10px; }
.thumblist li .info_wrap .ViewMore{ display:block; padding:7px 0; font-weight:bold; }
.thumblist li .info_wrap b{ display:block; transition:width 0.5s,opacity 0.5s; position:absolute; z-index:-1; top:-20%; left:0%; width:0; height:620px; opacity:0;
 -webkit-transform:translate(-7%,-50%) rotate(45deg); transform:translate(-7%,-50%) rotate(45deg); background:#6cb5ff; }
.thumblist li:hover .info_wrap b{ display:block; height:620px; width:160%; opacity:1; left:0; }
.thumblist li:hover .InfoTitle{ color:#fff; }
.thumblist li:hover p{ color:#fff; }
.thumblist li:hover .ViewMore{ color:#fff; }

/*橱窗列表*/
.gridlist{}
.gridlist li{ width:25%; float:left; text-align:center; overflow:hidden; position:relative; }
.gridlist li .wrap-box{padding: 10px;}
.gridlist li .year{display: inline-block; letter-spacing: 5px; background-color: #24609e; color: #fff; font-size: 20px; text-align: center; padding: 10px 20px;}
.gridlist li .wrap{overflow: hidden; background-color: #f4f4f4; min-height: 100px; padding: 20px;}
.gridlist li .wrap img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.gridlist li .wrap:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.gridlist li .wrap .desc{font-size: 15px; line-height: 1.5em; text-align: left;}
.gridlist li .line{width: 100%; height: 2px; background-color: #e2960b; position: relative;}
.gridlist li .line .wy{
	width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%;border: 1px solid #e2960b;
	position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;
}
.gridlist li .line .ny{
	width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #e2960b;
	position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;
	box-shadow: 1px -2px 5px rgba(224,149,11,0.5); -webkit-box-shadow: 1px -2px 5px rgba(224,149,11,0.5);
}

/* 列表1 */
.gridlist1{overflow: hidden; background-color: #083764;}
.gridlist1 li{transition: all 0.5s; width: 100%; padding: 0px 20px; color: #fff;}
.gridlist1 li .wrap{padding: 40px 0px; border-bottom: 1px solid #14426c;}
.gridlist1 li .wrap .InfoTitle{font-size: 20px; margin-left: 20px;}
.gridlist1 li:hover{background-color: #fb8e00;}
.gridlist1 li.active{background-color: #fb8e00;}
.gridlist1 li:hover .wrap{border-color: #fb8e00;}
.gridlist1 li.active .wrap{border-color: #fb8e00;}

/* 列表2 */
.gridlist2{}
.gridlist2 li{overflow: hidden; width: 25%; float: left; position: relative;}
.gridlist2 li img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.gridlist2 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.gridlist2 li .AlbumTitle{
	width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,0.3);
	position: absolute; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; font-size: 18px;
}

/* 列表3 */
.gridlist3{}
.gridlist3 li{overflow: hidden; width: 33.333%; float: left; position: relative;}
.gridlist3 li img{width: 100%; vertical-align: middle; transition: all 0.5s;}
.gridlist3 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.gridlist3 li .AlbumTitle{
	width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,0.3);
	position: absolute; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; font-size: 18px;
}

/*视频列表*/
.videolist{overflow: hidden; margin-top:20px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.videolist li{width: 33.333%;float: left;text-align:center;overflow:hidden;margin-bottom: 20px;}
.videolist li .li-box{/* padding: 0 20px; */background-color: #fff;margin: 0 10px;}
.videolist li .VideoImg{overflow: hidden; position:relative; /* height: 247px; */}
.videolist li .mask{background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; right: 0;  bottom: 0; left: 0; z-index: 8;}
.videolist li .video-img { width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.videolist li .video-icon{width: 60px; height: 60px; vertical-align: middle; position: absolute; top: 50%; left: 50%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 10;}
.videolist li a {display: block; white-space:nowrap; overflow:hidden;} 
.videolist li .InfoTitle{ width:100%; padding: 15px 10px; color:#444; font-size: 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; 
transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.videolist li .BtnWrap{padding: 0 30px 20px 30px; overflow: hidden; display: flex; justify-content: space-around;}
.videolist li .BtnWrap .zxzx a,.videolist li .BtnWrap .zxgk a{ font-size: 16px;}
.videolist li .BtnWrap .zxgk{transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;  padding: 0 20px; height: 44px; line-height: 40px; border: 2px solid #31b6ac;
border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 2px;}
.videolist li .BtnWrap .zxgk a {color: #31b6ac; line-height: 40px;}
.videolist li .BtnWrap .zxgk:hover{border-color: #43d3c8; background-color: #43d3c8; }
.videolist li .BtnWrap .zxgk:hover a{color: #ffffff;}
.videolist li:hover .InfoTitle{ color:#e0a046; }
.videolist li:hover a .video-img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }

/* 相关信息列表 */
.channelrelationlist{}
.channelrelationlist .item{ border-bottom: 1px solid #d9d5d5; padding: 20px 0;}
.channelrelationlist .item .xg-title{font-size: 18px; transition: all 0.5s;}
.channelrelationlist .item .xg-content{font-size: 14px; color: #777777;}
.channelrelationlist .item .xg-img{overflow: hidden; position: relative;}
.channelrelationlist .item .xg-img .xg-images{ transition: all 0.5s; width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.channelrelationlist .item .mask{background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; right: 0;  bottom: 0; left: 0;}
.channelrelationlist .item  .video-icon{width: 40px; height: 40px; vertical-align: middle; position: absolute; top: 50%; left: 50%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.channelrelationlist .item:hover .xg-title{ color:#e0a046; }
.channelrelationlist .item:hover .xg-content{ color:#777777; }
.channelrelationlist .item:hover .xg-img .xg-images{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
/*==========@@通用列表  结束@@==========*/


/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
/*绿色主题*/
.toollist {	background:#1f74a5; }
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.7); }
.toollist li:last-child{ border-right:none; }
.toollist li a {color: #fff;}

/* 手机端导航 */
#waplogo{border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 0px; display: flex; justify-content: space-between; align-items: center; position:fixed; z-index: 99; width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0);  transition: all 0.5s;}
#waplogo .wapWebLogo{ text-align:center;  }
#waplogo .wapWebLogo img{ max-height:45px; display:block; padding:3px 3px;}

#search, #menu{width:46px; height:46px; text-align: center; position: relative;}
#search img, #menu img{width: 26px; vertical-align: middle; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
#search .glyphicon,#menu .glyphicon{line-height: 50px; font-weight: normal;}
#wapnavigation{ display:none; width:100%; height:100%; overflow:hidden; position:fixed; top:0; z-index:999; background-color:#fff; color:#333;}
#wapnavigation.navOpen{display: block; }
#wapnavigation .wapnavigationlist.navlistOpen{ left:100%; }
#wapnavigation .wapnavigationlist li{transition: all 0.5s; position: relative;overflow: hidden; font-size: 16px; line-height: 50px;padding: 0 10px;border-bottom:1px solid #EAEAEA;}
#wapnavigation .wapnavigationlist li a{color: #333; display: block; font-size: 16px;}
#wapnavigation .wapnavigationlist li.closeNav{transform: rotate(0deg); transition: all 0.5s; padding: 8px 10px; box-shadow: 1px 5px 10px rgba(0,0,0,0.2); solid #e0e0e0; position: relative; z-index: 99; background-color: #2074a5; display: flex; align-items: center; justify-content: center;}
#wapnavigation .wapnavigationlist li.closeNav .closeImg{width: 20px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
#wapnavigation .wapnavigationlist li.closeNav img{max-height:40px;}
#wapnavigation .wapnavigationlist li.line{padding: 0; width: 100%; height: 10px; background-color: #f7f8f8; border: none;}
#wapnavigation .wapnavigationlist li.searchMain{padding: 10px; overflow: hidden; border: none; background-color: #fff;}
#wapnavigation .wapnavigationlist li .openSubnav{transition: all 0.3s ease-in-out; width: 46px;height: 46px;line-height: 46px;color: #d3d3d3;font-size: 16px;text-align:center;position: absolute;right: 0;}
#wapnavigation .wapnavigationlist li.active a{font-weight: bold;}
#wapnavigation .wapnavigationlist li.active .openSubnav.on{transform: rotate(180deg);}

#wapnavigation .wapsubnavigationlist{overflow:hidden; height: auto; display: none; padding-bottom: 15px;}
#wapnavigation .wapsubnavigationlist li{ float: left; height: 40px; line-height: 40px; width: 49%; margin: 0.5%;
text-align: center; background-color: #f7f8f8; border: none;}
#wapnavigation .wapsubnavigationlist li a{color: #333 !important; font-weight: normal !important;}

.wapform1{display: flex; justify-content: space-between; align-items: center; border-radius: 5px; padding: 0; }
.wapform_text1{background-color: #f7f8f8; width: 100%;border: 1px solid #EAEAEA;  height: 40px; line-height: 40px; margin: 0; font-size: 14px; border-radius: 5px 0 0 5px; outline: none; padding: 0 10px;  font-size: 16px;}
.wapform_button1{height: 40px; line-height: 40px; border: none; outline: none; width: 60px; flex: 1; margin: 0; text-align: center; border-radius: 0 5px 5px 0; background-color: #EAEAEA; padding: 0 15px; color: #808080;}
.spaceline{height: 10px; background-color: #f9f9f9; margin: 0 15px;}

#topcontrol{z-index: 99;}

#showSearchBox{line-height: 90px;}
.showsearchwrap{overflow: hidden;}
.showsearchwrap .pcform1 {max-width: 200px;background: #FFFFFF;border-radius: 18px; margin: 0 auto;overflow: hidden;display: flex;justify-content: space-between;}
.showsearchwrap input{ margin: 0; border: 0; width:100%; line-height: 32px; height:32px; outline: none; background: #FFFFFF; }
.showsearchwrap input.Keywords {width: 100%;float: left; font-size: 14px; padding: 0 15px; box-sizing: border-box;}
.showsearchwrap input.btnSearch { width: 50px; padding: 0; background:url(../images/searchbtn.png) no-repeat center; float: right; opacity: .5; }

/* 侧边栏 */
.SideBlock{/* position: absolute; */ position: fixed; top: 50%; transform: translateY(-50%); right: 0px; z-index: 99; text-align: center;}
.SideList li{position: relative; width: 60px; height: 60px; margin: 5px 0; cursor: pointer; /*background-color: #383838;*/ background-color: #244d72; border-radius: 8px 0 0 8px; transition: all 0.5s;}
.SideList li a{display: inline-block; line-height: 60px;}
.SideList li img{width: 24px !important;vertical-align: middle;margin-top: 8px;}
.SideList li p{font-size: 12px;color: #fff;}
.SideList li p.Stow{height: 56px; line-height: 56px;}
.SideList li:hover{background-color: #549bdd;}
.ShowImg{display: none; position: absolute; right: 80px; opacity: 0; top: 50%; transform: translateY(-50%); background: #ffffff; padding: 10px;  border-radius: 8px; box-shadow: 0px 3px 3px 0px rgb(63 172 200 / 19%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s ;}
.ShowImg p{color: #333 !important;}
.ShowImg .img{width: 120px !important; height: 120px !important; vertical-align: middle;}
.ShowText{display: none; position: absolute; right: 100px; opacity: 0; top: 50%; transform: translateY(-50%); background: #549bdd; color: #fff; border-radius: 8px; -webkit-border-radius: 8px; padding: 0px 20px; font-size: 18px; height: 60px; line-height: 60px;}
.gotop{visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s ;}
.isvisible{visibility: visible; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s ;}
.fade-out {opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s ;}