.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#013b96/*主色调*/ color：#ddd;/*边框*/color:#f4f4f4;/*背景*/}

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: #013b96;}
a img{border:0;} 

.container {margin: 0 auto;/*max-width: 1920px;*/min-width: 320px;position: relative;width: 100%;overflow: hidden;}
.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: #013b96;}
.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%;}
    .bg_container.wcc{background-position: center center;}
    .bg_container.wtl{background-position: left top;}
    .bg_container.wtc{background-position: center top;}
    .bg_container.wtr{background-position: right top;}
    .bg_container.wml{background-position: left top;}
    .bg_container.wmr{background-position: right center;}
    .bg_container.wbl{background-position: left bottom;}
    .bg_container.wbc{background-position: center bottom;}
    .bg_container.wbr{background-position: right bottom;}
}
@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: 365px; height:100%; top:0; left:20px;  text-indent: -99em;max-width: 18vw;}
.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:5px; transition: width .25s linear;}
.header .sitesearch:hover,.header .sitesearch.open{width: 160px;}
.header .sitesearch input{ width: 108px; 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;}
.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: #013b96 url(/uploads/image/gltsimages/search.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 48px 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:64px; font-size: 1em; 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 10px;}
.header .menu_content h3 a:hover{color:#013b96;}
.header .menu_content > li.current h3 a:after{ content: ""; background: #013b96; right: 10px; left: 10px; bottom:12px; height: 2px; display: block; position: absolute;}
.header .menu_content > li.current h3 a:before{ content: "▲"; color: #013b96;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; font-size: .875em;}
.header .menu_content > li:hover ul{visibility: visible;opacity: 1;}
.header .menu_content ul a{position: relative;display: block;color:#333;padding: 0 10px;}
.header .menu_content ul a:hover{ color:#013b96;}
.header .language {position: absolute;right: 20px;top:50%;line-height:200%;height: 32px;margin: -16px 40px 0;width:40px; background: url(/uploads/image/gltsimages/language.png) no-repeat right center; background-size: 16px; z-index: 32;}
.header .language a{ color: #000; display: block;}
.header .language a:hover{color: #013b96;}
.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{font-size: .75em;}
    .header .menu_content > li h3 a{padding: 0 10px;} 
    .header .menu_content ul{font-size: .75em;}
    .header .menu_content ul a{padding:0 10px;}
    .header .menu_content > li.current h3 a:after{left: 10px; right: 10px;}
}
@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:#013b96;transform:translate(0,0) rotate(45deg);left:0;width:48px;}
    .header .menu.menu_show h2:after{background:#013b96;transform:translate(0,0) rotate(-45deg);left:0;width:48px;}
    .header .menu.menu_show h2 span:before{background:#013b96;transform:translate(0,0) rotate(45deg);left:0;width:48px;}
    .header .menu.menu_show h2 span:after{ background:#013b96;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;margin-top: 0;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 .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{line-height: 200%; font-size: 1em;}
    .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 #013b96;}
    .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:#013b96;}
    .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:#013b96;}
    .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: #013b96;}
    
    .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(255, 255,255,0); 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: rgba(234, 234,234,0);} */
    /* .header.nobg .sitesearch input{color: #fff;} */
    /* .header.nobg .sitesearch button{background-image:url(/uploads/image/gltsimages/search.png); } */
    /* .header.nobg .menu_content > li.current h3 a:after{ background: #fff;}
    .header.nobg .menu_content > li.current h3 a:before{color:#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_show .menu_content h3 a{color: #333;}
    .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(/uploads/image/gltsimages/search_b.png); }*/
    .header.nobg .menu.menu_show .menu_content > li.current h3 a:after{ background: #013b96;}
    .header.nobg .menu.menu_show h2:before{background:#013b96;}
    .header.nobg .menu.menu_show h2:after{background:#013b96;}
    .header.nobg .menu.menu_show h2 span:before{background:#013b96;}
    .header.nobg .menu.menu_show h2 span:after{ background:#013b96;}
}
@media screen and (max-width: 767px){
    .header .logo{left: 5%;width: 60%; max-width: none;}
    .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: #f4f4f4;*/} 
.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: #013b96;}
.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:#013b96;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%);  }
}

/*底部*/
.footer_class2{position: relative; padding: 2em 0;}
.footer_class2 > .bg_container{position: absolute; left: 0; right: 0; top:0; bottom:0;}
.footer_class2 .footer_content{text-align: center; position: relative;}
.footer_class2 .logolink{position: relative; padding-left: 1.5em; font-size: .75em; margin-bottom: .5em;}
.footer_class2 .logolink h3{position: absolute; left: 0; top:50%; transform: translatey(-50%); width: .75em; line-height: 1.25em; color: #333;word-break: break-all; font-size: .75em; font-family: arial, helvetica, sans-serif;}
.footer_class2 .logolink_con{white-space: nowrap; overflow: hidden; position: relative; width: 100%; line-height: 0;}
.footer_class2 .logolink ul{list-style: none; display: inline-block;}
.footer_class2 .logolink li{ display: inline-block; width: 12.5em;margin: 0 -.33em 0 0; padding: 0 4px;}
.footer_class2 .logolink li .img_container{ border:1px solid #ddd; position: relative; overflow: hidden;}
.footer_class2 .logolink li .bg_container{width: 100%;  transition: transform .5s linear; position: relative;height: 0;padding: 0 0 42.18%;overflow: hidden;}
.footer_class2 .logolink li a:hover .bg_container{transform: scale(1.05);}
.footer_class2 .address_content{width:calc(50% - 64px); display: inline-block; margin:0 -.33em .5em 0; vertical-align: top; text-align: left;}
.footer_class2 .address_content h3{font-size: 1.25em; line-height: 200%; margin-bottom: .25em; color: #161616; }
.footer_class2 .address_content p{font-size: 1em; line-height: 150%; color: #666;}
.footer_class2 .address_content a{color: #666;}
.footer_class2 .address_content a:hover{color: #013b96;}
.footer_class2 .ewm{ width: 128px; display: inline-block; margin-right: -.33em; vertical-align: top;font-size: 1em;}
.footer_class2 .ewm img{width: 100%;}
.footer_class2 .copy_content{ border-top:1px solid #013b96; margin-top: .5em; padding: .5em 0 0; font-size: .875em; text-align: left;color: #013b96; line-height: 150%;}
.footer_class2 .footerlink{list-style-type: none;white-space: nowrap; margin:0 -1em 0 0; float: right;}
.footer_class2 .footerlink li{display: inline-block;padding:0 1em;position: relative;margin-right: -.33em;}
.footer_class2 .footerlink li:before{content:"";position: absolute;left: 0;width: 1px;height: 12px;top:50%;margin-top: -6px;background: #666;}
.footer_class2 .footerlink li:first-child:before{ display: none;}
.footer_class2 .footerlink li:last-child{margin: 0;}
.footer_class2 .footerlink a{color: #013b96;}
.footer_class2 .footerlink a:hover{color: #161616;}
.footer_class2 .copyright span{ display: inline-block;}
.footer_class2 .btn_gotop{position: relative;width: 80px; font-size: .75em; margin: 1em auto -1em; text-align: center; cursor: pointer; color: #013b96; display: none;}
@media screen and (max-width: 1280px){
    .footer_class2 .address_content p{font-size: .875em;}
    .footer_class2 .ewm{font-size: .875em;}
    .footer_class2 .copy_content{font-size: .75em;}
}
@media screen and (max-width: 1024px){
    .footer_class2 .logolink{font-size: .875em;}
    .footer_class2 .logolink li{padding: 0 2px;}
    .footer_class2 .address_content{width: 50%; margin-bottom: .25em;}
    .footer_class2 .address_content h3{font-size: 1em; margin-bottom: 0;}
    .footer_class2 .address_content p{font-size: .75em;}
    .footer_class2 .ewm{ display: block; margin: 0 auto; width: 12em;}
    .footer_class2 .ewm img {width: 8em;}
}
@media screen and (max-width: 640px){
    /* .footer_class2 .logolink li{width: 33.33%;} */
    .footer_class2 .logolink{font-size: .75em;}
    .footer_class2 .address_content{width: 66.67%; min-width:288px;}
    .footer_class2 .copy_content{ text-align: center;}
    .footer_class2 .footerlink{ float: none; display:block; margin: 0 auto;}
    .footer_class2 .ewm{font-size: .75em;}
    .footer_class2 .btn_gotop{display: none;}
}
@media screen and (max-width: 480px){
    .footer_class2 .copy_content .footerlink{ margin:  0 auto; transform: scale(.75);}
}

/*快捷导航*/
.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;}
.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: #013b96; 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 .75em .5em .5em;  border:1px solid #aaa;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%); white-space: nowrap;}
.quickmenu .additional_con:before{content:"";position: absolute; right: -.5em; top:1em;width: 1em;height: 1em; background: #fff; border:1px solid #fff; border-top-color: #aaa;border-right-color: #aaa;
transform: rotate(45deg);}
.quickmenu .additional_con .tel_con {white-space: nowrap; padding: .5em; line-height: 200%; }
.quickmenu .additional_con .tel_con a{color: #013b96;}
.quickmenu .additional_con .tel_con a:before{content: "";margin-right: .5em; width: 1em; height: 1em; vertical-align: middle; display: inline-block; background: url(/uploads/image/gltsimages/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:#013b96; 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;height: 0;padding: 0 0 calc(780% / 19.2); overflow: hidden;margin-bottom: -1px;}
.banner: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 {position: absolute; left: 0; right: 0;top:0; bottom:0; }
.banner .txt_container{ position: absolute;left: 50%;top:50%;width: 62.5%; transform: translate(-50%,-50%);min-width: 1200px;}
.banner .txt_container img{max-height: 48px;}
.banner .txt_container img   h2{display: none;}
.banner .txt_container h2{line-height: 32px;font-size: 32px;color: #013b96;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: #013b96;}

/*面包屑*/
.nav{ line-height:64px; border-bottom:1px solid #ddd;}
.nav a{margin-right: 8px;}
.nav a:hover{ color: #013b96;}

/*二级菜单*/
.submenu{line-height:3.2; font-size: 1.25em; background: #fff;/*border-top:2px solid #013b96; margin-bottom: 32px; */}
.submenu:after{content: ''; display: block; clear: both;}
.submenu .indent_content{position: relative;padding: 0 !important; top:-84px; margin-bottom: -64px;box-shadow: 0 2px 7px rgba(0, 0,0,.2);/**/} 
.submenu h3{background: #013b96; text-align: center; position: relative;z-index: 2; width: 18%; color: #fff; float: left; font-weight: bold;}
.submenu h3:after{ content: "◆"; color: #013b96;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;background: rgba(255, 255,255,.8);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: #013b96; font-weight: bold;}
.submenu .submenu_con br{display: none;}
.submenu .nav_con{ float: left; white-space: nowrap; margin-left: 20px;}
.submenu .nav_con   .submenu_con{float: right; width: auto; margin-right: 20px;}
.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: #013b96;}
.submenu .nav_con a{margin-right: .5em;}
.submenu .nav_con a:before{content: '▶'; display: inline-block; vertical-align: baseline; transform: scale(.5);}
.submenu .nav_con .home{ display: inline-block; width: 1em; height: 1em; overflow: hidden; text-indent: -9em; background: url(/uploads/image/gltsimages/icon_home.png) no-repeat center center; vertical-align: middle;}
.submenu .nav_con .home:before,.submenu .nav_con .home   a:before{display: none;}

.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: #013b96;}
.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: #013b96;}
@media screen and (max-width: 1366px){
    .submenu{line-height:3;font-size: .875em; border-top:2px solid #013b96;background: #fff;}
    .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 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 #013b96;}
    .main_content .submenu h3{ display: none;}
    .main_content .submenu ul li.current ,.main_content .submenu ul li:hover{background-color: #013b96;}
    .main_content .submenu .current a,.main_content .submenu a:hover{ color: #fff;}
}

/*栏目标题*/
.column_title{padding-top: 6%;padding-bottom: 4%;overflow: hidden;}
.column_title h2{font-weight: bold; font-size: 36px; line-height: 150%; color: #494949;}
.column_title h3{ font-size: 12px; color: #aaa; text-transform: uppercase;}
.column_title .more{float: right; margin: -32px 0 0; line-height: 200%; color:#494949;}
.column_title .more:hover{color:#013b96;}
.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 #013b96;}
.column_title br{display: none;}
.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;}
}
@media screen and (max-width: 767px){
    .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:#013b96; 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: #013b96;}
@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;}
}

/*页面标题*/
.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;}
.page_title h3{font-size: 16px;line-height: 100%;color: #aaa;text-transform: uppercase;font-weight: lighter; display: none; }
/* .page_title:after{content: ''; position: relative;top:8px; margin-bottom: -3px; width: 50px; height: 3px; background: #013b96; 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: 767px){
    .page_title h1,.page_title h2{ font-size: 24px;}
    .page_title h3{font-size: 12px;}
    .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 ></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:#013b96;}

/*三级菜单*/
.page_title   .threemenu{margin-top: 2em;}
.threemenu{ position: relative; overflow: hidden;overflow-x: auto;width: 100%;  border-bottom: none;}
.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;width: 100%;}
.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;}
.threemenu li a{display: block;padding: 1.5em 2em;position: relative; overflow: hidden;z-index: 1;}
.threemenu li.current a{color: #013b96;}
.threemenu li.current a:before{content:"";display: block; background: #013b96; height: 2px; position: absolute;left: 0;bottom:0;right: 0;}
.threemenu li.current a:after{content:"";display: block; background: #fff; border:2px solid #013b96; height: 1em; width: 1em; position: absolute;left: 50%;bottom:-.5em; 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){
    .threemenu li{padding: 0 ;}
    .threemenu li a{padding: 1em 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: #013b96; color:#fff; border: 1px solid #ddd;padding: 2px 8px;}
.into_content td{border:1px solid #ddd; padding: 2px 8px;}
.into_content .color{color:#013b96;}
.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:#013b96; color: #fff; border: 1px solid #013b96; }
.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(/uploads/image/gltsimages/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(/uploads/image/gltsimages/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:#013b96;}
.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:#013b96;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;}