*{
    margin:0;
    padding:0;
    list-style:none;
    font-size:16px;
}
a{
    text-decoration:none;
    color:#333;
}
a:hover,a:focus,a:active{
    text-decoration:none;
}
ul,li,ol,div,p,h1,h2,h3,h4,h5,h6,input,button,select,textarea{
    margin:0;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    content:'';
    display:block;
    clear:both;
}
.h-65{
    height:65px;
}
.clear{clear:both;}
input::-webkit-input-placeholder{color: #91b9ef;}
input:-moz-placeholder{color: #91b9ef;}
@font-face {
    font-family: PingFang;
    src: url('../font/PingFang SC Regular.ttf');
}

.html-w{
    width: 1400px;
    height: auto;
    margin: 0 auto;
}
@media (max-width: 1400px){
    .html-w{
        width: 100%;
        overflow: hidden;
    }
}

.header{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.header_logo{
    float: left;
    width: auto;
    height: auto;
}
.header_logo img{
    max-width: 100%;
}
.header_nav{
    float: right;
    width: auto;
    height: 100%;
    text-align: right;
}
.header_nav ul li{
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 5px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}
.header_nav ul li a{
    color: #1f1f1f;
    font-size: 16px;
    line-height: 100px;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.header_nav ul li.active,.header_nav ul li:hover{
    height: 100px;
    border-bottom: 3px solid #008cd6;
}
.header_nav ul li.active a,.header_nav ul li:hover a{
    color: #018cd6;
}
.wap-top-header{
    float: left;
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
}
.wap-header{
    height:65px;
    background:#fdfdfd;
    padding:5px 2px;
    position:fixed;
    top:0; left:0;
    width:100%;
    border-bottom:1px solid #ddd;
    z-index:999;
}
.wap-header .logo{
    height:55px;
    text-align:left;
}
.wap-header .logo a{
  	margin-top: 7px;
    display:inline-block;
}
.wap-header .logo img{
    max-width: 80%;
    display:block;
}
.bind-eunm{
    position:absolute;
    width:25px;
    height:29px;
    top:0;
    bottom:0;
    right:15px;
    margin:auto;
}
.bind-eunm .icon{
    position:relative;
    display:block;
    width:25px;
    height:3px;
    background:#29849a;
    margin:5px 0;
    opacity:1;
    top:0;
    transition-duration:.5s;
}
.bind-eunm.active .icon:nth-of-type(2){
    opacity:0;
}
.bind-eunm.active .icon:nth-of-type(1){
    transform:rotate(45deg);
    top:8px;
}
.bind-eunm.active .icon:nth-of-type(3){
    transform:rotate(-45deg);
    top:-8px;
}
.wap-nav{
    position:fixed;
    top:65px; right:-72%;
    width:70%;
    height:calc(100% - 50px);
    background:#fdfdfd;
    box-shadow:0 5px 5px 0 #999;
    z-index:99999;
    overflow-y:auto;
    transition-duration:.5s;
}
.wap-nav.active{
    right:0;
}
.wap-nav-close{
    position:fixed;
    top:65px;
    right:0;
    width:100%;
    height:calc(100% - 50px);
    z-index:99998;
    background:rgba(0,0,0,.6);
    display:none;
}
.wap-nav ul li{
    line-height:44px;
}
.wap-nav ul li>a{
    display:block;
    font-size:16px;
    color:#333;
    border-bottom:1px solid #ddd;
    padding:0 15px;
}
.wap-nav ul li .subnav a{
    display:block;
    padding-left:30px;
    font-size:14px;
    line-height:40px;
    border-bottom:1px dashed #ddd;
    color:#555;
}
.wap-nav .wap-nav-bottom{
    padding:30px 0;
}
.wap-nav .wap-nav-bottom ol{
    text-align:center;
}
.wap-nav .wap-nav-bottom ol li{
    display:inline-block;
    margin:0 5px;
}
.wap-nav .wap-nav-bottom .login{
    text-align:center;
}
.wap-nav .wap-nav-bottom .login a{
    font-size:16px;
    color:#333;
}
@media (max-width: 1200px){
    .header{
        display: none;
    }
    .wap-top-header{
        display: inline-block;
    }
}

.footer{
    float: left;
    width: 100%;
    height: auto;
    max-height: 468px;
    overflow: hidden;
    background-color: #d4d4d4;
}
.footer_w{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.footer_nav{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.f_nav_left{
    float: left;
    width: 35%;
    height: auto;
    overflow: hidden;
}
.f_nav_left_logo{
    width: 100%;
    height: auto;
    margin: 11px 0 16px;
    overflow: hidden;
}
.f_nav_left_logo img{
    width: 130px;
}
.f_nav_left_ioc{
    float: left;
    width: 28.5%;
    height: auto;
    overflow: hidden;
}
.ioc_txt{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}
.f_nav_left_ioc .ioc_txt a{
    float: left;
    margin-right: 13px;
}
.f_nav_left_ioc .ioc_txt a img{
    max-width: 80%;
}
.f_nav_left_ioc .ioc_txt a:nth-last-of-type(1){
    margin-right: 0;
}
.ioc_img{
    width: 100%;
    height: 133px;
    overflow: hidden;
}
.gzh,.wb{
    float: left;
    width: 100%;
    height: auto;
    margin-right: 27px;
    text-align: center;
    overflow: hidden;
}
.wb{
    display: none;
}
.gzh img,.wb img{
    width: 90px;
}
.gzh p,.wb p{
    font-size:14px;
    line-height:18px;
    margin: 6px 0 10px;
    color:rgba(54,54,54,1);
}
.f_nav_left_con{
    float: left;
    width: 71.5%;
    height: auto;
    margin-top: 35px;
    overflow: hidden;
}
.phone{
    float: left;
    width: auto;
    height: auto;
    padding-left: 28px;
    border-left: 1px solid #353535;
}
.phone p{
    font-size:14px;
    color:rgba(53,53,53,1);
    line-height:18px;
}
.phone p:nth-child(even){
    margin: 23px 0;
}
.f_nav_right{
    float: right;
    width: 65%;
    height: auto;
    padding-top: 50px;
    overflow: hidden;
}
.f_nav_right ul li{
    float: left;
    width: auto;
    height: auto;
    overflow: hidden;
}
.f_nav_right ul li:nth-of-type(1){
    width: 156px;
}
.f_nav_right ul li:nth-of-type(2){
    width: 170px;
}
.f_nav_right ul li:nth-of-type(3){
    width: 153px;
}
.f_nav_right ul li:nth-of-type(4){
    width: 153px;
}
.f_nav_right ul li:nth-of-type(5){
    width: 153px;
}
.f_nav_right ul li:nth-of-type(6){
    width: 110px;
}
.f_nav_right ul li a{
    float: left;
    width: 100%;
    height: auto;
    font-size:14px;
    color:rgba(53,53,53,1);
    line-height:18px;
    padding-left: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    display: inline-block;
}
.f_nav_right ul li a:nth-of-type(1){
    font-size: 18px;
    border-left: 1px solid #353535;
}
.f_nav_right ul li a:hover {
    text-decoration: underline;
}
.f_nav_right ul li a:nth-of-type(1):hover{
    text-decoration: none;
    color: #018cd6;
}
.footer_link{
    width: 100%;
    height: auto;
    border-top: 1px solid rgb(162,162,162);
    border-bottom: 1px solid rgb(162,162,162);
    overflow: hidden;
}
.footer_link1{
    float: left;
    width: 7.2%;
    text-align: right;
    font-size:17px;
    font-family: PingFang;
    color:rgba(118,118,118,1);
    line-height:36px;
    height: auto;
}
.footer_link2{
    float: right;
    width: 90%;
    height: auto;
    text-align: left;
    overflow: hidden;
}
.footer_link2 a{
    font-size:15px;
    font-family: "微软雅黑 Light";
    font-weight:400;
    line-height:36px;
    margin-right: 8px;
    color:rgba(118,118,118,1);
    display: inline-block;
}
.footer_copy{
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    line-height: 36px;
    text-align: left;
    overflow: hidden;
}
.footer_copy span,.footer_copy span a{
    color: #4A4A4A;
    font-size: 16px;
    font-family: "微软雅黑 Light";
    font-weight: bold;
}
.footer_copy span:nth-of-type(1){
    margin-right: 0;
}
.footer_copy span:nth-of-type(2),.footer_copy span:nth-of-type(3),.footer_copy span:nth-of-type(4){
    margin-right: 15px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
    .footer_w{
        width: 100%;
    }
    .f_nav_right ul li:nth-of-type(1){
        width: 100px;
    }
    .f_nav_right ul li:nth-of-type(2){
        width: 140px;
    }
    .f_nav_right ul li:nth-of-type(4),.f_nav_right ul li:nth-of-type(5){
        width: 125px;
    }
}
@media (max-width: 1200px){
    .footer_w{
        width: 100%;
    }
    .footer_nav{
        display: none;
    }
    .footer_link{
        display: none;
    }
    .footer_copy{
        padding: 0 1%;
        text-align: center;
    }
    .footer_copy span{
        display: inline-block;
    }
    .footer_copy span:nth-of-type(1){
        margin-right: 0;
    }
    .footer_copy span:nth-of-type(2),.footer_copy span:nth-of-type(3),.footer_copy span:nth-of-type(4){
        margin-right: 0;
    }
}
/*分页*/
.page{
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    overflow: hidden;
}
.page li{
    display: inline-block;
}
.page li:nth-of-type(1),.page li:nth-of-type(2),.page li:nth-last-of-type(1){
    display: none;
}
.page a{
    width: 20px;
    height: 42px;
    font-size:14px;
    margin: 0 6px;
    color:rgba(164,164,164,1);
    display: inline-block;
    overflow: hidden;
    transition: all .6s;
}
.page li:nth-of-type(3) a,.page li:nth-last-of-type(2) a{
    width: 74px;
    height: 42px;
    border: 1px solid #D4D4D4;
}
.page li.active a,.page li a:hover{
    color: #3CACD4;
    border-bottom: 2px solid #3CACD4;
}
.page li:nth-of-type(3) a:hover,.page li:nth-last-of-type(2) a:hover{
    border: 1px solid #3CACD4;
}

/*首页样式*/
/*首页公共标题样式*/
.column_title {
    width: 100%;
    height: auto;
    font-family: PingFang;
    text-align: center;
    overflow: hidden;
}
.column_title h1{
    font-size: 36px;
    color: rgb(51, 51, 51);
    line-height: 46px;
}
.column_title p{
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 33px;
}
@media (max-width: 993px) and (min-width: 768px) {
    .column_title h1{
        font-size: 24px;
        line-height: 24px;
    }
}
@media (max-width: 768px){
    .column_title h1{
        font-size: 18px;
        line-height: 24px;
    }
    .column_title p{
        font-size: 14px;
        line-height: 20px;
    }
}
/*首页banner*/
.index_banner{
    width: 100%;
    height: auto;
    max-height: 710px;
    overflow: hidden;
}
.index_banner .swiper-container {
    width: 100%;
    height: 100%;
}
.index_banner .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index_banner .swiper-slide a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}
.index_banner .swiper-slide a img{
    max-width: 100%;
}
/*首页产品tab样式*/
.index_product{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 60px 0 0;
    overflow: hidden;
}
.i_product_tab{
    width: 100%;
    height: auto;
    /*overflow: hidden;*/
}
.tab_list{
    width: 100%;
    height: auto;
    margin: 23px 0 25px;
    text-align: center;
    overflow: hidden;
}
.tab_list li{
    width: auto;
    height: 44px;
    text-align: center;
    line-height: 44px;
    padding: 0 30px;
    color: #6F6F6F;
    font-size: 18px;
    font-family: 'PingFang';
    background-color: #ffffff;
    border-radius: 25px;
    display: inline-block;
    cursor: pointer;
}
.tab_list li.active{
    color: #ffffff;
    background-color: #008cd6;
}
.tab_content .tab_content_frame:nth-of-type(1){
    display: inline-block;
}
.tab_content{
    width: 100%;
    height: auto;
    padding-top: 5px;
    /*overflow: hidden;*/
}
.tab_content .tab_content_frame{
    width: 100%;
    height: auto;
    /*overflow: hidden;*/
    display: none;
}
.tab_content_frame ul li{
    float: left;
    width: 32.14%;
    height: 450px;
    margin-right: 1.78%;
    margin-bottom: 20px;
    overflow: hidden;
    transition: all .6s;
}
.tab_content_frame ul li:hover{
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.tab_content_frame ul li:nth-child(3n){
    margin-right: 0;
}
.tab_content_frame ul li a{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 450px;
    overflow: hidden;
    display: inline-block;
    background-size: 100% 100% !important;
}
.tab_content_frame ul li a img{
    max-width: 100%;
    display: none;
}
@media (max-width: 1400px) and (min-width: 1300px) {
    .i_product_tab{
        padding: 0 0.3%;
    }
}
@media (max-width: 1300px) and (min-width: 1200px) {
    .i_product_tab{
        padding: 0 0.3%;
    }
    .tab_content_frame ul li{
        height: 385px;
    }
    .tab_content_frame ul li a{
        line-height: 385px;
    }
}
@media (max-width: 1200px) and (min-width: 840px) {
    .i_product_tab{
        padding: 0 0.3%;
    }
    .tab_content_frame ul li{
        width: 48%;
        margin: 0 1% 20px;
    }
    .tab_content_frame ul li:nth-child(3n){
        width: 48%;
        margin: 0 1% 20px;
    }
}
@media (max-width: 840px) and (min-width: 768px) {
    .i_product_tab{
        padding: 0 0.3%;
    }
    .tab_content_frame ul li{
        width: 48%;
        height: 370px;
        margin: 0 1% 20px;
    }
    .tab_content_frame ul li:nth-child(3n){
        width: 48%;
        margin: 0 1% 20px;
    }
    .tab_content_frame ul li a{
        line-height: 370px;
    }
}
@media (max-width: 768px){
    .index_product{
        margin-top: 20px;
    }
    .tab_list li{
        float: left;
        width: 50%;
        font-size: 12px;
        padding: 0 5px;
        overflow: hidden;
        white-space:nowrap;
        text-overflow : ellipsis;
    }
    .i_product_tab{
        padding: 0 0.3%;
    }
    .tab_content_frame ul li{
        width: 98%;
        height: auto;
        margin: 0 1% 15px;
    }
    .tab_content_frame ul li:nth-child(3n){
        width: 98%;
        margin: 0 1% 15px;
    }
    .tab_content_frame ul li a{
        line-height: 0;
        background: none !important;
    }
    .tab_content_frame ul li a img{
        display: inline-block;
    }
}
/*首页工程案例样式*/
.i_project_case{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 80px 0 135px;
    overflow: hidden;
}
.case_name{
    width: 100%;
    height: auto;
    padding-bottom: 45px;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
}
.case_tab{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.c_tab_tit{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.c_tab_tit li{
    float: left;
    width: 25%;
    height: 120px;
    line-height: 120px;
    border-left: 1px solid #cdcdcd;
    overflow: hidden;
    cursor: pointer;
    transition: all .6s;
}
.c_tab_tit li.active{
    background:linear-gradient(90deg,rgba(38,90,163,1),rgba(46,178,190,1));
}
.c_tab_tit li > div{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.c_tab_tit li:nth-of-type(1) > div{
    display: inline-block;
    background:  url("../images/images_19.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(1).active > div{
    background: url("../images/images_23.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(2) > div{
    background: url("../images/images_20.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(2).active > div{
    background: url("../images/images_24.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(3) > div{
    background: url("../images/images_21.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(3).active > div{
    background: url("../images/images_25.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(4) > div{
    background: url("../images/images_22.png") no-repeat center center;
}
.c_tab_tit li:nth-of-type(4).active > div{
    background:  url("../images/images_26.png") no-repeat center center;
}
.c_tab_tit li:nth-last-of-type(1){
    border-right: 1px solid #cdcdcd;
}
.c_tab_tit li img{
    max-width: 100%;
    margin: 6px auto;
}
.c_tab_con{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.c_tab_con .c_tab_cons{
    width: 100%;
    height: 598px;
    overflow: hidden;
    display: none;
    background-size: cover !important;
}
.c_tab_con .c_tab_cons:nth-of-type(1){
    display: inline-block;
}
.c_tab_conss{
    width: 100%;
    height: 100%;
    text-align: left;
    padding:160px 0 0 72px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.59);
}
.c_tab_conss h1{
    font-size:28px;
    color:rgba(255,255,255,1);
    line-height:33px;
    letter-spacing: 2px;
    font-family: PingFang;
}
.c_tab_conss b{
    width: 100px;
    height: 4px;
    overflow: hidden;
    background-color: #ffffff;
    display: inline-block;
    margin:26px 0 27px;
}
.c_tab_conss p{
    max-width: 590px;
    height: auto;
    font-size:18px;
    color:rgba(255,255,255,1);
    line-height:33px;
    overflow: hidden;
}
.c_tab_conss a{
    width:214px;
    height:50px;
    text-align: center;
    line-height: 50px;
    font-size:18px;
    color:rgba(255,255,255,1);
    background:linear-gradient(90deg,rgba(38,90,163,1),rgba(46,178,190,1));
    border-radius:25px;
    display: inline-block;
    margin-top: 35px;
}
@media (max-width: 1400px) and (min-width: 1200px){
    .case_tab{
        width: 100%;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .case_tab{
        width: 100%;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .i_project_case{
        margin: 30px 0 20px;
    }
    .case_name{
        padding-bottom: 15px;
    }
    .case_tab{
        width: 100%;
    }
    .c_tab_tit li{
        height: 100px;
    }
    .c_tab_tit li > div{
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-size: auto 80% !important;
    }
}
@media (max-width: 768px){
    .i_project_case{
        margin: 30px 0 20px;
    }
    .case_name{
        padding-bottom: 15px;
    }
    .case_tab{
        width: 100%;
    }
    .c_tab_tit li{
        height: 70px;
    }
    .c_tab_tit li > div{
        background-size: auto 60% !important;
    }
    .c_tab_con .c_tab_cons,.c_tab_conss{
        height: auto;
        min-height: 350px;
    }
    .c_tab_conss{
        padding: 20px 1% 0;
        text-align: center;
    }
    .c_tab_conss h1{
        font-size: 18px;
    }
    .c_tab_conss b{
        margin: 0 auto 10px;
    }
    .c_tab_conss p{
        font-size: 16px;
        line-height: 20px;
        max-width: 100%;
    }
    .c_tab_conss a{
        width: 200px;
        font-size: 16px;
    }
}
/*首页公司介绍样式*/
.index_about {
    width: 100%;
    height: auto;
    background: url("../images/images_09.jpg") no-repeat center top;
    overflow: hidden;
}
.index_about_con{
    width: 1400px;
    height: auto;
    margin: 50px auto;
}
.about_cont_it{
    width: 100%;
    height: 518px;
    overflow: hidden;
}
.about_cont_img{
    float: left;
    width: 55%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
}
.about_cont_img > img{
    max-width: 100%;
    display: none;
}
.about_cont_txt{
    float: right;
    width: 45%;
    height: 100%;
    font-family: PingFang;
    color:rgba(255,255,255,1);
    padding: 32px 43px 0 40px;
    overflow: hidden;
    background:linear-gradient(90deg,rgba(39,102,167,1),rgba(45,163,185,1));
}
.about_cont_txt h1{
    font-size:36px;
    line-height:33px;
}
.about_cont_txt p{
    font-size:16px;
    font-weight:400;
    line-height:33px;
    margin: 15px 0;
}
.about_cont_txt a{
    width:171px;
    height:57px;
    font-size:16px;
    color:rgb(255,255,255);
    text-align: center;
    line-height: 57px;
    margin-top: 50px;
    border:1px solid rgba(255,255,255,1);
    display: inline-block;
}
.about_cont_num{
    width: 100%;
    height: 152px;
    margin: 30px 0;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow:0 2px 9px 0 rgba(4,0,0,0.28);
}
.about_cont_num ul li{
    float: left;
    width: 25%;
    height: 100%;
    padding-top: 35px;
    text-align: center;
    overflow: hidden;
    line-height:33px;
    font-family: "微软雅黑 Light";
    position: relative;
}
.about_cont_num ul li>div,.about_cont_num ul li>div i{
    font-size:48px;
    color:rgba(85,85,85,1);
    font-style: normal;
}
.about_cont_num ul li>div h6{
    font-size:18px;
    color:rgba(41,41,41,1);
    line-height:33px;
    position: absolute;
    top:13px;
    right:25%;
}
.about_cont_num ul li:nth-last-of-type(1)>div h6{
    right:18%;
}
.about_cont_num ul li p{
    font-size:18px;
    color:rgba(41,41,41,1);
    margin-top: 13px;
}
@media (max-width: 1400px) and (min-width: 1200px){
    .index_about_con{
        width: 100%;
        padding: 0 1%;
    }
    .about_cont_num{
        margin: 15px 0;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .index_about_con{
        width: 100%;
        padding: 0 1%;
    }
    .about_cont_num{
        margin: 15px 0;
    }
    .about_cont_txt a{
        margin-top:0;
    }
    .about_cont_num ul li>div h6{
        right: 17%;
    }
    .about_cont_num ul li:nth-last-of-type(1)>div h6{
        right:10%;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .index_about_con{
        width: 100%;
        padding: 0 1%;
    }
    .about_cont_it{
        height: auto;
    }
    .about_cont_img{
        width: 100%;
        height: 400px;
    }
    .about_cont_txt{
        width: 100%;
        height: auto;
        padding: 2% 1%;
    }
    .about_cont_txt h1{
        font-size: 24px;
    }
    .about_cont_txt p{
        margin: 0;
        font-size: 16px;
        line-height: 28px;
    }
    .about_cont_txt a{
        height: 40px;
        line-height: 40px;
    }
    .about_cont_txt a{
        margin-top:0;
    }
    .about_cont_num ul li>div h6{
        right: 17%;
    }
    .about_cont_num ul li:nth-last-of-type(1)>div h6{
        right:5%;
    }
    .about_cont_num{
        margin: 0 0;
    }
    .about_cont_num ul li>div, .about_cont_num ul li>div i{
        font-size: 36px;
    }
    .about_cont_num ul li p{
        font-size: 14px;
    }
}
@media (max-width: 768px){
    .index_about_con{
        width: 100%;
        margin: 0;
    }
    .about_cont_it{
        height: auto;
    }
    .about_cont_img{
        width: 100%;
        background: none !important;
    }
    .about_cont_img img{
        text-align: center;
        display: inline-block;
    }
    .about_cont_txt{
        width: 100%;
        height: auto;
        padding: 2% 1%;
        text-align: center;
    }
    .about_cont_txt h1{
        font-size: 18px;
        text-align: center;
    }
    .about_cont_txt p{
        margin: 0;
        font-size: 13px;
        line-height: 22px;
    }
    .about_cont_txt a{
        height: 40px;
        line-height: 40px;
    }
    .about_cont_txt a{
        margin-top:5px;
    }
    .about_cont_num{
        margin: 0 0;
        height: auto;
    }
    .about_cont_num ul li{
        width: 50%;
    }
    .about_cont_num ul li>div h6{
        font-size: 16px;
        right: 17%;
    }
    .about_cont_num ul li>div, .about_cont_num ul li>div i{
        font-size: 24px;
    }
    .about_cont_num ul li p{
        font-size: 12px;
    }
}
/*首页新闻中心样式*/
.index_new{
    width: 100%;
    height: auto;
    font-family: PingFang;
    text-align: center;
    margin: 65px 0 159px;
    overflow: hidden;
}
.index_new .column_title{
    margin-bottom: 40px;
}
.index_new_txt{
    float: left;
    width: 643px;
    height: 458px;
    overflow: hidden;
}
.index_new_txt ul li{
    width: 100%;
    height: auto;
    padding-left: 23px;
    overflow: hidden;
    background: url("../images/images_05.png") no-repeat 5px center;
}
.index_new_txt ul li a{
    width: 100%;
    height: 100%;
}
.index_new_txt ul li.actives p{
    height: 45px;
    font-size: 14px;
    line-height: 45px;
    overflow: hidden;
    color: #545454;
}
.index_new_txt ul li.actives:hover p{
    color:#0079e2;
}
.index_new_txt ul li.actives p:nth-of-type(1){
    float: left;
    width: 80%;
    text-align: left;
    font-family: "微软雅黑 Light";
    font-weight: bold
}
.index_new_txt ul li.actives p:nth-of-type(2){
    float: right;
    width: 20%;
    text-align: right;
}
.index_new_txt ul li.active{
    width: 100%;
    padding:30px 0;
    background: none;
    border-bottom: 1px solid #c7c7c7;
}
.new_txt_s{
    float: left;
    width: 110px;
    height: 120px;
    font-size:24px;
    color:rgba(84,84,84,1);
    text-align: center;
    line-height: 120px;
    overflow: hidden;
    border-right: 1px solid #0079e2;
}
/*.index_new_txt ul li.active .new_txt_s h1{*/
    /*font-size: 38px;*/
    /*line-height: 38px;*/
    /*padding: 14px 0 7px;*/
    /*color: #545454;*/
/*}*/
/*.index_new_txt ul li.active .new_txt_s p{*/
    /*width: 100%;*/
    /*color: #313131;*/
    /*text-align: center;*/
    /*line-height: 17px;*/
    /*font-size: 18px;*/
/*}*/
.new_txt_x{
    float: right;
    width: 500px;
    height: auto;
    overflow: hidden;
}
.index_new_txt ul li.active .new_txt_x h1{
    color: #313131;
    font-size: 24px;
    line-height: 23px;
    text-align: left;
    margin-bottom: 13px;
}
.index_new_txt ul li.active .new_txt_x div{
    width: 100%;
    height: auto;
    color: #404040;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 1px;
}
.index_new_txt ul li.active .new_txt_x span{
    width: 100%;
    color: #3b8dd5;
    font-size: 18px;
    font-family: "微软雅黑";
    text-transform: uppercase;
    line-height: 1.333;
    text-align: right;
    margin-top: 10px;
    display: inline-block;
}
.index_new_img{
    float: right;
    width: 717px;
    height: 459px;
    overflow: hidden;
}
.index_new_img .swiper-container{
    width: 100%;
    height: 100%;
}
.index_new_img .swiper-slide{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-size: auto 100% !important;
}
.index_new_img .swiper-slide a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}
.new_banner_txt{
    width: 100%;
    height: 61px;
    font-size: 18px;
    color: #ffffff;
    line-height: 61px;
    text-align: left;
    padding: 0 180px 0 35px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    letter-spacing: 1px;
    background-color: rgba(0,0,0,0.7);
}
.new_banners .swiper-button-prev,.new_banners .swiper-button-white{
    width: 61px;
    height: 61px;
    margin-top: 169px;
    overflow: hidden;
    background-size: cover;
}
.new_banners .swiper-button-prev{
    left:80.6%;
    bottom: 0;
    background-image: url("../images/images_12.jpg");
}
.new_banners .swiper-button-next{
    right:0;
    bottom: 0;
    background-image: url("../images/images_12_1.jpg");
}
@media (max-width: 1400px) and (min-width: 1200px){
    .index_new_txt{
        width: 45%;
    }
    .index_new_img{
        width: 53%;
    }
    .new_txt_s{
        width: 24%;
    }
    .new_txt_x{
        width: 75%;
    }
    .index_new_txt ul li.active .new_txt_x h1{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .index_new_txt ul li.active .new_txt_x div{
        line-height: 20px;
    }
    .index_new_txt ul li.active .new_txt_x span{
        margin-top: 0;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .index_new_txt{
        width: 45%;
    }
    .index_new_img{
        width: 53%;
    }
    .new_txt_s{
        width: 24%;
    }
    .new_txt_x{
        width: 75%;
    }
    .index_new_txt ul li.active .new_txt_x h1{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .index_new_txt ul li.active .new_txt_x div{
        line-height: 20px;
    }
    .index_new_txt ul li.active .new_txt_x span{
        margin-top: 0;
    }
    .index_new_img .swiper-button-white{
        display: none;
    }
    .new_banner_txt{
        padding: 0 5%;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .index_new{
        margin: 0 0 30px;
    }
    .index_new .column_title{
        margin-bottom: 0;
    }
    .index_new_txt{
        width: 100%;
        height: auto;
        padding: 0 2%;
    }
    .index_new_img{
        width: 100%;
    }
    .new_txt_s{
        width: 24%;
    }
    .new_txt_x{
        width: 75%;
    }
    .index_new_txt ul li.active .new_txt_x h1{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .index_new_txt ul li.active .new_txt_x div{
        line-height: 20px;
    }
    .index_new_txt ul li.active .new_txt_x span{
        margin-top: 0;
    }
    .index_new_img .swiper-button-white{
        display: none;
    }
    .new_banner_txt{
        padding: 0 5%;
    }
}
@media (max-width: 768px){
    .index_new{
        margin: 20px 0 30px;
    }
    .index_new .column_title{
        margin-bottom: 0;
    }
    .index_new_txt{
        width: 100%;
        height: auto;
        padding: 0 2%;
    }
    .index_new_img{
        width: 100%;
        height: 300px;
    }
    .new_txt_s{
       display: none;
    }
    .new_txt_x{
        width: 100%;
    }
    .index_new_txt ul li.active{
        display: none;
    }
    .index_new_img .swiper-button-white{
        display: none;
    }
    .new_banner_txt{
        padding: 0 5%;
        font-size: 14px;
    }
    .index_new_txt ul li.actives p:nth-of-type(1){
        width: 75%;
        font-weight: 100;
    }
    .index_new_txt ul li.actives p:nth-of-type(2){
        width: 22%;
        font-size: 12px;
    }
}
/*内页banner*/
.inner_banner{
    float: left;
    width: 100%;
    height: auto;
    max-height: 437px;
    overflow: hidden;
}
.inner_banner img{
    max-width: 100%;
}
@media (max-width: 768px) {
    .inner_banner{
        height: auto;
        text-align: center;
    }
    .inner_banner img{
        max-width: 200%;
        margin-left: -50%;
    }
}
/*关于我们*/
.about_us{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.about_title{
    width: 100%;
    height: 50px;
    font-size:30px;
    line-height: 50px;
    padding-left: 12px;
    font-family: PingFang;
    color:rgba(68,68,68,1);
    border-left: 20px solid #B5B5B5;
}
.about_title span{
    font-size: 24px;
    color: #646464;
    font-weight: bold;
}
.about_one{
    width: 100%;
    height: auto;
    margin: 110px 0 0;
    overflow: hidden;
}
.about_one_txt{
    float: left;
    width: 893px;
    height: auto;
    overflow: hidden;
}
.about_one_txt .about_title{
    margin-top: 14px;
}
.about_one_txts{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-left: 25px;
}
.about_one_txts p{
    font-size:14px;
    font-family: PingFang;
    color:rgba(95,95,95,1);
    line-height:30px;
    text-indent: 2em;
}
.about_one_img{
    float: right;
    width: 491px;
    height: 497px;
    overflow: hidden;
    background: url("../images/about_01.jpg") no-repeat center center;
    background-size: cover;
}
.about_one_img img{
    max-width: 100%;
    display: none;
}
.about_two{
    width: 100%;
    height: auto;
    margin-top: 127px;
    overflow: hidden;
}
.about_two_ou{
    width: 100%;
    height: auto;
    margin-top: 103px;
    overflow: hidden;
}
.about_two_ou ul li{
    float: left;
    width: 296px;
    height: 370px;
    margin-right: 28px;
    overflow: hidden;
    background-size: cover;
}
.about_two_ou ul li:nth-of-type(1){
    width: 426px;
    padding: 25px 2% 0;
    font-size:18px;
    font-family: PingFang;
    color:rgba(93,93,93,1);
    line-height:30px;
    position: relative;
    background-color: #DDDDDD;
}
.about_two_ou ul li:nth-of-type(1) h4{
    color: rgba(93,93,93,1);
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
}
.about_two_ou ul li:nth-of-type(1) p{
    font-size: 14px;
    line-height: 24px;
    color: rgba(93,93,93,0.7);
}
.about_two_ou ul li:nth-of-type(1) span{
    width: 100%;
    height: 35px;
    background-color: #D2D2D2;
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
}
.about_two_ou ul li:nth-last-of-type(1){
    margin-right: 0;
}
.about_two_on{
    width: 100%;
    height: auto;
    margin: 71px 0 90px;
    overflow: hidden;
}
.about_two_on ul li{
    float: left;
    width: 25%;
    height: 96px;
    font-size:24px;
    font-family: PingFang;
    color:rgba(93,93,93,1);
    text-align: center;
    line-height: 96px;
    overflow: hidden;
}
.about_two_on ul li img{
    max-width: 100%;
    margin: -3px 18px 0;
}
.about_two_on ul li span{
    float: right;
}
.about_three{
    width: 100%;
    height: 428px;
    overflow: hidden;
    background: url("../images/about_05.jpg") no-repeat center center;
    background-size: cover;
}
.about_three h1{
    width: 100%;
    height: auto;
    font-size:46px;
    font-family: PingFang;
    color:rgba(255,255,255,1);
    line-height:46px;
    margin: 53px 0 78px;
    text-align: center;
    overflow: hidden;
}
.about_three h4{
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    margin-bottom: 56px;
    padding-left: 150px;
    font-size:28px;
    font-family: PingFang;
    color:rgba(255,255,255,1);
    background: url("../images/images_10.png") no-repeat 99px center;
}
.about_four{
    width: 100%;
    height: auto;
    margin-top: 137px;
    overflow: hidden;
}
.about_four_txt{
    float: left;
    width: 632px;
    height: auto;
    overflow: hidden;
}
.a_f_t_honor{
    width: 100%;
    height: auto;
    margin-top: 60px;
    padding-left: 43px;
    font-size:18px;
    font-family: "微软雅黑 Light";
    color:rgba(73,73,73,1);
    line-height:36px;
    letter-spacing: 1px;
    overflow: hidden;
}
.about_four_img{
    float: right;
    width: 710px;
    height: auto;
    overflow: hidden;
}
.about_four_img .swiper-container {
    width: 100%;
    height: 100%;
    padding:10px 0 50px;
}
.about_four_img .swiper-slide{
    width: 424px;
    height: 296px;
    background: #fef9ed;
    position: relative;
}
.about_four_img .swiper-slide img{
    max-width: 100%;
    display:block;
    border: 5px solid #008cd6;
    position: relative;
    z-index: 500;
}
.honor_banner_bj{
    width: 100%;
    height: 100%;
    background: #faf7e2;
    position: absolute;
    top:-5px;
    right:-5px;
    z-index: 100;
    transition: all .3s;
}
.about_four_img  .swiper-slide-active .honor_banner_bj{
    display: none;
}
.about_five{
    width: 100%;
    height: auto;
    margin-top: 120px;
    overflow: hidden;
}
.env_banner,.env_banners{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.env_banners{
    margin: 80px 0 160px;
}
.env_banner .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0 76px;
}
.env_banner .swiper-slide{
    width: 303px;
    height: 227px;
    background-size: cover;
}
.env_banner .swiper-slide img{
    max-width: 100%;
}
.env_banner .swiper-button-next,.env_banner .swiper-button-prev{
    width: 76px;
    height: 100%;
    top:0;
    margin-top: 0;
    background-size: cover;
}
.env_banner .swiper-button-prev{
    left: 0;
    background: #ffffff url("../images/images_11.png") no-repeat center center;
}
.env_banner .swiper-button-next{
    right:0;
    background: #ffffff url("../images/images_12.png") no-repeat center center;
}
@media (max-width: 1400px) and (min-width: 1200px) {
    .about_one{
        margin: 50px 0 0;
        padding: 0 0.5%;
    }
    .about_one_txt{
        width: 63.78%;
    }
    .about_one_img{
        width: 35.07%;
    }
    .about_two{
        margin-top:50px;
        padding: 0 0.5%;
    }
    .about_two_ou{
        margin-top: 30px;
    }
    .about_two_ou ul li{
        width: 22%;
        margin-right: 1%;
    }
    .about_two_ou ul li:nth-of-type(1){
        width: 30.9%;
    }
    .about_two_on{
        margin: 20px 0 50px;
    }
    .about_four{
        padding: 0 0.5%;
        margin-top: 50px;
    }
    .about_four_txt{
        width: 40%;
    }
    .a_f_t_honor{
        padding-left: 0;
    }
    .about_four_img{
        width: 58%;
    }
    .about_four_img .swiper-container {
        width: 100%;
        height: 100%;
        padding:5% 0 40px;
    }
    .about_five{
        margin-top: 30px;
        padding: 0 0.5%;
    }
    .env_banners{
        margin: 30px 0 50px;
    }
}
@media (max-width: 1200px) and (min-width: 993px) {
    .about_one{
        margin: 50px 0 0;
        padding: 0 0.5%;
    }
    .about_one_txt{
        width: 58%;
    }
    .about_one_txts{
        padding-left: 0;
        margin-top: 10px;
    }
    .about_one_txts p{
        line-height: 26px;
    }
    .about_one_img{
        width: 40%;
        padding-top: 10%;
        background: none;
    }
    .about_one_img img{
        display: inline-block;
    }
    .about_two{
        margin-top:10px;
        padding: 0 0.5%;
    }
    .about_two_ou{
        margin-top: 30px;
    }
    .about_two_ou ul li{
        width: 24%;
        margin-right: 1%;
    }
    .about_two_ou ul li:nth-of-type(1){
        width: 25%;
        padding:10% 0 0 1%;
    }
    .about_two_on{
        margin: 20px 0 50px;
    }
    .about_three h1{
        font-size: 34px;
    }
    .about_three h4{
        font-size: 24px;
        padding-left:5%;
        margin-bottom: 50px;
        background: url(../images/images_10.png) no-repeat 1% center;
    }
    .about_four{
        padding: 0 0.5%;
        margin-top: 50px;
    }
    .about_four_txt{
        width: 100%;
    }
    .a_f_t_honor{
        padding-left: 0;
        margin-top: 10px;
    }
    .about_four_img{
        width: 100%;
    }
    .about_four_img .swiper-container {
        width: 100%;
        height: 100%;
        padding:5% 0 40px;
    }
    .about_five{
        margin-top: 30px;
        padding: 0 0.5%;
    }
    .env_banners{
        margin: 30px 0 50px;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .about_title{
        font-size: 24px;
    }
    .about_title span{
        font-size: 18px;
    }
    .about_one{
        margin: 20px 0 0;
        padding: 0 0.5%;
    }
    .about_one_txt{
        width: 100%;
    }
    .about_one_txts{
        padding-left: 0;
        margin-top: 10px;
    }
    .about_one_txts p{
        line-height: 26px;
    }
    .about_one_img{
        width: 100%;
        height: auto;
        padding-top: 1%;
        background: none;
    }
    .about_one_img img{
        display: inline-block;
    }
    .about_two{
        margin-top:30px;
        padding: 0 0.5%;
    }
    .about_two_ou{
        margin-top: 30px;
    }
    .about_two_ou ul li{
        width: 48%;
        margin:0 1% 10px 0;
    }
    .about_two_ou ul li:nth-of-type(1){
        width: 48%;
        padding:10% 0 0 1%;
    }
    .about_two_ou ul li:nth-child(2n){
        float: right;
        margin-right: 0;
    }
    .about_two_on ul li img{
        margin: -3px 5px 0;
    }
    .about_two_on ul li span{
        display: none;
    }
    .about_two_on{
        margin: 20px 0 50px;
    }
    .about_three{
        height: 380px;
    }
    .about_three h1{
        font-size: 34px;
        margin: 53px 0 58px;
    }
    .about_three h4{
        font-size: 20px;
        padding-left:8%;
        margin-bottom: 50px;
        background: url(../images/images_10.png) no-repeat 1% center;
    }
    .about_four{
        padding: 0 0.5%;
        margin-top: 50px;
    }
    .about_four_txt{
        width: 100%;
    }
    .a_f_t_honor{
        padding-left: 0;
        margin-top: 10px;
    }
    .about_four_img{
        width: 100%;
    }
    .about_four_img .swiper-container {
        width: 100%;
        height: 100%;
        padding:5% 0 40px;
    }
    .about_five{
        margin-top: 30px;
        padding: 0 0.5%;
    }
    .env_banners{
        margin: 30px 0 50px;
    }
    .env_banner .swiper-container{
        padding: 0 0;
    }
    .env_banner .swiper-button-next, .env_banner .swiper-button-prev{
        display: none;
    }
}
@media (max-width: 768px){
    .about_title{
        padding-left:0;
        font-size: 18px;
        text-align: center;
        border-left: none;
    }
    .about_title span{
        font-size: 16px;
    }
    .about_one_txt .about_title{
        margin-top: 0;
    }
    .about_one{
        margin: 20px 0 0;
        padding: 0 0.5%;
    }
    .about_one_txt{
        width: 100%;
    }
    .about_one_txts{
        padding-left: 0;
        margin-top: 0;
    }
    .about_one_txts p{
        line-height: 26px;
    }
    .about_one_img{
        width: 100%;
        height: auto;
        padding-top: 1%;
        background: none;
    }
    .about_one_img img{
        display: inline-block;
    }
    .about_two{
        margin-top:20px;
        padding: 0 0.5%;
    }
    .about_two_ou{
        margin-top: 0;
    }
    .about_two_ou ul li{
        width: 100%;
        margin:0 0 10px 0;
    }
    .about_two_ou ul li:nth-of-type(1){
        width: 100%;
        height:auto;
        padding:5% 2% 10px;
    }
    .about_two_ou ul li:nth-child(2n){
        float: right;
        margin-right: 0;
    }
    .about_two_on{
        margin: 0 0 10px;
    }
    .about_two_on ul li{
        width: 50%;
      	height:60px;
      	font-size:20px;
      	line-height:60px;
        margin-bottom: 10px;
    }
    .about_two_on ul li img{
        max-width: 25%;
        margin: -3px 5px 0;
    }
    .about_two_on ul li span{
        display: none;
    }
    .about_three{
        height: auto;
    }
    .about_three h1{
        font-size: 24px;
        margin: 20px 0 10px;
    }
    .about_three h4{
        height: auto;
        font-size: 16px;
        padding-left:15%;
        margin-bottom: 20px;
        background: url(../images/images_10.png) no-repeat 2% center;
    }
    .about_four{
        padding: 0 0.5%;
        margin-top: 20px;
    }
    .about_four_txt{
        width: 100%;
    }
    .a_f_t_honor{
        font-size: 14px;
        padding-left: 0;
        margin-top: 0;
        line-height: 24px;
    }
    .about_four_img{
        width: 100%;
    }
    .about_four_img .swiper-container {
        width: 100%;
        height: 100%;
        padding:5% 0 10px;
    }
    .about_four_img .swiper-slide{
        width: 100%;
        height: auto;
    }
    .honor_banner_bj{
        display: none;
    }
    .about_five{
        margin-top: 10px;
        padding: 0 0.5%;
    }
    .env_banners{
        margin: 10px 0 50px;
    }
    .env_banner .swiper-container{
        padding: 0 0;
    }
    .env_banner .swiper-button-next, .env_banner .swiper-button-prev{
        display: none;
    }
}
/*产品列表*/
.product,.p_tab_name,.inner_tab_name{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
}
.p_tab_name{
    margin: 60px 0 37px;
}
.p_tab_name li,.inner_tab_name li{

    line-height:18px;
    display: inline-block;
    margin: 0 42px 0 0;
    cursor: pointer;
}
.p_tab_name li a,.inner_tab_name li a{
    font-size:18px;
    color:rgba(114,114,114,1);
    font-family: PingFang;
}
.p_tab_name li:nth-last-of-type(1),.inner_tab_name li:nth-last-of-type(1){
    margin: 0;
}
.p_tab_name li.active a,.p_tab_name li:hover a,.inner_tab_name li.active a,.inner_tab_name li:hover a{
    color: #619AE8
}
.product form{
    width:553px;
    height:41px;
    line-height: 41px;
    margin: 0 auto 52px;
    padding: 0 15px;
    border:1px solid rgba(36,126,251,0.8);
    border-radius:21px;
}
.product form input{
    float: left;
    width: 95%;
    height: 100%;
    font-size:18px;
    font-family:"微软雅黑 Light";
    color:rgba(97,154,232,0.8);
    border: none;
    outline: none;
}
.product form button{
    float: right;
    width: 5%;
    height: 100%;
    border: none;
    outline: none;
    background: #ffffff url("../images/images_14.png") no-repeat center center;
}
.p_tab_list,.p_tab_list_frame{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.p_tab_list_frame{
    display: none;
}
.p_tab_list_frame:nth-of-type(1){
    display: inline-block;
}
.p_tab_list_frame ul li{
    float: left;
    width: 338px;
    height: 412px;
    cursor: pointer;
    margin: 0 16px 68px 0;
    overflow: hidden;
    transition: all .5s;
}
.p_tab_list_frame ul li:nth-child(4n){
    margin-right: 0;
}
.product_list_img{
    width: 100%;
    height: 338px;
    text-align: center;
    line-height: 338px;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
}
.product_list_img img{
    max-width: 100%;
}
.product_list_img_hover{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .6s;
    background:rgba(60,172,212,0.5);
    position: absolute;
    top:0;
    left: 0;
    opacity: 0;
}
.product_list_img_hover span{
    width:134px;
    height:40px;
    margin: 0 auto;
    font-size:18px;
    color:rgba(60,172,212,1);
    text-align: center;
    line-height: 40px;
    background:rgba(255,255,255,1);
    border-radius:20px;
    display: inline-block;
}
.product_list_txt{
    width: 100%;
    height: 74px;
    font-size:18px;
    font-family: PingFang;
    color:rgba(159,160,160,1);
    text-align: center;
    line-height: 74px;
    letter-spacing: 1px;
    transition: all .5s;
    border:1px solid rgba(229,229,229,1);
    border-right: 8px solid #3CACD4;
}
.p_tab_list_frame ul li:hover .product_list_img_hover{
    opacity: 1;
}
.p_tab_list_frame ul li:hover .product_list_txt{
    color: #3CACD4;
    border-left: 8px solid #3CACD4;
}
.p_tab_list_frame .page{
    margin: 8px 0 150px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
    .p_tab_list{
        padding: 0 1%;
    }
    .p_tab_list_frame ul li{
        width: 32%;
        margin-right: 2%;
    }
    .p_tab_list_frame ul li:nth-child(3n){
        margin-right: 0
    }
    .p_tab_list_frame ul li:nth-child(4n){
        margin-right: 2%;
    }
}
@media (max-width: 1200px) and (min-width: 993px) {
    .p_tab_name{
        display: none;
    }
    .product form{
        margin: 20px auto;
    }
    .p_tab_list{
        padding: 0 1%;
    }
    .p_tab_list_frame ul li{
        width: 32%;
        margin-right: 2%;
    }
    .p_tab_list_frame ul li:nth-child(3n){
        margin-right: 0
    }
    .p_tab_list_frame ul li:nth-child(4n){
        margin-right: 2%;
    }
}
@media (max-width: 993px) and (min-width: 768px) {
    .p_tab_name{
        display: none;
    }
    .product form{
        margin: 20px auto;
    }
    .p_tab_list{
        padding: 0 1%;
    }
    .p_tab_list_frame ul li{
        width: 48%;
        margin:0 1% 15px;
    }
    .p_tab_list_frame ul li:nth-child(3n){
        margin:0 1% 15px;
    }
    .p_tab_list_frame ul li:nth-child(4n){
        margin:0 1% 15px;
    }
    .p_tab_list_frame .page{
        margin: 10px 0 20px;
    }
}
@media (max-width: 768px){
    .p_tab_name{
        display: none;
    }
    .product form{
        width: 80%;
        margin: 20px auto;
    }
    .p_tab_list{
        padding: 0 1%;
    }
    .p_tab_list_frame ul li{
        width: 94%;
        margin:0 3% 15px;
    }
    .p_tab_list_frame ul li:nth-child(3n){
        margin:0 3% 15px;
    }
    .p_tab_list_frame ul li:nth-child(4n){
        margin:0 3% 15px;
    }
    .p_tab_list_frame .page{
        margin: 10px 0 20px;
    }
}
/*产品详情*/
.product_detail_ou{
    width: 100%;
    height: auto;
    text-align: left;
    margin: 105px 0 0;
    padding-bottom: 75px;
    border-bottom: 1px solid rgba(0,140,214,0.5);
    overflow: hidden;
}
.product_detail_ou_txt{
    float: left;
    width: 630px;
    padding: 0 58px;
    height: auto;
    overflow: hidden;
}
.product_detail_ou_txt h1{
    font-size:30px;
    color:rgba(84,84,84,1);
    line-height:30px;
}
.product_detail_ou_txt a{
    width:92px;
    height:38px;
    font-size: 14px;
    color: #ffffff;
    line-height: 38px;
    text-align: center;
    margin: 29px 0 30px;
    background:rgba(60,172,212,1);
    border-radius:5px;
    display: inline-block;
}
.product_jj{
    width: 467px;
    height: auto;
    font-size:14px;
    font-family: "微软雅黑 Light";
    font-weight: bold;
    letter-spacing: 2px;
    color:rgba(153,153,153,1);
    line-height:36px;
    padding: 53px 0 81px;
    overflow: hidden;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}
.product_rx{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.product_rx h4{
    font-size:16px;
    color:rgba(113,113,113,1);
    line-height:18px;
    margin-top: 57px;
}
.product_rx p{
    font-size:24px;
    color:rgba(60,172,212,1);
    line-height:18px;
    margin-top: 23px;
}
.product_detail_ou_img{
    float: right;
    width: 685px;
    height: auto;
    margin-right: 65px;
    overflow: hidden;
}
.gallery-top{
    width: 100%;
    height: 586px;
    overflow: hidden;
}
.gallery-top .swiper-slide{
    width: 100%;
    height: 100%;
    text-align: center;
    background-size: auto 90% !important;
}
.gallery-top .swiper-slide img{
    max-width: 100%;
    display: none;
}
.gallery-thumbs{
    width: 100%;
    height: 128px;
    margin-top: 49px;
    overflow: hidden;
}
.gallery-thumbs .swiper-slide{
    width: 100%;
    height: 100%;
    border:1px solid rgba(191,191,191,1);
    overflow: hidden;
    background-size: auto 90% !important;
}
.product_detail_on{
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 118px;
    overflow: hidden;
}
.product_detail_on > img{
    max-width: 100%;
    margin: 20px 0 20px 40px;
}
.p_d_center{
    width: 100%;
    height: auto;
    padding: 20px 2px;
    overflow: hidden;
}
.p_center_it{
    float: left;
    width:926px;
    height:auto;
    padding: 10px 1% 55px;
    text-align: center;
    border:1px solid rgba(222,222,222,1);
    overflow: hidden;
    box-shadow: 0 1px 10px 0 rgba(4,0,0,0.1);
}
.p_center_it img{
    max-width: 100%;
}
.p_center_tj{
    float: right;
    width: 443px;
    height: auto;
}
.p_center_tjs{
    width: 100%;
    height: auto;
    margin-bottom: 23px;
    border:1px solid rgba(222,222,222,1);
    overflow: hidden;
    box-shadow: 0 1px 5px 0 rgba(4,0,0,0.1);
}
.p_center_tjs > h1{
    font-size:18px;
    color:rgba(129,129,129,1);
    line-height:18px;
    margin: 34px 0 25px 45px;
}
.p_center_tjs > ul{
    width: 391px;
    height: auto;
    margin: 0 14px 0 38px;
    padding-bottom: 12px;
    overflow: hidden;
}
.p_center_tjs > ul li{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
}
.p_center_tjs_img{
    width: 100%;
    height: 360px;
    line-height: 360px;
    overflow: hidden;
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.05);
}
.p_center_tjs_imgs{
    width: 100%;
    height: 300px;
    line-height: 300px;
    overflow: hidden;
}
.p_center_tjs_img > img{
    max-width: 100%;
    transition: all .6s;
}
.p_center_tjs > ul li p{
    width: 100%;
    height:16px;
    font-size:16px;
    color:rgba(129,129,129,1);
    line-height:16px;
    overflow: hidden;
    margin: 25px 0;
}
.p_center_tjs > ul li:hover .p_center_tjs_img > img{
    transform: scale(1.1);
}
.p_center_tjs > ul li:hover p{
    color:rgba(60,172,212,1);
}
@media (max-width: 1400px) and (min-width: 1200px){
    .product_detail_ou{
        padding: 0 1% 60px;
    }
    .product_detail_ou_img{
        width: 58%;
        margin-right: 0;
    }
    .product_detail_ou_txt{
        width: 40%;
        padding: 0;
    }
    .p_d_center{
        padding: 20px 0.5%;
    }
    .p_center_it{
        width: 64%;
    }
    .p_center_tj{
        width: 35%;
    }
    .p_center_tjs > ul{
        width: 90%;
        margin: 0 auto;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .product_detail_ou{
        padding: 0 1% 60px;
        margin: 55px 0 0;
    }
    .product_detail_ou_img{
        width: 58%;
        margin-right: 0;
    }
    .gallery-top .swiper-slide{
         background-size: 100% !important;
     }
    .gallery-top{
        height: 450px;
    }
    .product_detail_ou_txt{
        width: 40%;
        padding: 0;
    }
    .product_detail_ou_txt h1{
        font-size: 26px;
    }
    .p_d_center{
        padding: 20px 0.5%;
    }
    .p_center_it{
        width: 64%;
    }
    .p_center_tj{
        width: 35%;
    }
    .p_center_tjs > ul{
        width: 90%;
        margin: 0 auto;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .product_detail_ou{
        padding: 0 1% 60px;
        margin: 55px 0 0;
    }
    .product_detail_ou_img{
        width: 100%;
        margin-right: 0;
    }
    .gallery-top {
        height: auto;
    }
    .gallery-top .swiper-slide{
        background: none !important;
    }
    .gallery-top .swiper-slide img{
        display: inline-block;
    }
    .gallery-thumbs{
        height: auto;
        margin-top: 0;
    }
    .gallery-thumbs .swiper-slide{
        border: none;
    }
    .product_detail_ou_txt{
        width: 100%;
        padding: 0;
    }
    .product_detail_ou_txt h1{
        font-size: 26px;
    }
    .p_d_center{
        padding: 20px 0.5%;
    }
    .p_center_it{
        width: 100%;
    }
    .p_center_tj{
        display: none;
    }
}
@media (max-width: 768px){
    .product_detail_ou{
        padding: 0 1% 20px;
        margin: 10px 0 0;
    }
    .product_detail_ou_img{
        width: 100%;
        margin-right: 0;
    }
    .gallery-top {
        height: auto;
    }
    .gallery-top .swiper-slide{
        background: none !important;
    }
    .gallery-top .swiper-slide img{
        display: inline-block;
    }
    .gallery-thumbs{
        height: auto;
        margin-top: 0;
    }
    .gallery-thumbs .swiper-slide{
        border: none;
    }
    .product_detail_ou_txt{
        width: 100%;
        padding: 0;
    }
    .product_detail_ou_txt h1{
        font-size: 20px;
    }
    .product_detail_ou_txt a{
        margin: 10px 0;
    }
    .product_jj{
        width: 100%;
        padding: 0;
    }
    .product_rx h4{
        margin-top: 5px;
    }
    .product_detail_on{
        margin-bottom: 20px;
        text-align: center;
    }
    .product_detail_on > img{
        max-width: 80%;
        margin: 2% auto;
    }
    .p_d_center{
        padding: 10px 0.5%;
    }
    .p_center_it{
        width: 100%;
    }
    .p_center_tj{
        display: none;
    }
    .p_center_tjs > ul{
        width: 90%;
        margin: 0 auto;
    }
}
/*案例列表*/
.eng_case{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
}
.eng_case .inner_tab_name{
    margin: 74px 0 54px 0;
}
.inner_tab_list,.eng_tab_list_frame,.eng_tab_list_frame ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.eng_tab_list_frame{
    display: none;
}
.eng_tab_list_frame:nth-of-type(1){
    display: inline-block;
}
.eng_tab_list_frame ul li{
    float: left;
    width: 337px;
    height: 256px;
    margin: 0 17px 19px 0;
    overflow: hidden;
}
.eng_tab_list_frame ul li:nth-child(4n){
    margin: 0 0 19px 0;
}
.eng_tab_list_frame ul li a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    background-size: 100% 100% !important;
    position: relative;
}
.eng_tab_list_frame ul li a img{
    width: 100%;
    display: none;
}
.eng_txt{
    width: 100%;
    height: 44px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 44px;
    background:rgba(0,0,0,0.5);
    opacity: 0;
    transition:all 1s;
}
.eng_tab_list_frame ul li a:hover .eng_txt{
    opacity: 1;
}
.eng_tab_list_frame .page{
    margin: 25px 0 125px;
}
@media (max-width: 1400px) and (min-width: 1200px){
    .eng_case{
        padding: 0 0.5%;
    }
    .eng_tab_list_frame ul li{
        width: 24.2%;
        margin: 0 1% 19px 0;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .eng_case{
        padding: 30px 0.5% 0;
    }
    .eng_case .inner_tab_name{
        display: none;
    }
    .eng_tab_list_frame ul li{
        width: 32.6%;
        margin: 0 1% 19px 0;
    }
    .eng_tab_list_frame ul li:nth-child(4n){
        margin: 0 1% 19px 0;
    }
    .eng_tab_list_frame ul li:nth-child(3n),.eng_tab_list_frame ul li:nth-of-type(12){
        margin: 0 0 19px 0;
    }
    .eng_tab_list_frame .page{
        margin: 25px 0 50px;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .eng_case{
        padding: 30px 0.5% 0;
    }
    .eng_case .inner_tab_name{
        display: none;
    }
    .eng_tab_list_frame ul li{
        width: 46%;
        margin: 0 2% 19px 2%;
    }
    .eng_tab_list_frame ul li:nth-child(4n){
        margin: 0 2% 19px 2%;
    }
    .eng_tab_list_frame ul li:nth-child(3n),.eng_tab_list_frame ul li:nth-of-type(12){
        margin: 0 2% 19px 2%;
    }
    .eng_tab_list_frame .page{
        margin: 25px 0 50px;
    }
}
@media (max-width: 768px){
    .eng_case{
        padding: 30px 0.5% 0;
    }
    .eng_case .inner_tab_name{
        display: none;
    }
    .eng_tab_list_frame ul li{
        width: 98%;
        height: auto;
        margin: 0 1% 10px 1%;
    }
    .eng_tab_list_frame ul li:nth-child(4n){
        margin: 0 1% 10px 1%;
    }
    .eng_tab_list_frame ul li:nth-child(3n),.eng_tab_list_frame ul li:nth-of-type(12){
        margin: 0 1% 10px 1%;
    }
    .eng_tab_list_frame ul li a{
        background: none !important;
    }
    .eng_tab_list_frame ul li a img{
        display: inline-block;
    }
    .eng_txt{
        opacity: 1;
    }
    .eng_tab_list_frame .page{
        margin: 25px 0 50px;
    }

}
/*新闻列表*/
.new{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.new .inner_tab_name{
   margin: 91px 0 50px;
}
.new_tab_list_frame{
    width: 100%;
    height: auto;
    padding: 13px 3px;
    overflow: hidden;
    display: none;
}
.new_tab_list_frame:nth-of-type(1){
    display: inline-block;
}
.new_tab_list_frame ul li{
    float: left;
    width: 100%;
    height: 267px;
    padding: 20px 0 21px 22px;
    margin-bottom: 50px;
    overflow: hidden;
    border: 1px solid rgb(229,229,229);
    box-shadow: 0 1px 5px 0 rgba(4,0,0,0.1);
    transition: all .6s;
}
.new_tab_list_frame ul li a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}
.new_list_img{
    float: left;
    width: 357px;
    height: 100%;
    text-align: center;
    overflow: hidden;
    background-size: cover !important;
}
.new_list_txt{
    float: left;
    width: 911px;
    height: 100%;
    color:#727272;
    margin-left: 38px;
    overflow: hidden;
}
.new_list_txt h1{
    font-size:24px;
    line-height:24px;
    font-weight: bold;
    letter-spacing: 3px;
    margin: 20px 0 20px;
    transition: all .6s;
}
.new_list_txt p{
    font-size:16px;
    line-height:36px;
    letter-spacing: 1px;
}
.new_list_txt span{
    margin: 10px 0 0;
}
.new_tab_list_frame ul li:hover{
    border: 1px solid rgba(60,172,212,1);
    box-shadow: 0 1px 10px 0 rgba(4,0,0,0.1);
}
.new_tab_list_frame ul li:hover .new_list_txt h1{
    color: #3CACD4;
}
.new_tab_list_frame .page{
   margin-bottom: 150px;
}
@media (max-width: 1400px) and (min-width: 1200px){
    .new_list_img{
        width: 25.5%;
    }
    .new_list_txt{
        width: 65%;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .new_list_img{
        width: 30%;
    }
    .new_list_txt{
        width: 65%;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .new_tab_list_frame ul li{
        padding: 1%;
    }
    .new_list_img{
        width: 33%;
    }
    .new_list_txt{
        width: 65%;
        margin-left: 1%;
    }
    .new_list_txt h1{
        font-size: 20px;
        margin: 15px 0;
    }
    .new_list_txt p{
        font-size: 14px;
    }
    .new_list_txt span{
        margin: 10px 0 0;
    }
}
@media (max-width: 768px){
    .new .inner_tab_name{
        display: none;
    }
    .new_tab_list_frame ul li{
        padding: 1%;
        margin-bottom: 15px;
        height: auto;
    }
    .new_list_img{
        display: none;
    }
    .new_list_txt{
        width: 100%;
        margin-left: 0;
    }
    .new_list_txt h1{
        font-size: 18px;
        margin: 15px 0;
    }
    .new_list_txt p{
        font-size: 12px;
        line-height: 18px;
    }
    .new_list_txt span{
        margin: 10px 0 0;
    }
    .new_tab_list_frame .page{
        margin-bottom: 15px;
    }
}

/*案例详情+新闻详情*/
.detail{
    width: 100%;
    height: auto;
    padding: 37px 0 81px 0;
    text-align: center;
    overflow: hidden;
}
.detail_left{
    float: left;
    width: 1065px;
    height: auto;
    border: 1px solid rgba(210,210,210,1);
    overflow: hidden;
}
.detail_title{
    width: 100%;
    height: auto;
    min-height: 139px;
    text-align: left;
    padding: 48px 0 0 26px;
    border-bottom: 1px solid rgb(213,213,213);
}
.detail_title h1{
    font-size:36px;
    font-family: PingFang;
    color:rgba(97,97,97,1);
    line-height:36px;
    margin-bottom: 8px;
    letter-spacing: 3px;
}
.detail_title span,.new_list_txt span{
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size:14px;
    color:rgba(114,114,114,1);
    margin-right: 55px;
    padding-left: 34px;
    background-size: 100% 100%;
    display: inline-block;
}
.detail_content{
    width: 100%;
    height: auto;
    padding: 15px 29px 68px 21px;
    overflow: hidden;
    border-bottom: 1px solid rgb(149,149,149);
}
.detail_content p{
    font-size:16px;
    font-family:PingFang;
    color:rgba(114,114,114,1);
    line-height:36px;
    text-align: left;
    /*text-indent: 2em;*/
    letter-spacing: 1px;
}
.detail_content img{
    max-width: 100%;
    margin: 10px 0;
}
.detail_page{
    width: 100%;
    height: 168px;
    padding: 67px 12px 0;
    overflow: hidden;
}
.detail_page .pre,.detail_page .next{
    width: auto;
  	max-width: 49%;
    height:45px;
    color: #b4b4b4;;
    font-size: 16px;
    line-height: 45px;
    padding: 0 12px;
    border:1px solid #b4b4b4;
    border-radius:5px;
    overflow: hidden;
    display: inline-block;
}
.detail_page .pre:hover,.detail_page .next:hover{
    color: #727272;;
    border:1px solid #727272;
}
.detail_page .pre a,.detail_page .next a{
    color: #b4b4b4;;
}
.detail_page .pre:hover a,.detail_page .next:hover a{
    color: #727272;;
}
.detail_page .pre:nth-of-type(1){
    float: left;
}
.detail_page .next:nth-of-type(2){
    float: right;
}
.detail_right{
    float: right;
    width: 310px;
    height: auto;
    padding: 0 17px 0 20px;
    text-align: left;
    overflow: hidden;
    border:1px solid rgb(210,210,210);
}
.detail_search{
    width: 100%;
    height: 37px;
    border: 1px solid rgb(181,181,181);
    border-radius:19px;
    margin: 43px 0 20px 0;
    padding: 0 15px;
    overflow: hidden;
}
.detail_search form{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.detail_search form input{
    float: left;
    width: 90%;
    height: 100%;
    color: #A6A6A6;
    font-size:16px;
    overflow: hidden;
    border: none;
    outline: none;
}
.detail_search form button{
    float: right;
    width: 10%;
    height: 100%;
    border: none;
    outline: none;
    background: #ffffff url(../images/images_14.png) no-repeat center center;
}
.detail_new,.detail_rec{
    width: 100%;
    height: auto;
    padding: 19px 0;
    overflow: hidden;
    border-top: 1px solid #BFBFBF;
}
.detail_new h4,.detail_rec h4{
    padding-left: 8px;
    font-size:16px;
    color:rgba(60,172,212,1);
    line-height:36px;
}
.detail_rec h4{
    padding-left: 0;
    color:rgba(89,89,89,1);
}
.detail_rec ul li{
    width: 100%;
    height: 48px;
    padding-left: 16px;
    line-height: 48px;
    border-bottom: 1px solid rgb(191,191,191);
    overflow: hidden;
}
.detail_rec ul li:nth-last-of-type(1){
    border-bottom: none;
}
.detail_rec ul li a{
    color: #595959;
    font-size: 14px;
    font-family: PingFang;
}
@media (max-width: 1400px) and (min-width: 993px) {
    .detail{
        padding: 37px 0.5% 81px;
    }
    .detail_left{
        width: 76%;
    }
    .detail_right{
        width: 22%;
        padding: 0 1%;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .detail{
        padding: 20px 0.5% 60px;
    }
    .detail_left{
        width: 100%;
    }
    .detail_right{
        display: none;
    }
}
@media (max-width: 768px){
    .detail{
        padding: 20px 0.5% 60px;
    }
    .detail_left{
        width: 100%;
    }
    .detail_title,.detail_content{
      	text-align: center;
      	min-height:auto;
        padding: 10px 1%;
    }
    .detail_title h1{
        font-size: 18px;
        text-align: center;
    }
  	.detail_title span, .new_list_txt span{
  		margin-right: 15px;
  	}
    .detail_page{
      	height:auto;
        padding: 15px 1%;
    }
  	.detail_page .pre, .detail_page .next{
  		max-width:100%;
      	font-size:12px;
        margin-bottom: 5px;
  	}
    .detail_page a{
      	font-size:12px;
        margin-bottom: 15px;
    }
    .detail_page a:nth-of-type(2){
        float: left;
    }
    .detail_right{
        display: none;
    }
}

/*联系我们*/
.contact_us{
    width: 100%;
    height: auto;
    padding:137px 0 140px;
    overflow: hidden;
}
.cont_info{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.info_txt{
    float: left;
    width: 430px;
    height: auto;
    overflow: hidden;
}
.info_txt h2{
    font-size:36px;
    font-family: "微软雅黑";
    font-weight:bold;
    color:rgba(70,70,70,1);
    line-height:36px;
    margin-bottom: 37px;
    letter-spacing: 3px;
}
.info_txt h1{
    font-size:30px;
    font-family: "微软雅黑 Light";
    font-weight:bold;
    color:rgba(70,70,70,1);
    line-height:30px;
    letter-spacing: 3px;
    margin-bottom: 51px;
}
.info_txt_s{
    width: 100%;
    height: auto;
    font-size:24px;
    font-family: "微软雅黑 Light";
    color:rgba(70,70,70,1);
    line-height:24px;
    margin-bottom: 51px;
    overflow: hidden;
}
.info_txt_s span{
    float: left;
    width: auto;
    height: 100%;
    font-size: 24px;
    overflow: hidden;
    display: inline-block;
}
.info_txt_s:nth-of-type(1) span{
    height: 48px;
}
.info_txt_s:nth-last-of-type(1) span{
    height: 55px;
}
.info_form{
    float: right;
    width: 50%;
    height: auto;
    overflow: hidden;
}
.info_form input{
    width: 100%;
    height:58px;
    color: #AAA9A9;
    font-size: 18px;
    line-height: 58px;
    padding-left: 12px;
    outline: none;
    font-family: "微软雅黑 Light";
    font-weight: 600;
    margin-bottom: 37px;
    border: 1px solid #434343;
}
.info_form input::-webkit-input-placeholder{color: #AAA9A9;}
.info_form input:-moz-placeholder{color: #AAA9A9;}
.info_form input.f_i_o{width: 46%;}
.info_form textarea{
    width: 100%;
    height: 220px;
    overflow: hidden;
    outline: none;
    color: #AAA9A9;
    font-size:18px;
    font-family: "微软雅黑 Light";
    font-weight: 600;
    margin-bottom: 34px;
    padding: 23px 12px;
    border: 1px solid #434343;
}
.info_form button{
    width:228px;
    height:66px;
    font-size:24px;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 66px;
    background:rgba(60,172,212,1);
    border: none;
    outline: none;
}
.map{
    width: 100%;
    height: 700px;
    margin-top: 81px;
    overflow: hidden;
}
.map img{
    max-width: 100%;
}
@media (max-width: 1400px) and (min-width: 1200px){
    .contact_us{
        padding: 137px 2% 140px;
    }
}
@media (max-width: 1200px) and (min-width: 993px){
    .contact_us{
        padding: 50px 2% 140px;
    }
    .map{
        height: 500px;
    }
}
@media (max-width: 993px) and (min-width: 768px){
    .contact_us{
        padding: 50px 1% 70px;
    }
    .info_txt{
        width: 40%;
    }
    .info_txt h2{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .info_txt h1{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .info_txt_s{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .info_txt_s span{
        font-size: 18px;
    }
    .info_form{
        width: 55%;
    }
    .info_form textarea{
        height: 180px;
    }
    .map{
        height: 350px;
        margin-top: 50px;
    }
}
@media (max-width: 768px){
    .contact_us{
        padding: 20px 1% 70px;
    }
    .info_txt{
        width: 100%;
    }
    .info_txt h2{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .info_txt h1{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .info_txt_s{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .info_txt_s span{
        font-size: 18px;
    }
    .info_txt_s:nth-of-type(1) span{
        height: auto;
    }
    .info_form{
        width: 100%;
    }
    .info_form input{
        margin-bottom: 15px;
    }
    .info_form input.f_i_o{
        width: 100%;
    }
    .info_form textarea{
        height: 180px;
        margin-bottom: 10px;
    }
    .map{
        height: 250px;
        margin-top: 50px;
    }
}

.searchs{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.search{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 10px;
    overflow: hidden;
    transition: all 1s;
}
.search_list{
    float: left;
    width: 18%;
    padding-bottom: 30px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.search_list ul{
    width: 100%;
    height: auto;
    padding: 10px 0 0;
    overflow: hidden;
}
.search_list_tit{
    width: 100%;
    height: 43px;
    line-height: 43px;
    overflow: hidden;
    padding-left: 8%;
    font-size: 14px;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.search_list ul li{
    width: 100%;
    height: 50px;
    padding-left: 8%;
    line-height: 50px;
    overflow: hidden;
}
.search_list ul li a{
    color: #1e2b37;
    font-size: 14px;
}
.search_cont{
    float: right;
    width: 80%;
    height: auto;
    overflow: hidden;
}
.search_cont ul li{
    float: left;
    width: 32.6%;
    height: 340px;
    margin: 0 1% 15px 0;
    overflow: hidden;
}
.search_cont ul li:nth-child(3n){
    margin-right: 0;
}
.search_cont ul li a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}
.s_cont_img{
    width: 100%;
    height: 240px;
    text-align: center;
    overflow: hidden;
    background-color: rgba(0,0,0,.03);
}
.s_cont_img:hover{
    text-align: center;
    background-size: 110% !important;
}
.s_cont_img img{
    height: 100%;
    overflow: hidden;
}
.s_cont_txt{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.s_cont_txt h4{
    font-size: 16px;
    color: rgb(81, 81, 81);
    line-height: 34px;
    margin-top: 5px;
    text-align: center;
}
.s_cont_txt span{
    font-size: 14px;
    color: rgb(150, 150, 150);
    line-height: 18px;
    display: inline-block;
}
@media (max-width: 1400px) and (min-width: 1200px){
    .search{
        width: 1200px;
    }
}
@media (max-width: 1200px) and (min-width: 768px){
    .search{
        width: 100%;
        padding: 20px 1%;
    }
    .search_list{
        width: 100%;
        padding-bottom: 10px;
    }
    .search_list ul li{
        float: left;
        width: 33.33%;
        text-align: center;
        padding-left: 0;
    }
    .search_cont{
        width: 100%;
        margin-top: 50px;
    }
}
@media (max-width: 768px){
    .search{
        width: 100%;
        padding: 20px 1%;
    }
    .search_list{
        width: 100%;
        padding-bottom: 10px;
    }
    .search_list ul li{
        float: left;
        width: 33.33%;
        height: auto;
        text-align: center;
        padding-left: 0;
    }
    .s_cont_img{
        height: auto;
    }
    .s_cont_img img{
        max-width: 100%;
        height: auto;
    }
    .search_cont{
        width: 100%;
        margin-top: 30px;
    }
    .search_cont ul li{
        width: 100%;
        height: auto;
        margin: 0 0 15px 0;
    }
}