body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
i{font-style:normal}

html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
.content{width: 96%;max-width: 1420px; margin: 0 auto;}
    .head_search_button{width: 320px; border-radius: 30px; display: flex; align-items: center; justify-content: center; height: 50px; color: #999; background: #f1f5f8; font-size: 16px; cursor: pointer; justify-self: end; display: none;}
    .head_search_button img{width: 22px; margin-right: 10px;}
    .head_nav_icon{height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background: #fff; display: none;}
    .head_nav_icon img{width: 30px;}
    .head{display: flex; align-items: center; justify-content: space-between; padding: 20px 0;}
    .head_logo{height: 50px;}
    .head_logo img{height: 100%;}
    .head_search{display: flex; align-items: center;}
    .head_search input{height: 50px; border: 1px solid #ccc; padding: 0 16px; box-sizing: border-box; font-size: 16px; outline: none; width: 300px;}
    .head_search button{font-size: 16px; color: #fff; height: 50px; border: none; font-weight: bold; display: flex; align-items: center; justify-content: center; background: #125ba8;width: 100px; margin-left: 10px;cursor: pointer;}
    .head_tel{display: flex; align-items: center;}
    .head_tel_icon{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
    .head_tel_icon img{width: 100%;}
    .head_tel_text{margin-left: 10px;}
    .head_tel_text h3{font-size: 16px; color: #333;}
    .head_tel_text h4{font-size: 24px; color: #125ba8; font-weight: bold; font-family: 'din';}
    .nav{background: #f1f5f8;}
    .nav ul{width: 100%; display: flex; align-items: center;}
    .nav ul li{flex: 1;}
    .nav ul li a{display: flex; height:60px; font-weight: bold; font-size:22px; color: #333; align-items: center; justify-content: center;}
    .nav ul li a:hover{background: #125ba8; color: #fff;}
    .nav ul .curr a{background: #125ba8; color: #fff;}
    .banner img{ width: 100%;}
    .liuyan{background:url(../images/img_1.jpg) no-repeat 0 100%,#ebeffa; padding: 20px 0;}
    .liuyan_content{width: 90%; max-width: 900px; margin: 0 auto;}
    .liuyan_title{font-size: 20px; color: #333; font-weight: bold;}
    .liuyan_input{margin-top: 14px; display: grid; justify-content: space-between; align-items: center; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap: 20px 20px;}
    .liuyan_input input{ background: #fff; padding:0 16px; height: 50px; border-radius: 4px; font-size: 16px; border: none; outline: none; box-sizing: border-box; width: 100%;}
    .liuyan_input button{height: 50px; background: #3388ff; color: #fff; font-weight: bold; font-size: 20px; border-radius: 4px; border: none; cursor: pointer; width: 100%;}
    .fenlei{margin: 30px auto;}
    .fenlei ul{ display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 16px;}
    .fenlei ul a{color: #333;}
    .fenlei ul a:hover{color: #125ba8;}
    .project{display: flex; gap: 30px; justify-content: space-between;}
    .project_left{flex: 1;}
    .project_left .project_list ul{margin-top: 30px;}
    .project_left .project_list ul li{ display: flex; color: #333; align-items: center; justify-content: space-between; font-size: 16px;margin-top: 20px; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
    .project_left .project_list ul li span{display: block;}
    .project_left .project_list ul li a{color: #333; display: block; width: calc(100% - 100px);}
    .project_left .project_list ul li h3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
    .project_left .project_list ul li a:hover{color: #125ba8;}
    .project_left .project_title{display: flex; align-items: center; justify-content: center; font-size: 30px; color: #333; font-weight: bold;}
    .project_left .project_title h2{font-weight: bold; margin: 0 30px;}
    .project_left .project_title img{height: 30px;}
    .project_right{width: 27%;}
    .project_right .project_right_img{width: 100%; position: sticky; top: 0; z-index: 2;}
    .project_right .project_right_img img{width: 100%;}
    .project_right .project_list{ margin-top: 20px; border: 1px solid #ccc; padding: 24px 16px; box-sizing: border-box;}
    .project_right .project_title{font-size: 26px; color: #333; font-weight: bold; text-align: center;}
    .project_right .project_list ul{margin-top: 20px;}
    .project_right .project_list ul li{margin-top: 14px;}
    .project_right .project_list ul li a{color: #333; font-size: 16px;}
    .project_right .project_list ul li h3{padding-left: 20px; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .project_right .project_list ul li a:hover{color: #125ba8;}
    .project_right .project_list ul li h3::after{position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #ccc; content: '';}
    .footer{background: #f8f8f8; padding: 30px 0; margin-top: 40px;}
    .footer ul{display: flex; align-items: center; justify-content: center; font-size: 16px; color: #999; flex-wrap: wrap;}
    .footer h4{font-size: 16px; color: #999; margin-top: 20px; text-align: center;}
    .fixed_bottom{position: fixed; bottom: 0; right: 30px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2);display: flex;}
    .fixed_bottom .fixed_bottom_left{padding: 20px 30px; text-align: right;}
    .fixed_bottom .fixed_bottom_left h4{font-size: 18px; color: #333;}
    .fixed_bottom .fixed_bottom_left h5{font-size: 14px; color: #666;}
    .fixed_bottom .fixed_bottom_right{background: #e6322e; display: flex; font-size: 20px; color: #fff; align-items: center; justify-content: center; padding:0 40px;}
    .fixed_bottom .fixed_bottom_right img{width: 24px; height: 24px;display: block; margin-right: 10px;}
    .fixed_right{position: fixed; width: 120px; left: 0; top: 50%; transform: translateY(-50%);}
    .fixed_right img{width: 100%;}
    .fiexd_leave{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 999;}
    .fiexd_leave .fixed_leave_back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
    .fixed_leave_content{position: absolute; top: 50%; left: 50%; background: #fff; transform: translate(-50%,-50%); z-index: 9; width: 90%; max-width: 700px; padding: 30px 40px; box-sizing: border-box;}
    .fixed_leave_title{font-size: 26px; text-align: center; color: #333; font-weight: bold;}
    .fixed_input{margin-top: 30px; display: flex; justify-content: space-between; gap: 20px 20px; flex-wrap: wrap;}
    .fixed_input_input{width:calc(50% - 10px);}
    .fixed_input_input label{font-size: 18px; color: #333;}
    .fixed_input_input input{width: 100%; font-size: 16px; outline: none; height: 50px; border: 1px solid #ccc; padding: 0 14px; border-radius: 4px; box-sizing: border-box; margin-top: 10px;}
    .fixed_input_input span{color: #e6322e;}
    .fixed_input_button{margin-top: 40px;}
    .fixed_input_button button{width: 100%; max-width: 300px; height: 60px; background: #e6322e; color: #fff; border: none; border-radius: 4px; font-size: 18px; margin: 0 auto; display: block; cursor: pointer;}
    .fixed_colse{position: absolute; top: 30px; right: 30px; color: #333; width: 20px; cursor: pointer;}
    .fixed_colse img{width: 100%;}
    .leave{cursor: pointer;}
    .fixed_bottom_tel{background: #fff; position: fixed; bottom:0; left: 0; width: 100%; display: flex; box-shadow: 0 0 20px rgba(0,0,0,.2); display: none;}
    .fixed_bottom_tel_left{width: 50%;}
    .fixed_bottom_tel_left a{ display: flex; font-size: 20px; color: #333; align-items: center; justify-content: center; width: 100%; padding: 14px 0;}
    .fixed_bottom_tel_left img{width: 30px;margin-right: 10px;}
    .fixed_bottom_tel_icon{width: 30px;}
    .fixed_bottom_tel_icon img{width: 100%;}
    .fixed_bottom_tel_text h3{font-size: 14px; color: #666;}
    .fixed_bottom_tel_text h4{font-size: 26px; color: #333; font-family: 'din'; font-weight: bold;}
    .fixed_bottom_tel_right{background: #e6322e; display: flex; font-size: 20px; color: #fff; align-items: center; justify-content: center; width: 50%;}
    .fixed_bottom_tel_right img{width: 30px;margin-right: 10px;}
    .fixed_nav{position: absolute; top: 90px; left: 0; width: 100%; background: #fff; border-top: 1px solid #e5e5e5; display: none;}
    .fixed_nav ul{margin: 0 2%;}
    .fixed_nav ul li{ height: 50px; font-size: 16px; border-bottom: 1px solid #e5e5e5;}
    .fixed_nav ul li a{display: block; line-height: 50px; color: #333; padding: 0 20px;}
    .fixed_search{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none;}
    .fixed_search_content{position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 90%;
    max-width: 700px;
    padding: 30px 40px;
    box-sizing: border-box;}
    .fixed_search_back{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
    .fixed_search_title{font-size: 26px; font-weight: bold; color: #333; display: flex; align-items: center; justify-content: space-between;}
    .fixed_search_title img{width: 24px; height: 24px; cursor: pointer;}
    .fixed_search_input{display: flex; align-items: center; margin-top: 20px;}
    .fixed_search_input input{flex: 1; height: 50px; border: 1px solid #e5e5e5; padding: 0 18px; box-sizing: border-box; outline: none; font-size: 16px;}
    .fixed_search_input button{width: 100px; background: #125ba8; color: #fff; height: 50px; font-size: 16px; border: none;margin-left: 10px; cursor: pointer;}
    .project_show{}
    .project_show h1{font-size: 30px; color: #333;}
    .show_list{display: flex; justify-content: space-between; font-size: 14px; margin-top: 20px; flex-wrap: wrap;}
    .show_list span{height: 32px; line-height: 32px; padding: 0 16px; border-radius: 4px; background: rgba(51,136,255,.1); color: #3388ff;}
    .show_tabel{display: flex; gap: 20px; flex-wrap: wrap;}
    .show_time{display: flex; color: #666; margin-top: 16px; align-items: center;}
    .show_time img{width: 20px; display: block; margin-right: 10px;}
    .show_content{margin-top: 30px; color: #333;}
    .show_content p{margin-top: 10px; line-height: 30px;}
    .show_banner{width: 100%; margin-top: 30px;}
    .show_banner img{width: 100%;}
    .show_page{margin: 40px 0 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .show_page_list{width: 48%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
    .show_page_list h3{font-size: 18px; color: #666;}
    .show_page_list a{color: #333; font-size: 16px; margin-top: 10px; display: block;}
    .show_page_list a:hover{color: #125ba8;}
    @media screen and (max-width: 1000px){
        .head_search{display: none;}
        .head_search_button{display: flex;}
    }
    @media screen and (max-width: 750px){
        .head_tel{display: none;}
        .project{flex-wrap: wrap;}
        .project_left{width: 100%;}
        .project_right{width: 100%;}
        .liuyan_input{grid-template-columns: 1fr 1fr;}
        .fixed_right{display: none;}
        .fixed_bottom{display: none;}
        .fixed_bottom_tel{display: flex;}
        .fixed_input_input{width: 100%;}
        .fixed_input_input input{height: 40px;}
        .fixed_input{margin-top: 20px;}
        .fixed_input{gap: 16px;}
        .fixed_input_button{margin-top: 20px;}
        .fixed_input_input input{margin-top: 6px;}
        .fixed_input_button button{height: 50px;}
        .fixed_leave_content{padding: 30px 30px;}
        .head_nav_icon{display: flex;}
        .head_search_button{width: 50px;}
        .head_search_button span{display: none; }
        .head_search_button img{margin: 0;}
        .nav{display: none;}
        .fixed_search_input{flex-wrap: wrap;}
        .fixed_search_input button{margin-top: 20px; margin-left: 0; width: 49%;}
        .fixed_search_input button:nth-child(2){margin-right: 2%;}
        .fixed_search_content{padding: 30px;}
        .show_page_list{width: 100%;}
        .project_right .project_right_img{position: static;}
    }