*{padding:0; margin:0;}
body{ font: 16px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;min-width: 340px;}
img {border:0px; display:block; }
ul,li,dt,dd,dl{list-style:none;}
a{color:#000; text-decoration:none; cursor:pointer;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.2s ease-in-out;}
div,p,span,a{word-wrap:break-word;text-decoration:none;}
div:focus,a:focus,p:focus,span:focus{ outline:none; }
a:hover{ color:#3B77FE; text-decoration:none;}
input{ outline:none;}

.header{ background-color: #ffffff; padding: 20px 0px; position: relative; overflow: hidden;}
.header_logo{ position: absolute; left: 0px; top: 50%; height: 48px; margin-top: -24px; z-index: 99; }
.header_menu{ text-align: center; margin: 0px 100px; position: relative;}
.header_menu a{ line-height: 48px; height: 48px; font-size: 16px; margin: 0px 8px;}
.header_menu_active{ color: #FC7318 !important;}
.header_right{ display: block; position: absolute; top: 50%; right: 0px; height: 38px; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 38px; margin-top: -19px; padding: 0px 16px; border-radius: 6px; background: #3B77FE;}
.header_right:hover{ background: linear-gradient(to right, #3B77FE 0%, #853BFE 100%); color: #ffffff;}

.content{ width: 75%; margin: 0 auto; z-index: 999; overflow: hidden; position: relative; }

.banner{ overflow: hidden; position: relative;}
.banner img{ width: 100%; display: block;}
.banner_button02{ position: absolute; bottom: 30%; left:20%;}
.banner_button02:hover .banner_button02_code{ display: block; }
.banner_button02_code{ display: none; position: absolute; top: -50px; z-index: 999; background: linear-gradient(to right, #3B77FE 0%, #853BFE 100%); color: #ffffff; text-align: center; font-size:14px; line-height:30px; width: 140px; height: 166px; border-radius: 6px;}
.banner_button02_code img{ width: 130px; height: 130px; margin:5px auto 0 auto;}
.banner_button02_font{height: 44px; border: 2px solid #3B77FE; color: #3B77FE; line-height: 44px; font-size: 20px; font-weight: bold; display: block; padding: 0px 26px; border-radius: 6px;}
.banner_button01{ height: 48px; position: absolute; bottom: 30%; left:6%; line-height: 48px; font-size: 20px; font-weight: bold; display: block; padding: 0px 26px; border-radius: 6px;background: linear-gradient(to right, #3B77FE 0%, #853BFE 100%); color: #ffffff;}
.banner_button01:hover{background: linear-gradient(to right, #853BFE 0%, #3B77FE 100%); color: #ffffff;}
.banner_button02_font:hover{background: linear-gradient(to right, #3B77FE 0%, #853BFE 100%); color: #ffffff;}
.banner .content{ position: absolute !important; left: 15%;height: 100%;}

.index_title{ text-align: center; font-size: 32px; line-height: 45px; color: #333333; margin-top: 50px;}
.index_title02{ text-align: center; font-size:14px; line-height:22px; color: #999999; margin-top:10px;}
.index_main{ overflow: hidden; position: relative;}
.index_main_div{ width: 16.6%; float: left; text-align: center; overflow: hidden; position: relative;}
.index_main_div img{ display: block; margin:50px auto 0 auto; width: 108px; height: 108px;}
.index_main_div p{ text-align: center; font-size: 16px; line-height: 22px; margin-top: 20px;}

.index_main_ul{flex-direction: row; position: relative;border-bottom: 1px solid #DDDDDD; height: 40px; margin-top: 45px; line-height: 40px; justify-content: space-between; display: flex; width: 100%;}
.index_main_ul li{ font-size: 16px; color: #999999;}
.index_main_ul_li{ color: #3B77FE !important; font-weight: bold; border-bottom: 1px solid #3B77FE;}
.index_content{ display: flex; align-items: center; margin-top: 60px; overflow: hidden; position: relative;}
.index_content_img{  width:calc(50% - 60px); margin: 0px 30px; display: inline-block;}
.index_content_div{ display: inline-block; width:calc(50% - 60px); margin: 0px 30px;  height: 100%; position: relative;}
.index_content_div_title{ width: 100%; overflow: hidden; padding: 3px 0px;position: relative;}
.index_content_div_title_main{ float: left; height: 44px; box-shadow: 0px 2px 2px rgba(59, 119, 254, 0.5); line-height: 46px; color: #ffffff; background-color: #3B77FE; padding: 0px 16px; border-radius: 25px; font-size:16px ; font-weight: bold;}
.index_content_div_title_main img{ display: inline-block; margin-right:6px; width: 24px; height: 24px; position: relative; top:6px; }
.index_content_div_font01{ line-height: 40px; margin-top: 20px; font-size: 26px; color: #333333; font-weight: bold; display: block;}
.index_content_div_font02{ line-height:30px; margin-top: 20px; font-size:14px; min-height: 90px; color: #666666; display: block;}
.index_content_div_title_button{ margin-right: 20px; padding: 10px 16px; font-size: 16px; font-weight: bold; margin-top: 14px; line-height: 22px; width: calc(50% - 62px); float: left; background-color: #FFEEC7; border-radius: 6px;}
.index_content_div_bottom{width: 100%; overflow: hidden; margin-top:20px; position: relative;}

.footer{ background-color: #2D2A44; padding: 20px 0px; margin-top: 60px; overflow: hidden; position: relative;}
.bottom{ background-color: #120023; padding:10px 0px; overflow: hidden; position: relative;}
.bottom_div{ text-align: center; overflow: hidden; position: relative; color: #ffffff; font-size:12px ; line-height: 22px;}
.bottom_div a{ color: #ffffff !important;}
.bottom_div a img{ display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: relative; top:1px;}
.bottom_div span{ margin: 0px 10px;}
.footer_bottom{ border-top: 1px solid #505050; padding-top: 20px; margin-top: 20px; overflow: hidden; position: relative; }
.footer_bottom img{ display: inline-block; height: 12px; position: relative; top: 2px;}
.footer_bottom span{ font-size: 12px; color: #ffffff; margin-right: 20px;}


.footer_main{ overflow: hidden; position: relative; color: #ffffff;}
.footer_main_left{ width: 70%; float: left; overflow: hidden; position: relative;}
.footer_main_code{ width: 30%; text-align: right; float: right; overflow: hidden; position: relative;}
.footer_main_code_font{ display:inline-block; height: 130px; overflow: hidden; position: relative;}
.footer_main_code_font p{ margin-top:40px; font-size: 16px; line-height: 30px;}
.footer_main_code_img{  display:inline-block;width: 130px; height:130px ; margin-left: 10px;}
.footer_main_left img{ display: block; float: left; height: 24px;}
.footer_main_left a{ color: #ffffff; line-height: 24px; height: 24px; margin-top: 55px; width: 20%; float: left;}

.phone{ display: none;}
.pc{ display: block;}

@media (max-width:991px) {
    .content{ width:calc(100% - 40px); padding: 0px 20px;min-height:36px;}
    .header_logo{ left: 20px; height: 36px;margin-top: -18px;}
    .header_right{ right: 20px;}
    .header_menu{ display: none;}
    .index_main_div{ width: 33.33%;}
    .index_content_img,.index_content_div{width: calc(100% - 60px);}
    .index_content{ display: block;}
    .footer_main_left{ width: 100%;}
    .footer_main_code{ width: 100%; float: left; margin-top: 20px; text-align: center;}
    .footer_main_code img{ width: 80px; height: 80px;}
    .footer_main_code_font{ height: 80px;}
    .footer_main_code_font p{ margin-top: 10px; font-size: 14px;}
    .footer_main_left a{ margin-top: 0px; font-size: 15px; width: auto; margin-right:15px;}
    .footer_main_left img{ height: 20px;}
    .phone{ display: block;}
    .pc{ display: none;}
    .price_mian_font{ width: calc(100% - 40px) !important;}
    .price_mian_font02{ width: calc(100% - 40px) !important; border-top: 1px solid #e5e5e5; border-left: 0px !important;}
}
@media (max-width:1440px) {
    .banner_button02{ left:25%;}
    .banner_button01,.banner_button02{ bottom: 20%;}
}


.price_mian{ border: 1px solid #e5e5e5;overflow: hidden; margin-top: 60px; position: relative; box-shadow: 0px 3px 3px #e5e5e5;}
.price_mian_font{ width:calc(50% - 40px); overflow: hidden; float: left; color: #000; padding: 50px 20px; position: relative; text-align: center;height: 100%;}
.price_mian_font02{ width:calc(50% - 42px) ;  border-left: 1px solid #e5e5e5; overflow: hidden; float: left; color: #000; padding: 50px 20px; position: relative; text-align: center;height: 100%;}
.price_mian_font_p01{ font-size: 20px; line-height: 28px; height: 28px;}
.price_mian_font_p02{ height:100px; line-height:100px; margin:20px 0px; }
.price_mian_font_p02_span01{  font-size: 36px; font-weight: bold;}
.price_mian_font_p02_span02{  font-size:60px; font-weight: bold; margin: 0px 5px;}
.price_mian_font_p02_span03{  font-size:16px; line-height: 32px !important;}
.price_mian_font_p03{ height:40px; font-size: 16px; font-weight: bold;  color: #e01414; }
.price_mian_font_a01{ width: 50%; height: 50px; border: 1px solid #3B77FE; line-height: 50px; border-radius: 40px; display: block; margin:20px auto 0 auto; color: #ffffff; font-size: 14px; background-color: #3B77FE; font-weight: bold; text-align: center;}
.price_mian_font_a01:hover {
    background: linear-gradient(to right, #3B77FE 0%, #853BFE 100%);
    color: #ffffff;}
.price_mian_font_a02{ width:100%; height: 50px; border: 1px solid #FC9539; line-height: 50px; border-radius: 40px; display: block; margin:20px auto 0 auto; color: #FC9539; font-size: 14px; font-weight: bold; text-align: center;}
.price_mian_font_a02:hover {
        background:#FC9539;
        color: #ffffff;}
.price_mian02{ border: 1px solid #e5e5e5;overflow: hidden; margin-top:30px; position: relative; padding: 10px; }
.price_mian02_div{ padding: 12px 20px; overflow: hidden; position: relative;}
.price_mian02_div02{ background-color: #f5f5f5;}
.price_mian02_div_title{ font-size:20px; line-height: 24px;color: #333333; float: left; font-weight: bold; width: 75%;}
.price_mian02_div_title02{ font-size:16px; line-height: 24px; color: #333333;float: left; font-weight: bold; width:25%;}
.price_mian02_div_p{ font-size:14px; line-height: 24px; color: #333333; float: left; font-weight: bold; width: 75%;}
.price_mian02_div_p02{font-size:14px; line-height: 24px; color: #999999; float: left; font-weight: bold; width: 75%;}
.price_mian02_div_box{ position: relative; width: 25%; float: left;}
.price_mian02_div_box_img{ position: absolute; top: 50%; margin-top:0px; width: 24px; height: 24px; left: 0px;}

.price_mian_font_abox{ position: relative; width: 50%; margin: 0 auto;} 
.price_mian_font_abox:hover .banner_button02_code{ display: block;}
.price_mian_font_abox .banner_button02_code{ top: -115px !important; left: 50%; margin-left: -72px;}