.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#D6001D/*主色调*/ 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%;font-size:16px;line-height: 187.5%;background: #FFF;color:#888;}

a{cursor: pointer;color:#888;}
a:hover{color: #D6001D;}
a img{border:0;} 

.container {margin: 0 auto;/*max-width: 1920px;*/min-width: 320px;position: relative;width: 100%;overflow: hidden; background: #FFF;}
.content{position: relative;}
.main_content:after{content:""; display: block; clear: both;}
.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: #D6001D;}
.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: 100%;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;} */
}


/*页头*/
.header{position: fixed;left: 0;top:0;width: 100%;height:64px;z-index: 30;background:#FFF;min-width: 320px;box-shadow: 0 0 3px rgba(0, 0,0,.3);transition:background .5s linear;}
.header .header_content{ position: relative;height:100%; max-width: 1440px; margin: 0 auto;}
.header .logo{position: absolute;  width: 305px; height:100%; top:0; left:20px;  text-indent: -99em;}
.header .logo img{position: absolute; left: 0; top:50%; max-width: 100%; max-height: 100%; transform: translateY(-50%);}
.header .menu h2{display: none;}
.header .sitesearch{position: absolute;right: 20px;top:50%;line-height:200%;height: 32px;margin: -16px 0 0;z-index:35;width:32px;background: #DDD;border-radius:16px; transition: width .25s linear;width: 160px;}
.header .sitesearch:hover,.header .sitesearch.open{width: 160px;}
.header .sitesearch input{ width: 128px; padding: 0 0 0 16px; height: 32px; line-height: 200%; color: #333; background: none; outline: none; border:none;opacity: 0;transition: opacity .5s linear;position: absolute; left: 0; top:0;opacity: 1;}
.header .sitesearch:hover input,.header .sitesearch.open input{opacity: 1;}
.header .sitesearch button{font-size: 16px; position: absolute; width:32px; height:32px; border: none; background:  url(../images/search_b.png); background-size: 100%; position: absolute; outline: none; top:0; right: 0px; cursor: pointer;border-radius: 5px; }
/* .header .sitesearch:before{content:"";position: absolute;top:4px;bottom:4px; left:-8px; width: 1px; background: #FFF;} */
.header .menu_content{list-style-type: none;position: absolute;right:20px;margin:-32px 0 0 0;white-space: nowrap;top:50%;z-index: 30;}
.header .menu_content > li{display: inline-block;transition: background .5s linear;margin-right: -.33em;position: relative;}
.header .menu_content h3{line-height:400%; font-weight: bold;overflow: hidden;}
.header .menu_content h3 a{position: relative;display: inline-block;color: #333;z-index: 1;transition: z-index .25s linear .5s;padding: 0 24px;}
.header .menu_content h3 a:hover{color:#D6001D;}
.header .menu_content > li.current h3 a:before{ content: ""; background: #D6001D; right: 24px; left: 24px; bottom:12px; height: 2px; display: block; position: absolute;}
.header .menu_content > li.current h3 a:after{ content: ""; background: #D6001D; width: 1.5em; left: 24px; bottom:10px; height: 6px; display: block; position: absolute;}
/* .header .menu_content > li.current h3 a:after{ content: 'â–¼'; color: #D6001D;transform: scale(.5); display: inline-block;} */
.header .sitesearch + .menu_content{margin:-32px 172px 0 0;}
/* .header .menu_content > li.current h3 a:before{ content: "â–²"; color: #D6001D;line-height: 100%; left: 50%; bottom:16px; height: 1em; display: block; position: absolute;margin:0 0 -.5em -.5em; width: 1em; text-align: center; transform: scale(1.5,0.5) ;} */
.header .menu_content ul{visibility: hidden;opacity: 0;transition: opacity .5s linear;z-index: 10;position: absolute;left:0;line-height: 200%;top:50%;background:#FFF;text-align: left;padding:16px 0;min-width: 100%;box-shadow: 1px 1px 2px rgba(0,0,0,.3); margin-top: 12px;}
.header .menu_content > li:hover ul{visibility: visible;opacity: 1;}
.header .menu_content ul a{position: relative;display: block;color:#333;padding: 0 24px;}
.header .menu_content ul a:hover{ color:#D6001D;}
.header .language {position: absolute;right: 20px;top:50%;line-height:200%;height: 32px;margin: -16px 48px 0;width:40px; background: url(../images/language.png) no-repeat right center; background-size: 16px; z-index: 32;}
.header .language a{ color: #000; display: block;}
.header .language a:hover{color: #D6001D;}
.header .language + .sitesearch{width: 32px;background: #FFF;transition: background .5s linear, width .5s linear; overflow: hidden;}
.header .language + .sitesearch input{opacity: 0;transition: opacity .5s linear;position: absolute; left: 0; top:0;  }
.header .language + .sitesearch:hover,.header .language + .sitesearch.open{background: #DDD; width: 168px;}
.header .language + .sitesearch:hover input,.header .language + .sitesearch.open input{opacity: 1;}
.header .language + .sitesearch + .menu_content{margin:-32px 90px 0 0;}
.header .indexlanguage,.header .servicecall{display: none;}
@media screen and (max-width: 1280px){
    .header .menu_content > li h3 a{padding: 0 16px;} 
    .header .menu_content ul a{padding:0 16px;}
    .header .menu_content > li.current h3 a:before{left: 16px; right: 16px;}
    .header .menu_content > li.current h3 a:after{left: 16px;}
    .header .sitesearch + .menu_content{margin:-32px 48px 0 0;}
    .header .sitesearch{width: 32px;}
    .header .sitesearch:hover,.header .sitesearch.open{width: 160px;}
    .header .sitesearch input{opacity: 0;}
    .header .sitesearch:hover input,.header .sitesearch.open input{opacity: 1;}
}
@media screen and (max-width: 1024px){
    .header.nofix.mshow{position: fixed;}
    .header .menu h2{display: block;position: absolute;right:20px;top:50%;width: 48px;height: 0px;padding: 48px 0 0;margin-top: -24px;z-index: 35;overflow: hidden;cursor: pointer;transform: scale(.8);}
    .header .menu h2:before{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transform:translate(0,-16px);transition:all .4s ease-in;}
    .header .menu h2:after{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transform:translate(0,16px);transition:all .4s ease-in;}
    .header .menu h2 span:before{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transition:all .4s ease-in;}
    .header .menu h2 span:after{content:"";position:absolute;left:8px;width:32px;top:23px;height:2px;background:#333;transition:all .4s ease-in;}
    .header .menu.menu_show h2:before{background:#D6001D;transform:translate(0,0) rotate(45deg);left:0;width:48px;}
    .header .menu.menu_show h2:after{background:#D6001D;transform:translate(0,0) rotate(-45deg);left:0;width:48px;}
    .header .menu.menu_show h2 span:before{background:#D6001D;transform:translate(0,0) rotate(45deg);left:0;width:48px;}
    .header .menu.menu_show h2 span:after{ background:#D6001D;transform:translate(0,0) rotate(-45deg);left:0;width:48px;}
    
    .header .sitesearch{right:92px; top:50%;visibility: hidden; opacity: 0; transition: opacity 1s ease-in;}
    .header .menu.menu_show .sitesearch{visibility: visible;opacity: 1;width: 160px;}
    .header .menu.menu_show .sitesearch input{opacity: 1;}
    .header .menu_content{background: #FFF;position: fixed;width: 80%;padding: 0% 5%;overflow: auto;top:0;bottom:0;right: -80%;border-top: 64px solid #FFF;transition: right .4s ease-in;margin: 0;}
    .header .sitesearch + .menu_content{margin: 0;}
    .header .menu.menu_show .menu_content{right:0; }
    .header .menu.menu_show .menu_content > li{display: block;padding: 0;}
    .header .menu_content > li{font-size: 16px;}
    .header .menu_content > li:hover{background: none;}
    .header .menu_content > li.current,.header .menu_content > li.indexcurrent{background: none;}
    .header .menu_content h3 a {display: block;line-height: 200%;border-bottom: 1px solid #DDD; color: #333;}
    .header .menu_content > li.current h3 a,.header .menu_content > li.indexcurrent h3 a {font-weight: bold;color: #333;border-bottom: 1px solid #D6001D;}
    .header .menu_content > li.current h3 a:after{display: none;}
    .header .menu_content > li.current h3 a:hover,.header .menu_content > li.indexcurrent h3 a:hover{color:#D6001D;}
    .header .menu_content > li.current h3 a:before{ display: none;}
    .header .menu_content > li.showcon h3 a,
    .header .menu_content > li:hover h3 a {color: #494949;z-index: 11;}
    
    .header .menu_content > li:hover h3 a:hover{color:#D6001D;}
    .header .menu_content ul{display: block;visibility: visible;position: relative;left: 0;width: auto;margin: -48px 0 0 0;padding: 48px 0 0;top:0;height: 0;overflow: hidden;background: none;bottom: auto;left: 0 !important;right: 0 !important;line-height:250%;box-shadow: none;}
    .header .menu_content > li.current ul{height: auto;opacity: 1;}
    .header .menu_content > li:hover ul{height: auto;opacity: 1;}
    .header .menu_content ul li{border-top: none;border-bottom: 1px solid #DDD;display: block;}
    .header .menu_content ul a{text-indent: 32px;background: none;margin-bottom: 0;padding: 0;border-bottom: none;color: #333;}
    .header .menu_content ul a:hover{background: none;color: #D6001D;}
    
    .header .language{visibility: hidden; opacity: 0; transition: opacity 1s ease-in; margin: -16px 224px 0 0;}
    .header .menu.menu_show .language{visibility: visible;opacity: 1;}
    .header .language + .sitesearch{right: 76px; background: #DDD; width: 160px;}
    .header .language + .sitesearch + .menu_content{margin:0;}
    
}
@media screen and (min-width: 0px){
    .header.nofix{position: absolute;}
    .header.nobg{ background: rgba(51, 51,51,.3); box-shadow: none;}
    /* .header.nobg .menu_content h3 a{/color: #FFF; text-shadow:1px 1px 1px rgba(0, 0,0,.5);} */
    .header.nobg .sitesearch{background:#FFF;} 
    /* .header.nobg .sitesearch input{color: #FFF;} */
    /* .header.nobg .sitesearch button{background-image:url(../images/search.png); } */
    /* .header.nobg .menu_content > li.current h3 a:after{ background: #FFF;}*/
    .header.nobg .menu h2:before{background:#FFF;}
    .header.nobg .menu h2:after{background:#FFF;}
    .header.nobg .menu h2 span:before{background:#FFF;}
    .header.nobg .menu h2 span:after{ background:#FFF;} 
    .header.nobg .menu .menu_content h3 a{color: #FFF;}
    .header.nobg .menu_content > li.current h3 a:before{ background: #FFF;}
    .header.nobg .menu_content > li.current h3 a:after{ background: #FFF;}
    .header.nobg .menu.menu_show .sitesearch{background: #DDD;}
    .header.nobg .menu.menu_show .sitesearch input{color: #333;}
    /*.header.nobg .menu.menu_show .sitesearch button{background-image:url(../images/search_b.png); }*/
    .header.nobg .menu.menu_show .menu_content > li.current h3 a:after{ background: #D6001D;}
    .header.nobg .menu.menu_show h2:before{background:#D6001D;}
    .header.nobg .menu.menu_show h2:after{background:#D6001D;}
    .header.nobg .menu.menu_show h2 span:before{background:#D6001D;}
    .header.nobg .menu.menu_show h2 span:after{ background:#D6001D;}
}
@media screen and (max-width: 767px){
    .header .logo{left: 5%;width: 60%;}
    .header .menu h2{right: 4%;}
    .header .sitesearch{right: calc(72px + 4%);}

    .header .menu.menu_show .language{right: 4%;margin: -16px 184px 0 0;}
    .header .menu.menu_show .language + .sitesearch{right: calc(48px + 4%); width: 128px;}
    .header .menu.menu_show .language + .sitesearch input{width: 96px;}
}

/*页尾*/
.footer {position: relative;z-index: 25;  background: #F7F7F7;} 
.footer .footer_content{padding-top: 48px; padding-bottom: 16px;}
.footer .footer_content:after{content: ""; clear: both; display: block;}
.footer .logo{position: relative;  width: 185px; height:64px;text-indent: -99em; top:-24px; max-width: 60%; display: block;}
.footer .logo img{position: absolute; left: 0; top:50%; max-width: 100%; max-height: 100%; transform: translateY(-50%);}
.footer .sitemap{ float: left; list-style-type: none; overflow: hidden; white-space: nowrap; margin-bottom: 32px;width: calc(100% - 160px);display: flex;display: table\9; }
.footer .sitemap > li{ display:table-cell\9; vertical-align: top; flex: auto 1;}
.footer .sitemap h3{line-height: 48px; font-size: 18px; font-weight: bold;}
.footer .sitemap h3 a{color: #333;}
.footer .sitemap h3 a:hover{color: #D6001D;}
.footer .sitemap ul{list-style-type: none;}
.footer .ewm{float: right; text-align: center; width: 128px; margin-bottom: 32px; position: relative;}
.footer .ewm img{width: 100%;}
.footer .ewm:after{content:""; left: -32px; top:0; bottom:0; width: 1px; background: #DDD; position: absolute;}
.footer .friendship{position: relative; float: right; white-space: nowrap;clear: right; margin-left: -160px;}
.footer .friendship h3{ position: relative;border: 1px solid #DDD; border-radius: 4px; line-height:225%; height: 36px; padding: 0 36px 0 16px; color: #888; cursor: pointer;}
.footer .friendship h3:after{content: "ï¹€";position: absolute;right: 12px;top:2px;}
.footer .friendship ul{display: none; position: absolute; right: 0; bottom:36px; list-style-type: none; border:1px solid #DDD; background: #FFF; line-height: 200%; min-width: 100%;}
.footer .friendship ul li{display: block;border-top:1px solid #DDD;}
.footer .friendship ul li:first-child{border:none}
.footer .friendship ul a{display: block; padding: 0 20px;color:#888;}
.footer .friendship ul a:hover{background:#D6001D;color: #FFF; }
.footer .friendship.show ul{display: block;}
.footer .copy_content{ text-align: center; padding: 16px 0;/*  background: #494949;*/ }
.footer .copy_content .indent_content:before{content: "";display: block;border-top:1px solid #DDD; height: 16px;}
.footer .footerlink{list-style-type: none;white-space: nowrap; margin-bottom: 8px;}
.footer .footerlink > li{display: inline-block;padding:0 16px;position: relative;margin-right: -.33em;}
.footer .footerlink > li:before{content:"";position: absolute;left: 0;width: 1px;height: 12px;top:50%;margin-top: -6px;background: #888;}
.footer .footerlink > li:first-child:before{ display: none;}
.footer .footerlink a{color: #888;}
.footer .footerlink a:hover{color: #FFF;}
.footer .copyright span,.footer .copyright .ipv6{display: inline-block;vertical-align: middle;white-space: nowrap;}

.footer .sitelink{list-style-type: none;white-space: nowrap; margin-bottom: 8px; float: left; line-height: 225%; position: relative; top:1px}
.footer .sitelink > li{display: inline-block;padding:0 16px;position: relative; margin-right: -.33em;}
.footer .sitelink > li:before{content:"";position: absolute;left: 0;width: 1px;height: 12px;top:50%;margin-top: -6px;background: #888;}
.footer .sitelink > li:first-child:before{ display: none;}
.footer .links{position: relative; float: right;clear: both;}
.footer .links .friendship{ float: left; margin-left: 16px;}

@media screen and (max-width: 1024px){
    .footer .sitemap{ float: none; text-align: left; font-size: 16px; width: 100%;}
    .footer .ewm{float: none;  margin: 4px auto 16px;top:0;}
    .footer .ewm:after{display: none;}
    .footer .friendship{float: none; display: inline-block; margin: 0;}
    .footer .friendship ul{ position: absolute; left: 50%; transform: translateX(-50%); text-align: left; }
    .footer .footerlink{margin: 0 -9% .5em;}
    .footer .footerlink > li{padding: 0 .5em;}

    .footer .links{ float: none;}
    .footer .links .sitelink{ float: left;margin: 0 0 0 -.5em;}
    .footer .sitelink > li{padding: 0 .5em;}
    .footer .links .friendship{ float: right;}
    .footer .links .friendship ul{left:auto; right: 0; transform: translateX(0);  }
}
@media screen and (max-width: 767px){
    .footer .footer_content{text-align: center;}
    .footer .sitemap{ float: none; text-align: left;  display: block; font-size: 16px;margin-bottom: 0;width: 100%;}
    .footer .sitemap > li{ display:block; margin: 0 0 12px;}
    .footer .sitemap > li h3{line-height:200%;}
    .footer .sitemap > li ul{white-space: normal;}
    .footer .sitemap > li ul li{ display: inline-block; vertical-align: top; margin-right: 32px;white-space: nowrap;}
    .footer .ewm{float: none;  margin: 4px auto 16px;top:0;}
    .footer .ewm:after{display: none;}
    .footer .friendship{float: none; display: block; margin: 0 auto .5em;text-align: left;width: 14em; }
    .footer .friendship ul{ position: absolute; left: 50%; transform: translateX(-50%); text-align: left; }
    .footer .links{ float: none; }
    .footer .links .sitelink{ float: none;;margin: 0 -50%;font-size: 12px;}
    .footer .links .friendship{ float: none;margin: 0 auto .5em;}
    .footer .links .friendship ul{right:auto; left: 50%; transform: translateX(-50%);  }
}
@media screen and (max-width: 360px){
    
}
/*快捷导航*/
.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: #D6001D; 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: #D6001D;}
.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:#D6001D; 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 -1px;}
/* .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(690% / 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: #D6001D;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: #D6001D;}
@media screen and (max-width: 1024px){
    .banner .bg_container{padding: 0 0 calc(690% / 14.4); }
}
/*面包屑*/
.nav{ line-height:64px; border-bottom:1px solid #DDD;}
.nav a{margin-right: 8px;}
.nav a:hover{ color: #D6001D;}

/*二级菜单*/
.submenu{line-height:400%;  /*background: #FFF;border-top:2px solid #D6001D; 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; background: #D6001D;position: relative; top:-2px}
.submenu h3{background: #D6001D; text-align: center; position: relative;z-index: 2; width: 18%; color: #FFF; float: left; font-weight: bold;}
.submenu h3:after{ content: "â—†"; color: #D6001D;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; font-weight: bold; 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: #D6001D; 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: 3px; background: #D6001D;}
.submenu .nav_con a{margin-right: .5em; color: #888; font-size: 1em; display: inline-block; vertical-align: top;}
.submenu .nav_con a:hover{color: #D6001D;}
.submenu .nav_con a:before{content: '';display: inline-block; vertical-align: baseline; width: 1em; height: 1em; margin-right: .75em; background: url(../images/nav_icon.png) no-repeat center center; background-size: 100%; position: relative; top:2px; }
.submenu .nav_con a:first-child:before{display: none;}
.submenu .nav_con a:last-child{color: #333;}

.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: #D6001D;}
.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: #D6001D;}
@media screen and (max-width: 1366px){
    .submenu{line-height: 350%;/* border-top:2px solid #D6001D; */}
    .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: 767px){
    .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{display: none;}
    .submenu .nav_con + .submenu_con{float: none; width: 100%;margin-right:0;}
    .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 #D6001D;}
    .main_content .submenu h3{ display: none;}
    .main_content .submenu ul li.current ,.main_content .submenu ul li:hover{background-color: #D6001D;}
    .main_content .submenu .current a,.main_content .submenu a:hover{ color: #FFF;}
}

/*栏目标题*/
.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:#D6001D;}
.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 #D6001D;}
.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: bold; font-size: 36px; line-height: 150%; color: #494949;}
.column_title_class2 h2:before,.column_title_class2 h2:after{ content: '─'; display: inline-block; margin:0 .75em; color:#D6001D; transform: scaleX(2);}
.column_title_class2 p{margin: 0 auto; max-width: 800px;}
.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%; display: inline-block;position: relative;}
.column_title_class2 .tab li{ display: inline-block; cursor: pointer;}
.column_title_class2 .tab li a{display: block; padding: 0 16px; color: #494949;}
.column_title_class2 .tab li.current a,.column_title_class2 .tab li a:hover{color: #FFF;  background: #D6001D;}
@media screen and (max-width: 1024px){
    .column_title_class2 h2{font-size: 24px;}
}
@media screen and (max-width: 767px){
    .column_title_class2 .tab ul{width: 100%; display: table;}
    .column_title_class2 .tab li{padding: 0 1px; display: table-cell;}
    .column_title_class2 .tab li a{background: rgba(0, 0,0,.05);padding: 0 8px;}
}

/*页面标题*/
.main_content{background: #FFF; margin: 0 auto 2em; }
.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: 32px;line-height: 150%;color: #494949; font-weight: bold; display: inline-block;}
.page_title h3{font-size: 32px;line-height: 150%;color: #DDD;text-transform: uppercase;font-weight: lighter;display: inline-block; }
/* .page_title:after{content: ''; position: relative;top:8px; margin-bottom: -3px; width: 50px; height: 3px; background: #D6001D; display: block;} */
.page_content{ padding: 2% 0 10%;}
.main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: right; width: 70%;}
@media screen and (max-width: 1366px){
    .main_content{ margin: 0 auto 0;box-shadow: none;}
}
@media screen and (max-width: 767px){
    .page_title h1,.page_title h2{ font-size: 20px;}
    .page_title h3{font-size: 20px;}
    .page_title:after{width: 38px;}
    .main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: none; width:auto;}
}

/*页面子标题
<div class="sub_til">
    <h3><span class="icon_container"><img src="static/images/cultural_song.png"></span>企业文化歌曲</h3>
    <a href="CulturalSong.html" class="more">MORE</a>
</div>*/
.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:#D6001D;}

/*三级菜单*/
.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: #D6001D; /* font-size: 1.25em; padding: .4em 1.6em; */}

/* .threemenu li.current a:before{content:"";display: block; background: #D6001D; height: 2px; position: absolute;left: 0;bottom:0;right: 0;}
.threemenu li.current a:after{content:"";display: block; background: #FFF; border:2px solid #D6001D; 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;}

/*富文本区域*/
.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: #D6001D; color:#FFF; border: 1px solid #DDD;padding: 2px 8px;}
.into_content td{border:1px solid #DDD; padding: 2px 8px;}
.into_content .color{color:#D6001D;}
.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;}
}

/*翻页区域*/
.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:#D6001D; color: #FFF; border: 1px solid #D6001D; }
.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;}

/*视频点击*/
.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:#D6001D;}
.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:#D6001D;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;}
}
/*国投跳转链接浮层
<div class="jmpLinkLayer">
    <div class="jmpLinkLayer-con">
        <div class="tips"><span class="s1">此页面将跳转至国投官网</span><span class="s2"><b id="dec">3</b>S</span></div>
    </div>
</div>
*/
.jmpLinkLayer{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0, 0,0,.3); z-index: 100;}
.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;}