@media screen and (max-width:1024px) {}
@media screen and (min-width:1025px) and (max-width:1280px) {
.m_width{width:1000px;}
.m_marginleft{margin-left:calc((100% - 1000px) / 2)}
.m_margintop{margin-top:30px;}
.m_left{margin-left:calc((100% - 1000px) / 2)}
}
@media screen and (min-width:1281px) and (max-width:1440px) {
.m_width{width:1200px;}
.m_marginleft{margin-left:calc((100% - 1200px) / 2)}
.m_margintop{margin-top:80px;}
.m_left{margin-left:calc((100% - 1200px) / 2)}
}
@media screen and (min-width:1441px) and (max-width:1920px) {
.m_width{width:1400px;}
.m_marginleft{margin-left:calc((100% - 1400px) / 2)}
.m_margintop{margin-top:160px;}
.m_left{margin-left:calc((100% - 1400px) / 2)}
}
@media screen and (min-width:1921px) and (max-width:2560px) {
.m_width{width:2000px;}
.m_marginleft{margin-left:calc((100% - 2000px) / 2)}
.m_margintop{margin-top:250px;}
.m_left{margin-left:calc((100% - 2000px) / 2)}
}
@media screen and (min-width:2561px) and (max-width:3328px) {
.m_width{width:2600px;}
.m_marginleft{margin-left:calc((100% - 2600px) / 2)}
.m_margintop{margin-top:300px;}
.m_left{margin-left:calc((100% - 2600px) / 2)}
}
@media screen and (min-width:3329px) {
.m_width{width:2600px;}
.m_marginleft{margin-left:calc((100% - 2600px) / 2)}
.m_margintop{margin-top:300px;}
.m_left{margin-left:calc((100% - 2600px) / 2)}
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time, mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
:focus {outline: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}
html,body{font-family: '微软雅黑';}
input,textarea{border: none;}
.off{display: none}
.top{width: 100%;float: left;}
.top_bg{width: 100%;position: absolute;z-index: -2;transition:all 0.3s linear;}
.top_bg img{width: 100%;height: 100%;}
.top_bg_top{width: 100%;position: absolute;z-index: -1;transition:all 0.3s linear;}
.top_bg_top img{width:56%;height:60%;position: absolute;right: 0px;bottom: 0px}
.swiper{width: 100%;position: absolute;z-index: -3}
.top_txt{height:calc(100% - 400px);float: left;}
.top_txt_t{width:100%;height: 60px;line-height: 60px;font-size: 42px;font-weight: 700;float: left;color: #FFFFFF;margin-top: 100px}
.top_txt_c{width:100%;height: 60px;line-height: 60px;font-size: 36px;float: left;color: #FFFFFF;margin-top: 20px}
.top_txt_f{width:100%;height: 50px; line-height: 50px;font-size: 14px;float: left;color: #FFFFFF;margin-top: 20px}
.top_txt_b{width: 100px;hanging-punctuation: 32px;line-height: 32px;font-size: 14px;float: left;text-align: center;border: #fff 1px solid;color: #FFFFFF;border-radius: 3px;margin-top:40px;cursor: pointer}
.top_t{width: 100%;height:50px;float: left;border-bottom:#2D588E 1px solid;background: #254A76;position: relative}
.top_logo{height:50px;float: left;}
.top_logo_l{width: 339px; height: 50px;float: left;cursor: pointer}
.top_logo_l_ico{width: 50px;height: 50px;float: left;background:#3D7AB7;border-left:#2D588E 1px solid;border-right:#2D588E 1px solid;cursor: pointer}
.top_logo_l_ico img{width: 100%}
.top_logo_l_ico a{width: 50px;height: 50px;float: left;display: block;overflow: hidden}
.top_logo_l_nav{height: 50px;line-height: 50px;font-size: 12px;float: left;color: #FFFFFF;text-align: center;border-right:#2D588E 1px solid;padding: 0px 20px;cursor: pointer}
.top_logo_l_nav a{width: 50px;height: 50px;float: left;display: block;color: #FFFFFF;overflow: hidden}
.top_logo_c{height: 50px;width: calc(100% - 679px);float: left}
.top_logo_c_logo{width: 160px;height: 50px;margin: 0 auto}
.top_logo_c_logo_l{width: 30px;height: 30px;float: left;margin-top: 10px}
.top_logo_c_logo_l img{width: 30px;height: 30px;}
.top_logo_c_logo_r{width:120px;height: 30px;line-height: 30px;color: #FFFFFF; float: left;margin-top: 10px;font-size: 16px;margin-left: 10px}
.top_logo_r{width: 339px;height: 50px;float: left;border-right:#2D588E 1px solid;}
.top_logo_r_nav{height: 50px;line-height: 50px;font-size: 12px;float: left;color: #FFFFFF;text-align: center;border-left:#2D588E 1px solid;border-right:#2D588E 1px solid;padding: 0px 20px;cursor: pointer}
.top_logo_r_nav a{height: 50px;float: left;display: block;color: #FFFFFF;overflow: hidden}
.top_logo_r_c{height: 50px;line-height: 50px;font-size: 12px;float: left;color: #FFFFFF;text-align: center;border-right:#2D588E 1px solid;padding: 0px 20px;cursor: pointer}
.top_logo_r_c a{height: 50px;float: left;display: block;color: #FFFFFF;overflow: hidden}
.top_logo_r_r{height:50px;line-height:50px;color: #FFFFFF; float: left;font-size: 12px;text-align: right;cursor: pointer;}
.top_logo_r_r a{height:50px;line-height:50px;float: left;display: block;color: #FFFFFF;overflow: hidden;padding-right: 17px}
.top_logo_r_r img{width:20px;height:20px;float: left;margin-top: 16px;margin-right: 10px;margin-left: 18px}
.top_mulu{width: 100%;height: 100px;position: absolute;left: 0px;top: 51px;}
.top_mulu_li{width:322px;float: left;overflow: hidden;background: #254A76;border-left:#2D588E 1px solid;}
.top_mulu_li_li{width:160px;height:160px;float: left;border: #2D588E 1px solid;line-height:160px;font-size: 14px;color: #FFFFFF;text-align: center;margin-left: -1px;margin-top: -1px}
.top_mulu_li_li a{width:160px;height:160px;float: left;display: block;color: #FFFFFF}
.top_mulu_li_li a:hover{background:#3D7AB7;}
.mulu_on{background:#3D7AB7;}
.top_nav{height:80px;float: left;background: #FFF;box-shadow: 0px 0px 10px #1E3B5A;position: relative;}
.top_nav_l{width: 120px;height: 80px;float: left;}
.top_nav_l_t{width: 140px;height: 26px;line-height: 26px; color:#FFFFFF;float: left;margin-left: 20px;margin-top: 21px;font-size: 16px}
.top_nav_l_b{width: 140px;height: 12px;line-height: 12px; color:#FFFFFF;float: left;margin-left: 20px;font-size: 12px}
.top_nav_ta{width: 120px;height: 80px;float: left;background: #4689CB;display: block}
.top_nav_li{width:100%;height: 80px;float: left;}
.top_nav_li_l{width: 38px;height: 38px;float: left;margin-top: 21px;margin-left:20px;}
.top_nav_li_l img{width: 38px;height: 38px}
.top_nav_li_r{width: calc(100% - 66px);height:38px;float: left;margin-top: 21px;}
.top_nav_li_r_t{width: 100%;height: 22px;line-height: 22px; color:#333;float: left;margin-left:14px;font-size: 16px;}
.top_nav_li_r_b{width: 140px;height: 12px;line-height: 12px; color:#666;float: left;margin-left:14px;font-size: 12px}
.top_nav_la{width: calc((100% - 120px - 320px) / 3);height: 80px;float: left;display: block;transition:all 0.3s linear;overflow: hidden}
.snav_on{background:#4689CB}
.tnav_on{color: #FFFFFF}
.bnav_on{color: #FFFFFF;opacity: 0.75}
.top_nav_f{height:300px;background:#222E3C;top: -300px;position: absolute;overflow: hidden;opacity: 0.99;}
.top_nav_a{width:calc((100% / 4));height:150px;float: left;border-bottom: #324050 1px solid;cursor: pointer;transition:all 0.3s linear;display: block;}
.top_nav_f_li{width:100%;height:150px;float: left;}
.top_nav_f_li_t{width: 40px;height: 40px;float: left;margin-left:20px;margin-top:20px;opacity: 0.75}
.top_nav_f_li_t img{width: 40px;height: 40px}
.top_nav_f_li_c{width:calc(100% - 40px);height:40px;line-height:20px;float: left;font-size: 12px;color: #FFFFFF;margin-left: 20px;opacity: 0.55}
.top_nav_f_li_b{width: 100%;height: 30px;float: left;opacity: 0.75}
.top_nav_f_li_b_l{width: calc(100% - 60px);height: 30px;float: left;line-height: 30px;font-size: 14px;color: #FFFFFF;margin-left: 20px;font-weight: 700}
.top_nav_f_li_b_r{width: 20px;height: 20px;float: left;background:#3D7AB7;border-radius: 50%;margin-top: 5px;margin-right: 20px}
.top_nav_f_li_b_r img{width: 20px;height: 20px}
.top_nav_f_but{width:100%;height:150px;float: left;}
.top_nav_f_but a{width: 140px;height: 40px; background:#3D7AB7;border-radius: 20px;margin: 0px auto;margin-top: 55px;overflow: hidden;display: block;transition:all 0.3s linear;}
.top_nav_f_but a:hover{background:#264573;}
.top_nav_f_but_li{width: 140px;height: 40px;float: left}
.top_nav_f_but_li_l{width: 80px;hanging-punctuation: 40px;line-height: 40px;font-size: 14px;color: #FFFFFF;float: left;margin-left: 20px;text-align: center}
.top_nav_f_but_li_r{width: 20px;height: 20px;float: left;margin-top: 10px}
.top_nav_f_but_li_r img{width: 20px;height: 20px;}
.nav_on{background: #1C2530;opacity: 1}
.nav_on_t{opacity: 1}
.nav_on_c{opacity: 0.75}
.nav_on_b{opacity: 1}
.top_nav_c{width:130px;height: 80px;float: left;margin-left:20px}
.top_nav_ca{width:calc(100% - 0px);height: 38px;float: left;margin-left:0px;background:#4689CB;border-radius: 19px;margin-top: 21px;transition:all 0.3s linear;display: block;}
.top_nav_ca:hover{background:#264573;}
.top_nav_c_li{width:100%;height: 38px;float: left;}
.top_nav_c_li_l{width: 18px;height: 18px;float: left;margin-left:20px;margin-top:10px}
.top_nav_c_li_l img{width: 18px;height: 18px}
.top_nav_c_li_r{width: calc(100% - 48px);height: 18px;line-height: 18px;font-size: 14px;color: #FFFFFF; margin-left:10px;margin-top: 10px;float: left}
.top_nav_r{width:130px;height: 80px;float: left;margin-left: 20px}
.top_nav_ra{width:calc(100% - 0px);height: 38px;float: left;margin-left:0px;background:#CB3320;border-radius: 19px;margin-top: 21px;display: block;transition:all 0.3s linear;}
.top_nav_ra:hover{background:#722618;}
.top_nav_r_li{width:100%;height: 38px;float: left;}
.top_nav_r_li_l{width: 18px;height: 18px;float: left;margin-left:20px;margin-top:10px}
.top_nav_r_li_l img{width: 18px;height: 18px}
.top_nav_r_li_r{width: calc(100% - 48px);height: 18px;line-height: 18px;font-size: 14px;color: #FFFFFF; margin-left:10px;margin-top: 10px;float: left}
.top_down{width: 100%;height: 50px;float: left;margin-top:20px;}
.top_down_li{width: 30px;height: 30px;line-height: 30px;margin: 0px auto}
.top_down_li img{width: 100%}
.footer{width: 100%;float: left;background:#333333}
.footer_tab{float: left;}
.footer_tab_t{width: 100%;float: left;padding-bottom: 20px}
.footer_tab_t_l{width:calc(100% - 350px);float: left;}
.footer_tab_t_l_li{width:calc(100% / 4);float: left;margin-top:40px;}
.footer_tab_t_l_li_t{width: 100%;line-height: 40px;font-size: 14px;font-weight: 700;float: left;color: #FFFFFF;}
.footer_tab_t_l_li_b{width: 100%;line-height: 30px;font-size: 14px;float: left;color: #FFFFFF;opacity: 0.75}
.footer_tab_t_l_li a{color: #fff}
.footer_tab_t_r{width: 300px;float: left;margin-top: 40px;margin-left: 50px;}
.footer_tab_t_r_l{width: 140px;float: left;}
.footer_tab_t_r_r{width: 140px;float: left;margin-left: 20px}
.footer_tab_t_r_t{width: 140px;float: left;}
.footer_tab_t_r_t img{width: 140px;}
.footer_tab_t_r_b{width:140px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;text-align: center;float: left}
.footer_b{width: 100%;height:80px;line-height: 80px;font-size: 12px;text-align: center;float: left;background: #181818;color: #FFFFFF;float: left}
.footer_b a{color: #fff}
.mbx{font-size: 14px;color: #666}
.mbx a{color: #666}
.mbx a:hover{color: #333}