.maincolor{color:#8A8A8A;/*文字*/color:#494949;/*重文字*/color:#333;/*特重文字*/color:#095195;/*主色调*/ 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: 1.875em;background: #FFF;color:#000000;}

a{cursor: pointer;color:#8A8A8A;}
a:hover{color: #095195;}
a img{border:0;} 

.container {margin: 0 auto;max-width: 1920px;min-width: 320px;position: relative;width: 100%;overflow: hidden;}
.content{position: relative; padding: 5.625em 0 0;}
.main_content:after{content:""; display: block; clear: both;}
.indent_content{margin: 0 auto;width:1300px;min-width: 1326px; padding-left: 20px !important; padding-right: 20px !important;}
.bg_container{ background:  no-repeat center center; background-size:cover;}
.bg_container img{opacity: 0;width: 100%;}
.swiper-wrapper,.swiper-slide{height: auto !important;}
/* @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;}
}
@media screen and (max-width: 1280px){
    /*body {font-size: 12px;}*/
    .content{padding: 4em 0 0;}
} 

@media screen and (max-width: 767px){
    html {font-size: (100vw / 7.5) ;}
    .indent_content{padding-left: 8% !important; padding-right: 8% !important;}
}
/* @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: 5.625em;z-index: 30;background:#FFF;min-width: 320px;box-shadow: 0 0 3px rgba(0, 0,0,.3);}
.header .header_content{ position: relative;max-width:1920px;height:100%;}
.header .logo{position: absolute; width: 29em; 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 .logo img.color_w{ display: none;}
.header .menu h2{display: none;}
.header .sitesearch{position: absolute; right: 20px; top:50%; line-height: 2em; height: 2em; margin: -1em 0 0;z-index: 35;width: 10em; background: #DDD; border-radius: 1em;}
.header .sitesearch input{ width: 8em; padding: 0 0 0 1em; height: 2em; line-height: 2em; color: #333; background: none; outline: none; border:none;}
.header .menu_content{list-style-type: none;position: absolute;right:0px;margin:-2.8125em 5em 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 > li:hover{background: #26136D;} 
/* .header .menu_content > li.current,.header .menu_content > li.indexcurrent{background: rgba(213, 0, 29, 1);}*/

.header .menu_content h3{line-height: 5.625em; font-weight: bold;}
.header .menu_content h3 a{position: relative;display: inline-block;color: #333;z-index: 1;transition: z-index .25s linear .5s;padding: 0 1.5em;}
.header .menu_content h3 a:hover{color:#095195;}
.header .menu_content > li:hover h3 a{color:#FFF;}
/* .header .menu_content > li.current h3 a,.header .menu_content > li.indexcurrent h3 a{color:#FFF;} */
.header .menu_content > li.current h3 a:after{ content: ""; background: #095195; right: 1.5em; left: 1.5em; bottom:0; height: 2px; display: block; position: absolute;}
.header .menu_content > li.current:hover h3 a:after{background: #FFF;}
.header .menu_content ul{visibility: hidden;opacity: 0;transition: opacity .5s linear;z-index: 10;position: absolute;left:0;line-height: 2em;top:100%;background:#FFF;text-align: left;padding:1em 0;min-width: 100%;box-shadow: 1px 1px 2px rgba(0,0,0,.3);}
.header .menu_content > li:hover ul{visibility: visible;opacity: 1;}
.header .menu_content ul a{position: relative;display: block;color:#333;padding: 0 1em;}
.header .menu_content ul a:hover{ color:#095195;}
.header .language a{ color: #000; display: block;}
.header .language a:hover{color: #095195;}
.header .language + .sitesearch{width: 2em;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{background: #DDD; width: 10em;}
.header .language + .sitesearch:hover input{opacity: 1;}
.header .language + .sitesearch + .menu_content{margin:-2.8125em 6.5em 0 0;}

@media screen and (max-width: 1280px){
    .header{height: 4em;}
    .header .menu_content{margin:-2em 10.5em 0 0;}
    .header .menu_content h3{line-height: 4em;}
    .header .menu_content > li h3 a{padding: 0 .875em;} 
    .header .menu_content ul a{padding:0 .875em;}
    .header .menu_content > li.current h3 a:after{right: .875em; left: .875em;}
    .header .language + .sitesearch + .menu_content{margin:-2em 6em 0 0;}
}

@media screen and (max-width: 1024px){
    .header.nofix.mshow{position: fixed;}
    .header .menu h2{display: block;position: absolute;right:20px;top:50%;width: 3em;height: 0em;padding: 3em 0 0;margin-top: -1.5em;z-index: 35;overflow: hidden;cursor: pointer;transform: scale(.8);}
    .header .menu h2:before{content:"";position:absolute;left:.5em;width:2em;top:1.44em;height:0.12em;background:#333;transform:translate(0,-1em);transition:all .4s ease-in;}
    .header .menu h2:after{content:"";position:absolute;left:.5em;width:2em;top:1.44em;height:0.12em;background:#333;transform:translate(0,1em);transition:all .4s ease-in;}
    .header .menu h2 span:before{content:"";position:absolute;left:.5em;width:2em;top:1.44em;height:0.12em;background:#333;transition:all .4s ease-in;}
    .header .menu h2 span:after{content:"";position:absolute;left:.5em;width:2em;top:1.44em;height:0.12em;background:#333;transition:all .4s ease-in;}
    .header .menu.menu_show h2:before{background:#095195;transform:translate(0,0) rotate(45deg);left:0;width:3em;}
    .header .menu.menu_show h2:after{background:#095195;transform:translate(0,0) rotate(-45deg);left:0;width:3em;}
    .header .menu.menu_show h2 span:before{background:#095195;transform:translate(0,0) rotate(45deg);left:0;width:3em;}
    .header .menu.menu_show h2 span:after{ background:#095195;transform:translate(0,0) rotate(-45deg);left:0;width:3em;}
    
    .header .sitesearch{right: calc(4.5em + 20px); top:50%;visibility: hidden; opacity: 0; transition: opacity 1s ease-in;}
    .header .menu.menu_show .sitesearch{visibility: visible;opacity: 1;}
    
    .header .menu_content{background: #FFF;position: fixed;margin-top: 0;width: 80%;padding: 0 5%;top:0;bottom:0;right: -80%;border-top: 4em solid #FFF;transition: right .4s ease-in;margin: 0; overflow: auto;}
 
    .header .menu.menu_show .menu_content{right:0;}
    .header .menu.menu_show .menu_content > li{display: block;padding: 0;}
    .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: 3em;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 #095195;}
    .header .menu_content > li.current h3 a:hover,.header .menu_content > li.indexcurrent h3 a:hover{color:#095195;}
    .header .menu_content > li.current h3 a:after{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:#095195;}
    .header .menu_content ul{display: block;visibility: visible;position: relative;left: 0;width: auto;margin: -3em 0 0 0;padding: 3em 0 0;top:0;height: 0;overflow: hidden;background: none;bottom: auto;left: 0 !important;right: 0 !important;line-height: 2.5em;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: 2em;background: none;margin-bottom: 0;padding: 0;border-bottom: none;color: #333;}
    .header .menu_content ul a:hover{background: none;color: #095195;}
    
    .header .language{visibility: hidden; opacity: 0; transition: opacity 1s ease-in; margin: -1em 14em 0 0;}
    .header .menu.menu_show .language{visibility: visible;opacity: 1;}
    .header .language + .sitesearch{right: calc(3.5em + 20px); background: #DDD; width: 10em;}
    .header .language + .sitesearch + .menu_content{margin:0;}
}
@media screen and (max-width: 767px){
    .header .logo{left: 5%;max-width: 60%;}
    .header .menu h2{right: 4%;}
    .header .sitesearch{right: calc(4.5em + 4%);}

    .header .language{right: 4%;margin: -1em 11.5em 0 0;}
    .header .language + .sitesearch{right: calc(3em + 4%); width: 8em;}
    .header .language + .sitesearch input{width: 6em;}
}

/*页尾*/
.footer {position: relative;z-index: 25; background: #353535;}
.footer .footer_content{padding-top: 3em; padding-bottom: 2em;}
.footer .footer_content:after{content: ""; clear: both; display: block;}
.footer .sitemap{ float: left; list-style-type: none; overflow: hidden; white-space: nowrap;}
.footer .sitemap > li{ display: inline-block; margin-right: 5em; vertical-align: top;}
.footer .sitemap h3{line-height: 3em; font-size: 1.167em; font-weight: bold;}
.footer .sitemap h3 a{color: #333;}
.footer .sitemap h3 a:hover{color: #095195;}
.footer .sitemap ul{list-style-type: none;}

.footer .ewm{text-align: center;  margin-bottom:2em; white-space: nowrap;}
.footer .ewm .ewm_con{width:7.125em; display: inline-block; position: relative; margin:0 0 0 0em;}
.footer .ewm img{width: 100%;}
.footer .ewm_con:after{content:""; left:-2.166em; top:0; bottom:0; width: 1px; background: #DDD; position: absolute;}
.footer .ewm .ewm_con:first-child{margin: 0;}
.footer .ewm .ewm_con:first-child:after{display: none;}

.footer .friendship{position: relative; float: right; white-space: nowrap;clear: right; margin-left: -10em;}
.footer .friendship h3{ position: relative;border: 1px solid #DDD; border-radius: .25em; line-height: 2.25em; height: 2.25em; padding: 0 1.75em 0 1em; color: #494949; cursor: pointer;}
.footer .friendship h3:after{content: "﹀";position: relative;left: .75em;top:.125em;}
.footer .friendship ul{display: none; position: absolute; right: 0; bottom:2.25em; list-style-type: none; border:1px solid #DDD; background: #FFF; line-height: 2em; 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 1.25em;color:#494949;}
.footer .friendship ul a:hover{background:#095195;color: #FFF; }
.footer .friendship.show ul{display: block;}
.footer .copy_content{ text-align: center; padding-bottom: 1em;}
.footer .copy_content:before{content: "";display: block;border-top:1px solid #DDD; height: 1em;}
.footer .footerlink{list-style-type: none;white-space: nowrap; margin-bottom: .5em;}
.footer .footerlink > li{display: inline-block;padding:0 1em;position: relative;}
.footer .footerlink > li:before{content:"";position: absolute;left: 0;width: 1px;height: 0.8em;top:50%;margin-top: -0.4em;background: #8A8A8A;}
.footer .footerlink > li:first-child:before{ display: none;}
.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: .5em; float: left; position: relative; top:31px}
.footer .sitelink > li{display: inline-block;padding:0 1em;position: relative; margin-right: -.33em;}
.footer .sitelink > li:first-child:before{ display: none;}
.footer .links{position: relative; float: left;clear: both;}
.footer .links .friendship{ float: left; margin-left: 1em;}
@media screen and (max-width: 1280px){
    .footer .sitemap > li{margin-right: 2em;}
}
@media screen and (max-width: 1024px){
    .footer .sitemap{ float: none; text-align: left;  width: 100%; display: table; margin: 0 0 2em;}
    .footer .sitemap > li{ display: table-cell; margin: 0em;}
    .footer .ewm{ margin-bottom: -2.25em;}
    .footer .ewm:after{display: none;}
    .footer .links{ float: left;margin-left: 0;}
    .footer .links .sitelink{ float: right; margin-left: -1em;}
    .footer .links .friendship{ float: left; clear: none; margin-left: 0; margin-right: .75em;}
    .footer .links .friendship ul{left: 0; right: auto;}
}
@media screen and (max-width: 767px){
    .footer .sitemap > li{ display:block; margin: 0em;}
    .footer .sitemap > li h3{line-height: 2em;}
    .footer .sitemap > li ul{white-space: normal;}
    .footer .sitemap > li ul li{ display: inline-block; vertical-align: top; margin-right: 2em; white-space: nowrap;}
    .footer .footer_content{text-align: center;}
    .footer .ewm{float: none;  margin: .25em auto 1em; top:0;}
    .footer .ewm .ewm_con{ margin:0 0 0 2em;}
    .footer .ewm_con:after{left: -1.166em; }
    .footer .friendship{float: none; display: inline-block; margin: 0;}
    .footer .friendship ul{ position: absolute; right: 50%; transform: translateX(50%); text-align: left; }
    .footer .copy_content{padding: 1em 8%;}
    .footer .footerlink > li{padding: 0 .5em;}
    .footer .links{ float: none;}
    .footer .links .sitelink{ float: none;margin: 0; display: inline-block;}
    .footer .links .friendship{ float: none; margin-right: 0;}
    .footer .links .friendship ul{ left: auto; right: 50%;}
    .footer .sitelink > li{padding: 0 .5em;}
}
/*快捷导航*/
.quickmenu{ position: fixed;display: block !important; right: 0em; top:50%; transform: translateY(-50%); list-style-type: none; opacity: .5; z-index: 30; transition: opacity .5s linear;background: #FFF; border-radius: .5em; box-shadow:-.25em .25em .5em rgba(0, 0,0,.3); transition:right .25s linear;}
.quickmenu:hover{opacity: 1;}
.quickmenu li{width: 5em; padding: 0 .25em; position: relative;z-index: 2;}
.quickmenu .quicklink{display: block; overflow: hidden; width: 4.5em; padding: 1em 0; position: relative; text-align: center; color: #095195;}
.quickmenu li:before{content:""; width: 3.5em; margin: 0 auto; display: block; height: 1px; background: #DDD;}
.quickmenu li:first-child:before{display: none;}
.quickmenu .quicklink span{display: block; font-size: .75em; line-height: 2em;}
.quickmenu .additional{position: absolute; right: 100%;  top:.84375em; display: none;}
.quickmenu li:hover .quicklink{color: #333;}
.quickmenu li:hover .additional{display: block;}
.quickmenu .additional.tel h4{font-weight: lighter; font-size: 1em; color: #333; line-height: 1.5em;}
.quickmenu .additional.tel h4 span{color: #AAA; font-size: .875em; margin-left: .25em;}
.quickmenu .additional.tel strong{color: #095195; display: block; font-size: 1.5em; left: 1.875em;}
.quickmenu .additional.ewm img{height: 100%;}
/* @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: 0; bottom:0; z-index: 10; transition:z-index .25s linear;}
    .quickmenu:before{ position: absolute; content: "《"; left: 0; top:50% ; margin-top: -1em; line-height: 2em; z-index: 10; }
    .quickmenu:hover,.quickmenu.show,.quickmenu.showing{ display: block;right: 0;}
    .quickmenu:hover:after,.quickmenu.show:after,.quickmenu.showing:after{z-index:1;}
    .quickmenu:hover:before,.quickmenu.show:before,.quickmenu.showing:before{ display: none;}
    .quickmenu .quicklink img{right: -100%;}
}
@media screen and (max-width: 1024px){
    .quickmenu{top:auto; bottom:4em; transform: translateY(0);}
}

/*banner*/
.banner{position: relative;height: 0;padding: 0 0 calc(690% / 19.2); overflow: hidden; margin-bottom: -1px;}
.banner .bg_container{position: absolute; left: 0; top:0; right: 0; bottom:0; overflow: hidden;}
.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: 3em;}
.banner .txt_container img + h2{display: none;}
.banner .txt_container h2{line-height: 2em;font-size: 2em;color: #095195;font-weight: bold;position: relative;padding-bottom: .25em;text-transform: uppercase;/*font-family:"FZCSJW";*/}
.banner .txt_container h2:after{content:"";position: absolute;left: 0;bottom: 0;width: 1.25em;height: 1px;background: #095195;}

/*面包屑导航*/
.nav{ line-height:4em; border-bottom:1px solid #DDD;}
.nav a{margin-right: .5em;}
.nav a:hover{ color: #095195;}
.submenu + .nav{position: relative; top:-2em}

.submenu{line-height:400%; margin-bottom: 32px;  background: #F4F4F4;border-top:2px solid #095195; }
.submenu ul{list-style-type: none;text-align: center; display: table; position: relative;background: #F4F4F4;}
.submenu ul li{ display: table-cell; position: relative;}
.submenu a{display: block;  color: #666; font-weight: bold; transition:  color .5s linear,background .5s linear;padding: 0 .5em; white-space: nowrap;}
.submenu .current ,.submenu li:hover{transition:background-color .5s linear;}
.submenu .current a,.submenu a:hover{ background: #095195; color:#FFF;}
.submenu br{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: #095195;}
.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{ background: #095195; color:#FFF;}
@media screen and (max-width: 1366px){
    .submenu{line-height: 350%;border-top:2px solid #095195;background: #F4F4F4;}
    .submenu ul{padding: 0 !important;top:0; margin-bottom:0;}
    .submenu .current ,.submenu li:hover{background-color: #F0F0F0;}
}
@media screen and (max-width: 767px){
    .main_content .submenu{ float: none; width: auto; padding-top: 0; background: #F0F0F0; margin: 0 -9.524%;border-top:2px solid #095195;}
    .main_content .submenu h3{ display: none;}
    .main_content .submenu ul{display: table;}
    .main_content .submenu ul li{display: table-cell; margin-bottom: 0; background:none;}
    .main_content .submenu.longtxt ul{display: block;overflow-x: auto; white-space: nowrap;}
    .main_content .submenu.longtxt ul li{ display: inline-block; margin-right: -.33em;}
    .main_content .submenu ul li.current ,.main_content .submenu ul li:hover{background-color: #095195;}
    .main_content .submenu .current a,.main_content .submenu a:hover{ color: #FFF;}
    .submenu{line-height:300%; font-size: 14px; }
    .submenu ul{padding: 0;display: table;}
    .submenu ul li{display: table-cell;}
    .submenu.longtxt ul{display: block;overflow-x: auto; white-space: nowrap;}
    .submenu.longtxt ul::-webkit-scrollbar{height: 4px;}
    .submenu.longtxt ul::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 2px;}
    .submenu.longtxt ul li{ display: inline-block; margin-right: -.33em;}
}


/*栏目标题*/
.column_title{padding-top: 1%;padding-bottom:0%;overflow: hidden;}
.column_title h2{font-size: 2.75em; line-height: 1.5em; color: #494949;}
.column_title h3{ font-size: 1em; color: #AAA; text-transform: uppercase; line-height: 1.875em;}
.column_title .btn_more{float: right; margin: -2em 0 0; line-height: 2em;border: 1px solid #DDD;padding: 0 1.5em;}
.column_title .tab{ float: right; white-space: nowrap; margin: -2em 5em 0 0;line-height: 2em;}
.column_title .tab li{ display: inline-block; cursor: pointer;}
.column_title .tab li a{display: block; padding: 0 1em;}
.column_title .tab li.current a,.column_title .tab li a:hover{color: #FFF; background: #095195;}
.column_title br{display: none;}
.into-page .column_title{ text-align: center;}
@media screen and (max-width: 1440px){
    .column_title h2{font-size: 2.25em;}
    .column_title h3{font-size: .875em;}
}
@media screen and (max-width: 1280px){
    .column_title h2{font-size: 2em;}
    .column_title h3{font-size: .75em;}
}
@media screen and (max-width: 767px){
    .into-page .column_title h2{font-size: 1.375em;}
    .into-page .column_title h3{font-size: .625em;}
    .column_title br{display: block;}
    .column_title .btn_more{font-size: .75em;margin: -2.25em 0 0;}
    .column_title .tab{float: none; margin: 1em 0 0; width: 100%; display: flex;text-align: center;display: table\9; font-size: 0.75em;}
    .column_title .tab li{ flex:1; padding: 0 1px;display: table-cell\9;}
    .column_title .tab li a{background: #F0F0F0;padding: 0 .5em;}
}

/*页面标题+三级菜单*/
.page_title{padding:6% 0 2%;}
.submenu + .main_content .page_title{padding:5% 0 2%;}
.page_title.hasbor{border-bottom: 1px solid #DDD;}
.page_title h1,.page_title h2{ font-size: 2.75em;line-height: 1.5em;color: #494949; font-weight: lighter;}
.page_title h3{font-size: 1em;line-height: 1em;color: #AAA;text-transform: uppercase;font-weight: lighter;}
.page_title .threemenu{ list-style-type: none; position: relative; overflow: hidden;}
.page_title .threemenu:first-child{margin-top: -5%;}
.page_title .threemenu:after{content:"";display: block; background: #DDD; height: 1px; position: absolute;left: 0;bottom:0;right: 0;}
.page_title .threemenu li{float: left; margin: 0 1em; text-align: center;}
.page_title .threemenu li a{display: block;padding: 1.5em 2em;position: relative; overflow: hidden;z-index: 1;}
.page_title .threemenu li.current a{color: #095195;}
.page_title .threemenu li.current a:before{content:"";display: block; background: #095195; height: 2px; position: absolute;left: 0;bottom:0;right: 0;}
.page_title .threemenu li.current a:after{content:"";display: block; background: #FFF; border:2px solid #095195; height: 1em; width: 1em; position: absolute;left: 50%;bottom:-.5em; margin-left: -.5em; transform: rotate(-45deg);}
.page_content{ padding: 2% 0 10%;}
.page_content h2.til{font-size: 1.25em; font-weight: bold; line-height: 1.5em; color: #333; padding: .75em 0;}
.main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: right; width: 70%;}
@media screen and (max-width: 1440px){
    .page_title h1,.page_title h2{font-size: 2.25em;}
    .page_title h3{font-size: .875em;}
}
@media screen and (max-width: 1280px){
    .page_title h1,.page_title h2{font-size: 2em;}
    .page_title h3{font-size: .75em;}
}
@media screen and (max-width: 1024px){
    .page_title h1,.page_title h2{font-size: 1.75em;}
    .page_title h3{font-size: .75em;}
}
@media screen and (max-width: 767px){
    .main_content .submenu ~ .page_title,.main_content .submenu ~ .page_content{ float: none; width:auto;}
    .page_title .threemenu{ display: table; width: 100%; font-size: .75em;}
    .page_title .threemenu li{margin: 0; display: table-cell; float: none;}
    .page_title .threemenu li a{padding: 1em 0;}
    .page_content h2.til{font-size: 1em;}
}

/*四级菜单样式*/
.fourmenu{ padding: 0 0 1em; overflow: hidden;}
.fourmenu ul{list-style-type: none; white-space: nowrap; float: left; margin-bottom: .5em;}
.fourmenu li{ display:inline-block; margin-right: .5em;}
.fourmenu li a{display: block; text-align: center; border: 1px solid #8A8A8A; border-radius: 1em; height: 2em; line-height: 1.875em; padding: 0 2em;}
.fourmenu li.current a{ color: #FFF; background: #095195; border: 1px solid #095195;}
.fourmenu.style2 li a{border:1px solid #095195; color: #095195; border-radius: 0;}
.fourmenu.style2 li a:before{content: "■"; margin-right: .5em; transform: scale(1.5); display: inline-block; line-height: 1em; vertical-align:text-top;}
.fourmenu.style2 li.current a{ color: #FFF; background: #095195;}

.fourmenu .search_con{ position: relative; float: right; line-height: 2em; height: 2em;width:22em; background: #F0F0F0; border: 1px solid #ccdcea; border-radius: 1em;}
.fourmenu .search_con input{ width: 20em; padding: 0 0 0 1em; height: 2em; line-height: 2em; color: #333; background: none; outline: none; border:none;}
@media screen and (max-width: 767px){
    .fourmenu{font-size: .75em;}
    .fourmenu li a{padding: 0 1.25em;}
}

/*调用文字区*/
.into_content{line-height: 1.875em;}
.into_content p{margin: .8em 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_conten th{font-weight: bold; margin: .4em 0; color: #494949;}
.into_content h2{font-size: 1.25em;}
.into_content h3{font-size: 1.167em;}
.into_content img{max-width: 100%; height: auto !important;}
.into_content th{background: #494949; color:#FFF;}
.into_content .color{color:#095195;}
.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;}
@media screen and (max-width: 767px){
    .into_content p{ text-align: inherit;}
}

/*翻页按钮样式*/
.turnpage{ padding-top: 2em; text-align: right; margin-bottom: 2em; white-space: nowrap;}
.turnpage.left{text-align: left;}
.turnpage a,.turnpage span,.turnpage input{ text-align: center; display: inline-block;  width: 2em; height: 2em; line-height: 1.875em; margin: 0 .125em; border: 1px solid #DDD; vertical-align: middle; border-radius: .25em;}
.turnpage a.current,.turnpage a:hover{ background:#095195; color: #FFF; border: 1px solid #095195; }
.turnpage input{ width: 4em;}
.turnpage br{display: none;}
@media screen and (max-width: 767px){
    .turnpage,.turnpage.left{text-align: center;}
}
@media screen and (max-width: 560px){
    .turnpage{ margin: 0 -9%; line-height: 3em; font-size:.75em;}
    .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: 2em 0 0; left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 80%; width: 720px;}
.video_layer .video_container .video_content{ position: relative; overflow: hidden;}
.video_layer .video_container .video_content video{ width: 100%; background: #000;position: relative;}

.popup_layer{position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%; background: rgba(0, 0,0,.8); display: none;}
.popup_layer .popup_container{ position: absolute; padding: 2em 0 0; left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 80%; width: 720px;display: none;}
.popup_layer .popup_content{ position: relative; overflow: hidden; background: #FFF; border-radius: .5em;}
.popup_layer .popup_til{ background: #095195; color: #FFF; line-height: 3em; height: 3em; text-align: center; font-size: 1.125em;}
.popup_layer .page_form .routine{ padding: 2em; border-bottom:1px solid #DDD ;}
.popup_layer .page_form input{border:1px solid #AAA;border-radius: .25em;}
@media screen and (max-width: 767px){
    .popup_layer .popup_til{line-height: 2em; height: 2em;}
}

/* 弹框:链接跳转外站 */
.jmpLinkLayer {
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.jmpLinkLayer .jmpLinkLayer-con {
    width: 500px;
    height:248px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    font-weight: 400;
}

@media screen and (max-width:768px) {
    .jmpLinkLayer .jmpLinkLayer-con {
        width: 300px;
        height:148px;
    }
}

.jmpLinkLayer .tips {
    display: block;
}

.jmpLinkLayer .tips span {
    display: block;
    text-align: center;
    margin: 10px 0;
}

.jmpLinkLayer .tips span b {
    font-weight: 400;
    font-style: normal;
}
@media screen and (min-width:0px) and (max-width: 767px) {
    .video-frame {
        border: none;
        width: 100%;
        margin: 0 auto;
        height: 200px;
        margin-top: 15px;
    }
}