.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#4783B9/*主色调*/ color：#DDD;/*边框*/color:#F7F7F7;/*背景*/}
body,button,input,select,textarea {font-family:"SourceHanSansCN","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";}
html {height: 100%;font-size:100px;}
body {height: 100%;background: #FFF;color:#888;}
a{cursor: pointer;color:#888;}
a:hover{color: #4783B9;}
a img{border:0;}
.containernew {margin: 0 auto;/*max-width: 1920px;*/min-width: 320px;position: relative;width: 100%;overflow: hidden; background: #f4f5f9;}
.content{position: relative;}
.indent_content{margin: 0 auto;width: 75%;max-width:1440px;min-width: 1326px;padding: 0 20px;}
.bg_container{ background: no-repeat center center; background-size:cover;}
.bg_container.tl{background-position: left top;}
.bg_container.tc{background-position: center top;}
.bg_container.tr{background-position: right top;}
.bg_container.ml{background-position: left top;}
.bg_container.mr{background-position: right center;}
.bg_container.bl{background-position: left bottom;}
.bg_container.bc{background-position: center bottom;}
.bg_container.br{background-position: right bottom;}
.bg_container img{opacity: 0; max-width: 100%; max-height: 100%;}
.swiper-wrapper,.swiper-slide{height: auto !important;}
.page_swiper .swiper-button-prev,.page_swiper .swiper-button-next{ left:0; top:50%; width: 30px; height:30px; outline: none; position: absolute; margin-top: -15px; color:#FFF; font-size: 16px; line-height: 20px; padding: 5px 0; text-align: center; z-index: 5; cursor: pointer; background: rgba(0,0,0,.5);}
.page_swiper .swiper-button-prev:hover,.page_swiper .swiper-button-next:hover{background: #4783B9;}
.page_swiper .swiper-button-prev:after{content: "<"; transform: scale(1,1.5); display: block;}
.page_swiper .swiper-button-next:after{content: ">";transform: scale(1,1.5); display: block;}
.page_swiper .swiper-button-next{left: auto; right:0;}
/* @media screen and (min-width: 1680px){
body {font-size: 16px;}
}
@media screen and (max-width: 1680px){
body {font-size: 15px;}
}
@media screen and (max-width: 1440px){
body {font-size: 14px;}
} */
@media screen and (max-width: 1366px){
/* body {font-size: 13px;} */
.indent_content{width: 90%;min-width: 0;padding: 0 20px;}
}
@media screen and (max-width: 1280px){
/* body {font-size: 12px;} */
}
@media screen and (max-width: 767px){
html {font-size: (100vw / 7.5) ;}
.indent_content{padding: 0 8%;}
}
@media screen and (max-width: 375px){
/* body {font-size:3.2vw;} */
}
@media screen and (max-width: 320px){
html {font-size:42.667px;}
/* body{font-size:10.24px;} */
}
/*快捷导航*/
.quickmenu{ position: fixed; right: 1em; top:50%; transform: translateY(-50%); list-style-type: none; opacity:1; z-index: 30; transition: opacity .5s linear,right .5s linear; display: block !important;}
.quickmenu:hover{opacity: 1;}
.quickmenu li{width: 4em; height: 4.5em; position: relative; z-index: 2;}
.quickmenu .quicklink{display: block; overflow: hidden; width: 4em; height: 4em; border-radius: 50%; position: relative;}
.quickmenu .quicklink:before{content:'';position: absolute;left: 0;right: 0; top:0;bottom: 0; background: #4783B9; opacity: .3; transition:opacity .5s linear;}
.quickmenu .quicklink img{position: absolute; width: 3em; top:.5em; right: .5em;}
.quickmenu .additional{position: absolute; right: 100%; top:.5em; display: none; padding: 0 .75em 0 0;}
.quickmenu li:hover .quicklink:before{opacity: 1;}
.quickmenu li:hover .additional{display: block;}
.quickmenu .additional_con{display: inline-block;padding: .5em; border:1px solid #969696;position: relative; border-radius: .5em; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(224,224,224,1) 100%);}
.quickmenu .additional_con:before{content:"";position: absolute; right: -.5em; top:1em;width: 1em;height: 1em; background: #FFF; border:1px solid #FFF; border-top-color: #969696;border-right-color: #969696;
transform: rotate(45deg);}
.quickmenu .additional_con .tel_con {white-space: nowrap; padding: .5em; line-height: 200%; }
.quickmenu .additional_con .tel_con a{color: #4783B9;}
.quickmenu .additional_con .tel_con a:before{content: "";margin-right: .5em; width: 1em; height: 1em; vertical-align: middle; display: inline-block; background: url(../images/tel_icon.png) no-repeat center center; background-size: 100%;}
.quickmenu .additional_con .tel_con a:hover{color:#888;}
@media screen and (min-width: 1480px){
.quickmenu{opacity: 1;}
}
@media screen and (max-width: 1479px){
.quickmenu{right:-4em; /*display: none;*/}
.quickmenu:after{content:"";position: absolute; left: 0; top:0; right: -1em; bottom:0; z-index: 10; transition:z-index .25s linear;}
.quickmenu:before{ position: absolute; content: "《"; opacity: .6; width: 2em; background:#4783B9; color: #FFF; left: -2em; top:50% ; margin-top: -1em; line-height: 4em; z-index: 10; box-shadow: -.125em 0 .25em rgba(0,0,0,.3); text-indent: .25em; border-radius: .5em 0 0 .5em;transition:opacity .5s linear;}
.quickmenu:hover,.quickmenu.show/*,.quickmenu.showing*/{ display: block;right: 1em;}
.quickmenu:hover:after,.quickmenu.show:after/*,.quickmenu.showing:after*/{z-index:1;}
.quickmenu:hover:before,.quickmenu.show:before/*,.quickmenu.showing:before*/{ opacity: 0;}
}
@media screen and (max-width: 1024px){
.quickmenu{top:auto; bottom:1em; transform: translateY(0); font-size: .75em;}
}
/*banner*/
.banner{position: relative; margin: 0 auto;}
/* .banner .bg_container:after{position: absolute; left: 0;top:0; width: 100%; content: ''; height: 192px;z-index: 2;background:linear-gradient(to bottom, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 30%, rgba(238,238,238,0) 100%);} */
.banner .bg_container {height: 0;padding: 0 0 calc(740% / 19.2); overflow: hidden; }
.banner .txt_container{ position: absolute;left: 50%;top:50%;width: 62.5%; transform: translate(-50%,-50%);min-width: 1200px;}
.banner .txt_container h2{line-height: 32px;font-size: 32px;color: #4783B9;font-weight: bold;position: relative;padding-bottom: 4px;text-transform: uppercase;/*font-family:"FZCSJW";*/}
.banner .txt_container h2:after{content:"";position: absolute;left: 0;bottom: 0;width: 20px;height: 1px;background: #4783B9;}
@media screen and (max-width: 1024px){
.banner .bg_container{padding: 0 0 calc(740% / 14.4); }
}
/* @media screen and (max-width: 480px){
.banner {padding-top:64px;}
} */
/*面包屑*/
.nav{ line-height:64px; border-bottom:1px solid #DDD;}
.nav a{margin-right: 8px;}
.nav a:hover{ color: #4783B9;}
/*二级菜单*/
.submenu{line-height:400%; /*background: #FFF;border-top:2px solid #4783B9; margin-bottom: 32px; */}
.submenu .indent_content{position: relative;/*padding: 0 !important; top:-84px; margin-bottom: -64px;box-shadow: 0 2px 7px rgba(0, 0,0,.2);*/}
.submenu .indent_content:after{content: ''; display: block; clear: both; height: 1px; position: relative; top:-2px; /* background: #4783B9; */}
.submenu h3{background: #4783B9; text-align: center; position: relative;z-index: 2; width: 18%; color: #FFF; float: left; font-weight: bold;}
.submenu h3:after{ content: "◆"; color: #4783B9;position: absolute; right:0;top:50%;margin:-.5em -.5em 0 0; height: 1em;width: 1em;line-height: 100%; text-align: center; display: block;font-size: 2em;}
.submenu .submenu_con{position: relative;width: 100%;overflow: hidden; overflow-x: auto;}
.submenu .submenu_con::-webkit-scrollbar{height: 4px;}
.submenu .submenu_con::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
.submenu h3 + .submenu_con{margin-left:18%; width: 82%;}
.submenu .submenu_con ul{list-style-type: none;text-align: center; display: table; width: 100%;position: relative;}
.submenu .submenu_con ul li{ display: table-cell; position: relative;transition:background-color .5s linear;}
.submenu .submenu_con a{position: relative;display: block; color: #666; transition: color .5s linear,background .5s linear;padding: 0 .5em; white-space: nowrap;}
/* .submenu .submenu_con .current ,.submenu .submenu_con li:hover{background-color: #F0F0F0;} */
.submenu .submenu_con .current a,.submenu .submenu_con a:hover{ color: #4783B9; font-weight: bold;}
.submenu .submenu_con br{display: none;}
.submenu .nav_con{ float: left; white-space: nowrap;}
.submenu .nav_con + .submenu_con{float: right; width: auto;}
.submenu .nav_con + .submenu_con .current ,.submenu .nav_con + .submenu_con li:hover{background-color: transparent;}
.submenu .nav_con + .submenu_con .current a:after {content: '';position: absolute; bottom:0; left: .5em; right: .5em; height: 2px; background: #d6001d;}
.submenu .nav_con a{margin-right: .25em; color: #888; font-size: 1em; display: inline-block; vertical-align: top;}
.submenu .nav_con a:hover{color: #4783B9;}
.submenu .nav_con a:before{content: '▶';display: inline-block; vertical-align: baseline; width: 1em; margin-right: .25em; transform: scale(.5); color: #999;}
.submenu .nav_con a:first-child:before,.submenu .nav_con a:first-child + a:before{display: none;}
.submenu .nav_con a:last-child{color: #333;}
.submenu .nav_con a.home{ width: 1em; overflow: hidden; text-indent: -9em; background: url(../images/icon_home.png) no-repeat center center; background-size: 100%;}
.main_content .submenu{ float: left; width: 25%; padding-top: 6%; background: none; border: none;}
.main_content .submenu h3{ font-size: 20px; color: #FFF; line-height: 280%; text-align: center; background: #4783B9;}
.main_content .submenu ul{display: block;}
.main_content .submenu ul li{display: block; margin-bottom: 2px; background: #DDD;}
.main_content .submenu .current a,.main_content .submenu a:hover{ color: #4783B9;}
@media screen and (max-width: 1366px){
.submenu{line-height: 350%;/* border-top:2px solid #4783B9; */}
.submenu .indent_content{top:0; margin-bottom:0;}
.submenu .submenu_con .current ,.submenu .submenu_con li:hover{background-color: #F0F0F0;}
.submenu .nav_con + .submenu_con .current,.submenu .nav_con + .submenu_con li:hover{background-color: transparent;}
}
@media screen and (max-width: 1024px){
.submenu{line-height:300%; font-size: 14px; }
.submenu .indent_content{padding: 0;}
.submenu h3{ display: none;}
.submenu .submenu_con{background: none;height: 3em;}
.submenu h3 + .submenu_con{width: 100%;margin: 0;}
.submenu .submenu_con::-webkit-scrollbar{height: 2px;}
.submenu .submenu_con::-webkit-scrollbar-thumb{ border-radius: 1px;}
.submenu .nav_con{ padding:0 20px; float: none;}
.submenu .nav_con + .submenu_con{float: none; width: 100%;margin:-3em 0 0; position: relative; background: #FFF;}
.submenu .nav_con + .submenu_con .current a:after{display: none;}
.submenu .nav_con + .submenu_con .current,.submenu .nav_con + .submenu_con li:hover{background-color: #F0F0F0;}
.main_content .submenu{ float: none; width: auto; padding-top: 0; background: #F0F0F0; margin: 0 -9.524%;border-top:2px solid #4783B9;}
.main_content .submenu h3{ display: none;}
.main_content .submenu ul li.current ,.main_content .submenu ul li:hover{background-color: #4783B9;}
.main_content .submenu .current a,.main_content .submenu a:hover{ color: #FFF;}
}
@media screen and (max-width: 767px){
.submenu .nav_con{ padding:0 8%; }
}
/*栏目标题*/
.column_title{padding-top: 6%;padding-bottom: 1%;overflow: hidden; border-bottom: 1px solid #DDD;}
.column_title h2{font-weight: 400; font-size: 30px; line-height: 150%; color: #333; float: left; margin-right: .25em;}
.column_title h3{ font-size: 30px; color: #DDD; line-height: 150%;text-transform: uppercase;float: left;}
.column_title .more{float: right; margin: -32px 0 0; line-height: 200%; color:#494949;}
.column_title .more:hover{color:#4783B9;}
.column_title .tab{ float: right; white-space: nowrap; margin: -32px 0 0 0;line-height: 200%;}
.column_title .more + .tab{margin: -32px 80px 0 0;}
.column_title .tab li{ display: inline-block; cursor: pointer;}
.column_title .tab li a{display: block; padding: 0 16px; border-bottom:1px solid #FFF}
.column_title .tab li.current a,.column_title .tab li a:hover{color: #333; font-weight: bold; border-bottom:1px solid #4783B9;}
.column_title br{display: none;}
.column_content .column_title{padding-top: 0;}
.column_content .card_content{height: 0;position: relative;overflow: hidden;}
.column_content .card_content.current{height: auto;}
@media screen and (max-width: 1024px){
.column_title h2{font-size: 24px;}
.column_title h3{font-size: 24px;}
}
@media screen and (max-width: 767px){
.column_title h2{font-size: 20px;}
.column_title h3{font-size: 20px;}
.column_title br{display: block;}
.column_title .more{font-size: 12px;margin: -36px 0 0;}
.column_title .tab{float: none; margin: 16px 0 0; width: 100%; display: table;}
.column_title .tab ul{text-align: center;font-size: 12px;width: 100%;}
.column_title .tab li{padding: 0 1px;display: table-cell;}
.column_title .tab li a{background: #F0F0F0;padding: 0 8px;}
.column_content .more{font-size: 12px;}
}
/*栏目标题2 ——居中——*/
.column_title_class2{padding-top: 6%;padding-bottom: 3%;overflow: hidden;text-align: center;position: relative;}
.column_title_class2 h2{font-weight: lighter; font-size: 30px; line-height: 150%; color: #494949;}
.column_title_class2 h2:before,.column_title_class2 h2:after{ content: '─'; display: inline-block; margin:0 .75em; color:#4783B9; transform: scaleX(2);}
.column_title_class2 p{margin: 0 auto; max-width: 800px; line-height: 1.5;}
.column_title_class2 .tab{width: 100%; overflow: auto;position: relative;margin: 2% 0 0;}
.column_title_class2 .tab::-webkit-scrollbar{height: 4px;}
.column_title_class2 .tab::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
.column_title_class2 .tab ul{white-space: nowrap; line-height: 200%; width: 100%; display: table;/*display: inline-block;*/position: relative; }
.column_title_class2 .tab li{ /*display: inline-block;*/display: table-cell; cursor: pointer; border:1px solid #DDD;}
.column_title_class2 .tab li a{display: block; padding: 8px 16px; color: #494949;}
.column_title_class2 .tab li a:after{content: ''; display: inline-block; width: 2em; height: 1em; margin-left: .5em; background: url(../images/more.png) no-repeat center center; background-size: 100%; filter: grayscale(100);}
.column_title_class2 .tab li.current{border:1px solid #4783B9; z-index: 2;position: relative;}
.column_title_class2 .tab li.current a,.column_title_class2 .tab li a:hover {color: #4783B9;}
.column_title_class2 .tab li.current a:after,.column_title_class2 .tab li a:hover:after {filter: grayscale(0);}
.column_title_class2 + .column_content .more{display: block; width: 10em; line-height: 2.5; border-radius: .25em; text-align: center; margin: 1em auto; background: #aaa; color: #FFF;}
.column_title_class2 + .column_content .more:hover{background: #4783B9;}
/* .column_title_class2 + .column_content .more:after{content: ''; display: inline-block; width: 2em; height: 1em; margin-left: .5em; background: url(../images/more_w.png) no-repeat center center; background-size: 100%; } */
@media screen and (max-width: 1024px){
.column_title_class2 h2{font-size: 24px;}
.column_title_class2 p{font-size: .875em;}
}
@media screen and (max-width: 767px){
.column_title_class2 h2{font-size: 20px;}
.column_title_class2 br{display: none;}
.column_title_class2 .tab li a{padding: 4px 8px;}
.column_title_class2 p{font-size: .75em;}
}
/*页面标题*/
.main_content{background: #FFF; margin: 0 auto 2em; }
.main_content:after{content:""; display: block; clear: both;}
.page_title{padding:6% 0 2%;position: relative;}
.submenu + .main_content .page_title{padding:5% 0 2%; border-bottom: 1px solid #DDD;}
.page_title.hasbor{border-bottom: 1px solid #DDD;}
.page_title h1,.page_title h2{ font-size: 24px;line-height: 150%;color: #494949; font-weight: bold; top:78px;}
.page_title h3{font-size: 48px;line-height: 100%;color: #DDD;text-transform: uppercase;font-weight: lighter; position: relative; top:-36px;}
.page_title h3 small{font-size: .625em; line-height: 100%; display: block;}
/* .page_title:after{content: ''; position: relative;top:8px; margin-bottom: -3px; width: 50px; height: 3px; background: #AA9367; display: block;} */
.page_content{ padding: 2% 0 5%;}
.main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: right; width: 70%;}
@media screen and (max-width: 1366px){
.page_title h1,.page_title h2{top:58px}
.page_title h3{font-size: 36px;}
}
@media screen and (max-width: 1280px){
.main_content{ margin: 0 auto 0;box-shadow: none;}
}
@media screen and (max-width: 767px){
.page_title h1,.page_title h2{ font-size: 20px;top:39px}
.page_title h3{top:-30px;font-size: 24px;}
.page_title:after{width: 38px;}
.main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: none; width:auto;}
}
/*页面子标题
*/
.sub_til{margin: 2em 0 1em; overflow: hidden; position: relative;}
.sub_til h3{ font-size: 24px; line-height: 36px; color:#333; float: left;}
.sub_til h3 .icon_container{display: inline-block; vertical-align: middle; height: 1em; width: 1.5em;}
.sub_til h3 .icon_container img{height: 100%; vertical-align: top;}
.sub_til .more{ float: right; line-height: 36px; color: #888;}
.sub_til .more:hover{color:#4783B9;}
/*三级菜单*/
.page_title + .threemenu{margin-top: -2%;}
.threemenu{ position: relative; overflow: hidden;overflow-x: auto; border-bottom: none;top:-2.5em;}
/* .threemenu:after{list-style-type: none; content:"";display: block; background: #DDD; height: 1px; position: absolute;left: 0;bottom:0;right: 0;} */
.threemenu:first-child{margin-top: -5%;}
.threemenu::-webkit-scrollbar{height: 4px;}
.threemenu::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
.threemenu ul{list-style-type: none;text-align: center; display: table;position: relative;white-space: nowrap;margin: 0 0 0 auto;}
/* .threemenu ul:after{list-style-type: none; content:"";display: block; background: #DDD; height: 1px; position: absolute;left: 0;bottom:0;right: 0;} */
.threemenu li{display: table-cell; padding: 0 .5em; text-align: center; position: relative;}
.threemenu li:before{content:"";display: block; background: #666; height: 1em; width: 1px; position: absolute;left: 0; top:50%; margin-top: -.5em;}
.threemenu li:first-child:before{display: none;}
.threemenu li a{display: block;padding: 0.5em 2em;position: relative; overflow: hidden;z-index: 1;}
.threemenu li.current a{color: #4783B9; /* font-size: 1.25em; padding: .4em 1.6em; */}
/* .threemenu li.current a:before{content:"";display: block; background: #4783B9; height: 2px; position: absolute;left: 0;bottom:0;right: 0;}
.threemenu li.current a:after{content:"";display: block; background: #FFF; border:2px solid #4783B9; height: 1em; width: 1em; position: absolute;left: 50%;bottom:-.75em; margin-left: -.5em; transform: rotate(-45deg);} */
.threemenu .icon_container{display: block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 auto; position: relative; top:-.5em}
.threemenu .icon_container img{width: 100%; position: absolute;left: 0; top:0;}
.threemenu li.current .icon_container img,.threemenu li:hover .icon_container img{top:-2.5em}
@media screen and (max-width: 1024px){
.page_title + .threemenu{margin-top: 0;}
.threemenu{top:0;}
.threemenu ul{margin: 0;}
.threemenu li{padding: 0 ;}
.threemenu li a{padding: 0 1.5em;}
}
@media screen and (max-width: 767px){
.threemenu ul{width: 100%;font-size: 12px;}
.threemenu li a{padding: 1em .5em;}
}
.page_content .pagecard_con{position: relative; height: 0;overflow: hidden;}
.page_content .pagecard_con.current{height: auto;}
/*侧栏三级菜单*/
.threemenulist{float: left; width: 26%; padding: 2% 0; position: relative; z-index: 15;}
.threemenulist h2{display: none;}
.threemenulist ul{list-style: none; background: rgba(255,255,255,.9);}
.threemenulist ul li{ height: 3em; transition:height .4s ease-out; overflow: hidden;}
.threemenulist ul li a{display: block; position: relative; padding:.5em 0 .5em 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2; height: 3em;border-bottom: 1px solid #DDD;}
.threemenulist ul li.current a{font-weight: bold;color: #4783B9;}
.threemenulist ul li a:hover{color: #4783B9;}
.threemenulist ul li a:before{position: absolute; left: 0; top:50%; height: 1em; width: 1em;border-right: 2px solid #4783B9; margin-top: -.5em; content: "";}
.main_content .threemenulist ~ .page_content{ float: right; width: 70%;}
@media screen and (max-width: 1024px){
.threemenulist{width: 100%; margin-right: -100%;}
.threemenulist h2{ width: 3em; height: 3em; display: block; cursor: pointer; background: url(../images/threemenu_bg.png) no-repeat center center; background-size: 66.66%; overflow: hidden; text-indent: -9em; float: left; margin-right: -3em; position: relative; z-index: 10; opacity: .6;}
.threemenulist ul{padding:0 1em 2% 3em;}
.threemenulist ul li{ height: 0;}
.threemenulist ul li.current{height: 3em;}
.threemenulist ul li.current a{ border-bottom-width: 0px;}
.threemenulist.open ul li{height: 3em;}
.threemenulist.open ul li.current a{border-bottom-width: 1px;}
.main_content .threemenulist ~ .page_content{width: 100%; padding-top: calc(4% + 3em);}
}
/*富文本区域*/
.into_content{line-height: 187.5%;}
.into_content p{margin: 12px 0; text-align: justify; }
.into_content [align='center']{text-align: center;}
.into_content [align='right']{text-align: right;}
.into_content h2, .into_content h3, .into_content h4{font-weight: bold; margin: 6px 0; color: #333;}
.into_content h2{font-size: 20px;}
.into_content h3{font-size: 18px;}
.into_content a{text-decoration: underline;}
.into_content img{max-width: 100%; height: auto !important;}
.into_content table{margin: 0 auto; border-spacing: 0; border-collapse: collapse;}
.into_content th{background: #4783B9; color:#FFF; border: 1px solid #DDD;padding: 2px 8px;}
.into_content td{border:1px solid #DDD; padding: 2px 8px;}
.into_content .color{color:#4783B9;}
.into_content p.img_con{text-indent: 0; text-align: center;}
.into_content p video{margin: 0 auto; background: #000;max-width: 100%;}
.into_content li{margin-left:2em ;list-style-type: inherit;}
.into_content ol{list-style-type: decimal;}
.into_content ul{list-style-type: disc;}
.into_content .table_container{width: 100%; overflow: auto;}
.into_content .table_container::-webkit-scrollbar{height: 4px;}
.into_content .table_container::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
.into_content video{margin: 0 auto;background: #000;max-width: 100%;}
.into_content .table_container{width: 100%; overflow: auto;}
.into_content .table_container::-webkit-scrollbar{height: 4px;}
.into_content .table_container::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
@media screen and (max-width: 767px){
.into_content p{ text-align: inherit;}
}
.into_content .btn{ display: block; width: 8em; line-height: 2.5; color: #FFF; background: #4783B9; margin: 0 auto; text-align: center; text-decoration:none;}
.into_content .btn:hover{background: #888;}
/*翻页区域*/
.turnpage{ padding-top: 32px; text-align: right; margin-bottom: 32px; white-space: nowrap;}
.turnpage a,.turnpage span,.turnpage input{ text-align: center; display: inline-block; width:2em; height:2em; line-height: 1.875em; margin: 0 2px; border: 1px solid #DDD; vertical-align: middle; border-radius: 4px;}
.turnpage a.current,.turnpage a:hover{ background:#4783B9; color: #FFF; border: 1px solid #4783B9; }
.turnpage input{ width: 4em;}
.turnpage br{display: none;}
@media screen and (max-width: 767px){
.turnpage{text-align: center;}
}
@media screen and (max-width: 560px){
.turnpage{ margin: 0 -9%; line-height: 300%;font-size: 12px;}
.turnpage br{display: block;}
}
/*视频点击*/
.video_layer{position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0,0,.8);}
.video_layer .video_container{ position: absolute; padding: 32px 0 0; left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 80%; width: 720px;}
.video_layer .video_container .btn_close{position: absolute;top:0; right:0; width:24px;height:24px;background: url(../images/btn_close.gif) no-repeat center center; background-size: 100%; cursor: pointer; z-index: 5; cursor: pointer;}
.video_layer .video_container .video_content{ position: relative; overflow: hidden;}
.video_layer .video_container .video_content video{ width: 100%; background: #000;position: relative;}
.video_con{position: relative;}
.video_con .videocontainer{position: relative; left: 0; top:0; width: 100%; height: 100%; overflow: hidden; z-index: 3;}
.video_con .videocontainer video{ width: 100%; height: 100%;}
.video_con .poster_container{position: absolute; left: 0; right: 0; bottom:0;top:0; z-index: 5; background: no-repeat center center; background-size:cover;}
.video_con .poster_container:after {content: ''; width: 6%; height:0; padding: 0 0 6%; position: absolute; left: 50%; top:50%; margin: -3% 0 0 -3%; background: url(../images/icon_video.png) no-repeat center center; background-size: 100%; cursor: pointer; opacity: .8;}
.video_con .poster_container.hide{ z-index: 1;filter: blur(8px); opacity: .5;}
.video_con .poster_container span{position: absolute; left: 0%; width: 100%; top:50%; margin-top: 3%; text-align: center; color: #FFF; font-size: 1.5em; line-height: 200%; opacity: .9;}
@media screen and (max-width: 767px){
.video_con .poster_container:after {width: 10%; height:0; padding: 0 0 10%; margin: -5% 0 0 -5%; }
.video_con .poster_container span {margin-top: 5%; font-size: 1em;}
}
/*视频点击*/
.picture_layer{position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0,0,.8);}
.picture_layer .picture_container{ position: absolute; padding: 32px 0 0; left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 80%; min-width: 768px;}
.picture_layer .picture_container .btn_close{position: absolute;top:0; right:0; width:24px;height:24px;background: url(../images/btn_close.gif) no-repeat center center; background-size: 100%; cursor: pointer; z-index: 5; cursor: pointer;}
.picture_layer .picture_content{ position: relative; overflow: hidden;max-height: 70vh; text-align: center; background: #494949}
.picture_layer .picture_content img{ max-width: 100%;max-height: 100%;}
.picture_layer .txt_container{position: absolute; padding: 5px 5%; background: #000; opacity: 0; color:#FFF; left: 0; bottom: 0; width: 100%; text-align: left; transition:opacity 1s linear;}
.picture_layer .picture_content:hover .txt_container{opacity:.75;}
.picture_layer .txt_container h3{font-weight: bold;line-height: 200%;}
.picture_layer .txt_container p{font-size: 12px; line-height: 150%;}
@media screen and (max-width: 960px){
.picture_layer .picture_container{min-width: 0;}
.picture_layer .txt_container{opacity: .75;}
}
/*底部链接
*/
.bottomlink{ padding: 16px 0;}
.bottomlink > ul{list-style-type: none; width: 100%; display: table;}
.bottomlink .linkcon{display: table-cell; text-align: center;}
.bottomlink .link{ display: inline-block; white-space: nowrap; font-size: 20px; line-height: 200%; color:#4783B9;}
.bottomlink .icon_container{display: inline-block; width: 1.2em; height: 1.2em; overflow: hidden; vertical-align: middle;margin-right:.25em;position: relative; top:-2px}
.bottomlink .icon_container img{width: 100%; vertical-align: top;}
.bottomlink .link:hover{color: #888;}
.bottomlink .link:hover .icon_container img{filter: grayscale(100%);}
.bottomlink .friendship{display: inline-block;position: relative;}
.bottomlink .friendship ul{display: none; position: absolute; right:-.75em; bottom:100%; list-style-type: none; border:1px solid #DDD; background: #FFF; line-height: 200%; min-width: 100%; white-space: nowrap; text-align: left;}
.bottomlink .friendship ul li{display: block;border-top:1px solid #DDD;}
.bottomlink .friendship ul li:first-child{border:none}
.bottomlink .friendship ul a{display: block; padding: 0 20px;color:#888;}
.bottomlink .friendship ul a:hover{background:#4783B9;color: #FFF; }
.bottomlink .friendship.show ul{display: block;}
@media screen and (max-width: 767px){
.bottomlink .link{font-size: 16px;}
}
@media screen and (max-width: 360px){
.bottomlink .link{font-size: 14px;}
}
/*国投跳转链接浮层
*/
.jmpLinkLayer{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0, 0,0,.3); z-index: 100;font-size:16px;}
.jmpLinkLayer-con{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); background: #FFF; border-radius:1em; padding: 4em 2em; white-space: nowrap; text-align: center; line-height:200%; color: #333;}
.jmpLinkLayer-con .s2{display: none;}
企业文化歌曲