@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{ max-width: 1920px; margin: 0 auto; font:12px"Microsoft Yahei","Arial Narrow",HELVETICA; background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

.layout, .content{ width:1400px; margin:0 auto; position:relative;}

.boxMo{ min-width:1400px;}

.marB20{ margin-bottom: 20px;}
.marB40{ margin-bottom: 40px;}
.marB80{ margin-bottom: 80px;}

/*页头*/
.banner{ height: 398px; margin-bottom: -70px; background: url(../images/banner.jpg) no-repeat center top; overflow: hidden;}
.top_bar{ display: flex; justify-content: right; margin-top: 20px}
.top_bar > a{ width: 100px; height: 30px; margin-left: 20px; font: 12px/30px "Microsoft Yahei"; text-indent: 36px; color: #fff; border-radius: 15px;}
a.top_btn_search{ background: url(../images/icon_search1.png) no-repeat 14px center #287ad6;cursor: pointer}
a.top_btn_znzx{ background: url(../images/icon_znzx.png) no-repeat 14px center #e5b528;cursor: pointer}
a.top_btn_login{ background: url(../images/icon_login.png) no-repeat 14px center #3aa3a2; cursor: pointer}
a.top_btn_zzzs{ background: url(../images/icon_zzzs.png) no-repeat 14px center #bd4640;cursor: pointer}



.top_login_center {
    background: url(../images/icon_login.png) no-repeat 14px center #3aa3a2;position: relative;width: 100px;height: 30px;margin-left: 20px;font: 12px / 30px "Microsoft Yahei";text-indent: 36px;color: #fff;border-radius: 15px;
       display: none;  
    }
.top_login_center:hover .login_list {
   display: block;  
}
.login_list {
    z-index: 1;
    position: absolute;
    padding-top: 3px;
    display: none;
}
.login_list a{
    background:#fff;
    text-align: center;
    width: 100px;
    display: block;
    font: 12px / 30px "Microsoft Yahei";
    text-indent: 0;
    color: #333;
    border-radius: 15px;
    padding: 0;
    margin-top: 2px;
    cursor: pointer;
}





.banner_logo{ position: absolute; top: 40px; left: 50%; width: 866px; height: 243px; margin-left: -443px; background: url(../images/banner_logo.png) no-repeat center top;}
.banner_logo:before{ position: absolute; top: 60px; right: -120px; width: 142px; height: 70px; background: url(../images/i_test.png) no-repeat center top; content: ""}
.banner_search{ position: absolute; bottom: 22px; right: 70px; width: 568px; height: 44px; background-color: #cbecff; border-radius: 22px;}
.banner_search:before{ position: absolute; top: 50%; left: 22px; width: 26px; height: 26px; margin-top: -13px; background: url(../images/icon_banner_search.png) no-repeat center top; content: ""}
.banner_search:after{ position: absolute; top: 50%; left: 62px; width: 1px; height: 24px; margin-top: -12px; background-color: #bee2f9; content: ""}
.banner_search .banner_search_keyowd{ position: absolute; top: 0; left: 82px; width: 360px; height: 44px; font: 14px/44px "Microsoft Yahei"; color: #71a6e1; background-color: transparent; border: 0; outline: 0}
.banner_search .banner_search_keyowd::placeholder{ color: #71a6e1}
.banner_search a.banner_search_btn{ position: absolute; top: 6px; right: 6px; width: 68px; height: 32px; font: 14px/32px "Microsoft Yahei"; color: #fff; text-align: center; letter-spacing: 4px; text-indent: 4px; background-color: #60bcff; border-radius: 16px; cursor: pointer;}


.nav{ height: 154px; background: url(../images/bg_nav.png) no-repeat center top;}
.nav .layout{ display: flex; justify-content: space-around; padding-top: 70px;}
.nav .layout a{ position: relative; width: 20%; font:  42px/84px "Microsoft Yahei"; color: #fff; letter-spacing: 12px;  text-indent: 12px; text-align: center; cursor: pointer;}
.nav .layout a:hover{ color: #fff; background: url(../images/icon_tri.png) no-repeat center bottom;}
.nav .layout a:before{ position: absolute; top: 50%; right: -1px; width: 2px; height: 32px; margin-top: -16px; background-color: #fff; content: ""}
.nav .layout a:last-child:before{ display: none;}

.bot_qrcode{ padding: 28px 0; background-color: #f7f7f7; border-top: 1px solid #e9e9e9;}
.bot_qrcode .layout{ display: flex; justify-content: space-between;}
/* .bot_qrcode_tem{ position: relative; width: 326px; height: 60px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px 2px #eee} */
.bot_qrcode_tem{ position: relative; width: 426px; height: 60px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px 2px #eee}
.bot_qrcode_show{ display: none;justify-content: center;align-items: center;position: absolute;bottom: 50px;left: 20px; width: auto;height: 140px; padding: 0 5px; background-color: #fff;border-radius: 6px;box-shadow: 4px 4px 5px 0px #eee; }
.bot_qrcode_tem:hover .bot_qrcode_show{ display: flex;}
.bot_qrcode_show img{ width: 120px; height: 120px; margin: 0 5px;}
.bot_qrcode_con{ position: relative; display: flex; align-items: center; height: 60px;}
.bot_qrcode_con:before{ width: 44px; height: 36px; margin-left: 22px; background-image: url(../images/icon_bot_qrcode.png); content: ""}
.bot_qrcode_con.wx:before{ background-position: 0 0}
.bot_qrcode_con.wb:before{ background-position: 0 -36px}
.bot_qrcode_con.sp:before{ background-position: 0 -72px}
.bot_qrcode_con.dy:before{ background-position: 0 -108px}
.bot_qrcode_con.nf:before{ background-position: 0 -144px}
.bot_qrcode_con:after{ position: absolute; top: 50%; right: 18px; width: 7px; height: 11px; margin-top: -6px; background: url(../images/arr_r2.png) no-repeat center top; content: ""}
.bot_qrcode_con > p{ margin-left: 20px;font: 16px/24px "Microsoft Yahei"; color: #273349;}

.footer{ padding: 40px 0; background-color: #0f69ce;}
.footer .layout{ display: flex; justify-content: space-between; align-items: stretch;}
.footer_l{ display: flex; justify-content: space-around; align-items: stretch; width: 685px; padding: 10px 0; background-color: #196fd0; border-radius: 20px;}
.footer_l_i{ display: flex; align-items: center;}
.footer_l_i img{}
.footer_l_des{ display: flex; justify-content: center; align-items: left; flex-direction: column;}
.footer_l_des p{ font: 14px/30px "Microsoft Yahei"; color: #fff; text-align: left;}

.footer_r{ width: 685px; padding: 10px 20px; background-color: #196fd0; border-radius: 20px; box-sizing: border-box}
.footer_r p{ font: 14px/30px "Microsoft Yahei"; color: #fff; text-align: left;}
.footer_r p a{ color: #fff;}

.toTop{ display: none; position: fixed; bottom: 20px; left: 50%; margin-left: 720px; width: 60px; height: 60px; background: url(../images/icon_top.png) no-repeat center top; z-index: 100; cursor: pointer;}