*{ margin:0; padding:0;transition: all 0.3s}
body { width:100%;margin:0 auto; font-size:14px; font-family:""; line-height:150%;color:#4d4d4d;position:relative;    letter-spacing: 2px;}
ul,dl,dd,dt,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}
h1 { font-size:20px; font-family:'Microsoft YaHei';}
h2 { font-size:12px; font-weight:normal;}
h3 { font-size:14px; font-weight:normal;}
h4 { font-size:12px; font-weight:normal;}
h5 { font-size:12px; font-weight:normal;}
ul { list-style:none;}
li { list-style:none;}
img { border:none;}
a {color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
p{ word-spacing:-1.5px; padding:0; margin:0;}
section{display: block;width: 100%}
input{border:0;outline:none;}
.clear{clear: both;}
.l{float: left;}
.r{float: right;}
.w1200{width: 1200px;margin: auto;}
.mt60{margin-top:60px}
body{min-width: 1200px}
.head .head_1{    height: 40px;
    background: #333;
    width: 100%;
}
.head .head_1 .w1200{}
.head .head_1 .head_1_l{float: left;height: 40px;color: #fff;display: flex;align-items: center;}
.head .head_1 .head_1_l em{    font-style: normal;
    display: flex;
    width: 20px;
    background: #ff4200;
    align-items: center;
    justify-content: center;
    margin-left: 5px;}
.head .head_1 .head_1_r{float: right;
    height: 40px;
    display: flex;
    align-items: center;}   
.head .head_1 .head_1_r li{    color: #fff;
    display: flex;
    height: 40px;
    align-items: center;
    margin-left: 24px;
    cursor: pointer;    position: relative;}
.ab_img{    position: absolute;
    top: 100%;
    left: 0;display: none;width: 150px;height: 150px}    
.head .head_1 .head_1_r li:hover .ab_img{display: block;}
.contact_1 .hot_xf{position: fixed;width: 270px;background: #fff;top:76px;}
.kjdh{     position: fixed;
    top: 55px;
    right: 55px;
    width: 720px;
    padding: 80px 140px 40px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;display: none;z-index:2}
.kjdh a{      float: left;
    font-size: 16px;
    width: 80px;
    text-align: center;
    margin-right: 70px;
    margin-bottom: 10px;}
.kjdh a.frist{      color: #000;
    width: 100px;
    text-align: center;
    margin-right: 0;}
.kjdh .r{    width: 530px;}
.kjdh .r a{}
.kjdh .r a:nth-of-type(4n){margin-right: 0} 
.kjdh .close{    position: absolute;
    top: 60px;
    right: 60px;
    font-size: 25px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border: 3px #999 solid;
    color: #999;cursor: pointer;}     
 .head_2{
    height: 165px;
    width: 100%;
    border-bottom: 1px #026aeb solid;
}   
.head_2 .head_2_l{
    height: 115px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 25px; */
    }
.head_2 .head_2_l img{
    width: 74px;
}
.head_2 .head_2_l .head_2_l_t{margin-left: 10px;}
.head_2 .head_2_l .head_2_l_t1{
    font-size: 20px;
    font-weight: bold;
    color: #121212;
    line-height: 36px;
    }
.head_2 .head_2_l .head_2_l_t2{
    font-size: 14px;
    color: #515151;
    letter-spacing: 2px;
    }
.search-r{
    float: left;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: 40px;
    /* margin-top: 25px; */
}
.search-r .search_box{
    border: 1px #026aeb solid;
   /* width: 340px;*/
    height: 34px;
    border-radius: 5px 0 0 5px;
    margin-top: 10px;
    }
.search-r .search_box .text1{
    background: url(/template/default/static/images/ss.png)no-repeat 10px center;
    float: left;
    border: 0;
    height: 100%;
    width: 258px;
    text-indent: 35px;
    }
.search-r .search_box .btn{
    float: left;
    width: 82px;
    border: 0;
    height: 100%;
    background: #026aeb;
    color: #fff;
    }
.search_tag{    width: 100%;
    display: flex;
    font-size: 12px;
    color: #585858;
    margin-top: 5px;}
.search_tag p{}
.search_tag span{    margin-left: 10px;cursor: pointer;}    
.head_3{height: 76px;
    width: 100%;}
.head_3 .xf_box{    height: 60px;
    border-top: 8px #f5f5f5 solid;
    border-bottom: 8px #f5f5f5 solid;}
.head_3 .nav_box{    display: flex;
    flex-direction: row;
    align-items: center;
    height: 60px;}
.head_3 .nav_box a{    font-size: 16px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;}
.head_3 .nav_box .thisclass{    color: red;
    border-bottom: 2px red solid;}
.head_xf{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1007;
    background: #fff;}
.left_xf{    position: fixed;
    right: 100px;
    z-index: 1010;
    top: 20%;display:none}
.left_xf ul{    width: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;}
.left_xf ul:hover{    width: 205px;}
.left_xf li{    width: 80px;
    height: 65px;
    display: flex;
    background: #626262;
    margin-bottom: 5px;
    align-items: center;
    flex-direction: column;    justify-content: center;}
.left_xf li.h:hover{width: 205px;
    background: #e60012;}    
.left_xf li.h a{    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;} 
.go_more1{    display: block;
    margin: auto;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: red;
    border-radius: 5px;
    margin-bottom: 20px;}
.left_xf li.h a:hover{justify-content: space-between;
    flex-direction: row-reverse;}   
.left_xf li.gotop{cursor: pointer;}
.left_xf .s1{    width: 80px;
    height: 24px;}
.left_xf .p1{    font-size: 12px;
    width: 80px;
    color: #fff;
    text-align: center;}
.left_xf .p2{display: none;font-size: 14px;
    color: #fff;
    margin-left: 20px;}
.left_xf li.h a:hover .p1{display: none}      
.left_xf li.h a:hover .p2{display: block;}      
.index_swiper{width: 100%;height: auto}
.index_swiper .index_swiper_next{
    background-image: url(/templets/default/static/images/zuo.png);
    left: 10px;
    right: auto;    width: 150px;
    height: 150px;
    background-size: 100% 100%;
    top: calc(50% - 75px);opacity: 0.5;
}
.index_swiper .index_swiper_prev{
    background-image: url(/templets/default/static/images/you.png);
    right: 10px;
    left: auto;    width: 150px;
    height: 150px;
    background-size: 100% 100%;
    top: calc(50% - 75px);opacity: 0.5;
}
.index_2{float: left;
    width: 100%;
    height: 140px;
    
    background: #f5f5f5;}
.index_2 .index_2_box{display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;}    
.index_2 .index_2_d{width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;position: relative;}
.index_2 .xian:after{content: '';position: absolute;left: 0;height: 60px;width: 100%;border-left: 1px #7a7a7a solid;top: 20%;}
.index_2 .index_2_d .p1{     font-size: 28px;
    color: #000;
    line-height: 42px;}
.index_2 .index_2_d .p1 span{font-size: 40px;
    color: #ff4200;
    font-weight: bold;
    letter-spacing: 3px;}
.index_2 .index_2_d .p2{font-size: 20px;
    color: #797979;}
.index_title_box{
    margin: 35px auto 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }
.index_title_box_p1{    font-size: 24px;
    position: relative;
    color: #202020;
    line-height: 50px;font-weight:bold;}
.index_title_box_p1:after{content: '';position: absolute;width: 90px;border-bottom: 2px #026aeb solid;top: 50%;right: 120%;}
.index_title_box_p1:before{content: '';position: absolute;width: 90px;border-bottom: 2px #026aeb solid;top: 50%;left: 120%;}    
    
    
    
.index_title_box_p2{    font-size: 20px;
    line-height: 30px;
    color: #797979;
    margin: 5px 0 13px;}
.index_title_box_p3{position: relative;font-size: 22px;color: #202020;}

.index_title_box_p3:after{content: '';position: absolute;width: 90px;border-bottom: 2px #026aeb solid;top: 50%;right: 120%;}
.index_title_box_p3:before{content: '';position: absolute;width: 90px;border-bottom: 2px #026aeb solid;top: 50%;left: 120%;}
.index_title_box_p4{
    font-size: 16px;
    line-height: 30px;
    color: #202020;
    margin: 5px 0 0;
    }
.index_title_box .xian{width: 100px;
    border-bottom: 2px red solid;}    
.index_3{    float: left;
    width: 100%;}
.index_3_box{
    display: flex;
    position: relative;
    }
.index_3_nav{
    width: 132px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-right: 20px;
    background: #f5f5f5;
    font-size: 16px;
    color: #333;
    border-radius: 10px;
    }
.index_3_nav:last-child{margin-right: 0}    
.index_3_nav_p1{cursor: pointer;}
.index_3_box .thisclass a{}    
.index_3_list_box{    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;display: none}
.index_3_box .thisclass  .index_3_list_box{display: block;}   
.index_3_list_box .index_3_list_l{    float: left;
    width: 292.5px;
    height: 515px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;    margin-right: 10px;}
.index_3_list_l img{    border-radius: 15px;
    width: 273px;
    height: 358px;}
.index_3_list_l .index_3_list_t1{ont-size: 16px;
    line-height: 50px;}
.index_3_list_l .index_3_list_t2{    font-size: 14px;
    padding: 0px 45px;}
.img_box{overflow: hidden;}
.img_box .img_hover:hover{transform: scale(1.1);}
.index_3_list_r{display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.index_3_list_r li{    float: left;
    width: 292.5px;
    margin:0 10px 10px 0;}
.index_3_list_r li .img_box{    width: 100%;
    height: 195px;}
.index_3_list_r li .img_box img{width: 100%;height: 100%;transform: scale(1);transition: all 1s;}
.img_list_3 li:nth-of-type(3n){margin-right: 0}
.index_3_list_r li .title_box{    float: left;
    display: flex;
    height: 60px;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;}
.index_3_list_r li .title_box .title_box_p1{font-size: 16px;margin-bottom: 5px;}
.index_3_list_r li:hover .title_box .title_box_p1 a{color:#e60012;} 
.index_3_list_r li .title_box .title_box_p2{    font-size: 14px;
    color: #666;}
.index_3_list_r li .title_box .title_box_p2 span{color: red}
.index_3_list_r li .index_3_list_r_zx{
    float: right;
    width: 40px;
    height: 40px;
    margin: 10px;
    background: #026aeb;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2px;
    }
.index_3_list_r li .index_3_list_r_zx:hover{background: red}      
.index_4{/*background: #fff;*/width: 100%;display: flex;flex-direction: column;align-items: center;} 
.index_4 .index_3_nav{background: #f5f5f5}
.img_list_4 li:nth-of-type(4n){margin-right: 0}

.index_swiper2{width: 100%;height: 540px;position: relative;display: none}
.index_swiper2 img{width:100%}
.index_5{width: 100%;display: flex;flex-direction: column;align-items: center;}
.index_5 .index_swiper2 .index_swiper2_lb {/* width: 930px */}
.index_5 .index_swiper2 .swiper-pagination-bullet{opacity: 0.6}
.index_5 .index_swiper2 .swiper-pagination-bullet-active {background: #fff;opacity: 1;}
.index_swiper2_tabs{position: absolute;
    right: 0;
    height: 100%;
    width: 260px;
    top: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1002;
    border-left: 10px #fff solid;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.index_swiper2_tabs span{    cursor: pointer;
    width: 198px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 1px #fff solid;
    margin: 20px 0;
    border-radius: 10px;
    font-size: 24px;}
.index_swiper2_tabs .thisclass{background: red;border-color: red}
.index_6{float: left;width: 100%}
.index_6 .index_bg{background: url(../images/19.jpg);width: 100%;height: 450px;background-size: 100% 100%;    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;}
.index_bg .index_bg_box{    width: 292.5px;
    background: #fff;
    height: 365px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;box-shadow: 0 0 10px #fff;transition: all 0.2s}
.index_bg .index_bg_box:hover{margin-bottom: 20px}
.index_bg .index_bg_box img{width: 100%;height: 245px}
.index_bg .index_bg_box .index_bg_box_p1{    font-size: 20px;
    color: #ff3300;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;}
.index_bg .index_bg_box .index_bg_box_p2{    font-size: 14px;
    text-align: center;
    padding: 0 25px;
    display: flex;
    height: 60px;}
.index_7{float: left;width: 100%;padding-bottom: 100px}
.index_7_video{float: left;width: 790px;height: 440px}
.index_7_text{    float: left;
    margin-left: 24px;
    width: 386px;
    height: 440px;
    background: #f5f5f5;
    box-shadow: 0 0 20px #c9c9c9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.index_7_text .index_7_text_p1{    font-size: 24px;
    color: #e60012;}
.index_7_text .index_7_text_p2{    font-size: 14px;
    color: #585858;
    padding: 0 40px;
    letter-spacing: 1px;
    text-indent: 29px;
    margin-top: 20px;}

.index_7_text .index_7_text_p3{    font-size: 14px;
    color: #585858;
    padding: 0 40px;
    letter-spacing: 1px;
    text-indent: 29px;
    margin-top: 30px;}
.index_7_text .index_7_text_p3 a{color: #e60012;}
.index_7_text e{color:#e60012 }       
.index_8{float: left;width: 100%;padding: 40px 0;background: #f5f5f5;margin-bottom: 60px}
.news_box{float: left;width: 392px;background: #fff;margin-right: 12px;height: 520px;position: relative;}
.news_box .go_more{    position: absolute;
    font-size: 14px;
    color: #797979;
    right: 20px;
    bottom: 20px;}
.news_box:nth-of-type(3){margin-right: 0px}
.news_box_taps{    height: 24px;
    font-size: 24px;
    color: #000;
  
    border-left: 5px red solid;
    margin: 18px 20px;
    line-height: 24px;
    padding-left: 10px;}
.news_box .index_8_f_img{float: left;width: 352px;height:200px;margin:0 20px; }  
.news_box_1{    float: left;
    width: 100%;
    margin-top: 10px;}
.news_box_1 li{    float: left;
    width: 100%;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;}
.news_box_1 li .news_box_1_i{    width: 20px;
    height: 20px;
    background: red;
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-right: 10px;
}  
.news_box_1 li:nth-of-type(n+4) .news_box_1_i{ background: #c3c3c3;} 
.news_box_1 li .news_box_1_i_t{    width: 210px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
    color: #000;}  
.news_box_1 li .news_box_1_i_time{    font-size: 12px;
    color: #585858;} 
.news_box_1 li:hover a{color: red}    
.news_box_2{      float: left;
    width: calc(100% - 40px);
    padding: 0 20px;}
.news_box_2 li{float: left;width: 100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #dedede solid}
.news_box_2 li:nth-of-type(5){border: 0}
.news_box_2 li .news_box_2_img{    float: left;
    width: 120px;
    height: 80px;
    margin-right: 15px;}
.news_box_2 li .news_box_2_t{    float: left;
    width: 217px;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news_box_2 li .news_box_2_time{    float: right;
    margin-top: 5px;
    color: #585858;}
.footer{    float: left;
    width: 100%;
    height: 295px;
    border-bottom: 1px #999 solid;
    background: #333;}
.footer .footer_div{     display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 100%;}
.footer_1{    width: 430px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;}
.footer_1_d2{     width: 100%;
    height: 72px;
    display: flex;
    margin-bottom: 38px;}
.footer_1_d2 img{
    /* width: 100px; */
    height: 100%;
    margin-right: 10px;
    }
.footer_1_d2 .footer_1_d2_t{    display: flex;
    color: #fff;
    justify-content: center;
    flex-direction: column;}
.footer_1_d2 .footer_1_d2_t .footer_1_d2_t1{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
    }
.footer_1_d2 .footer_1_d2_t .footer_1_d2_t2{    font-size: 16px;}
.footer_1_d3{
    display: flex;
    color: #fff;
    height: 90px;
    align-items: center;
    }
.footer_1_d3 .footer_1_d3_p1{
    font-size: 20px;
    line-height: 30px;
    }
.footer_1_d3 .footer_1_d3_p2{
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 46px;
    color: #e60012;
    }
.footer_2{      width: 275px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;}
.footer_2 .footer_2_p1{
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    }
.footer_2 .footer_2_p2{font-size: 14px;
    color: #fff;
    line-height: 30px;}
.footer_2 img{
    width: 120px;
    /* height: 130px; */
}
.footer_3{
    width: 495px;
    height: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    }
.footer_3_d1{margin-bottom: 21px;}
.footer_3_d2{}
.footer_3 .footer_3_t{    font-size: 20px;
    color: #fff;}
.footer_3 .footer_3_u{    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.footer_3 .footer_3_u li{    width: 80px;
    margin: 20px 20px 0 0;}
._list_5 li:nth-of-type(5n){margin-right: 0}
.footer_3 .footer_3_u li a{    font-size: 14px;
    color: #fff;}
.banquan{    width: 100%;
    height: 60px;
    background: #333;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;}
.banquan p{color: #fff;
    font-size: 14px;
    margin: 0 20px;}
.banquan a{color: #fff}    
.pro_head{float: left;width: 100%;}
.pro_head img{width: 100%;height: 100%}
.pro_2{background: #fff}
.pro_2_nav{
    width: 100%;
    height: 60px;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    }
.pro_2_nav a{
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    }
 .pro_1{float: left;width: 100%}
.pro_1_swiper{padding: 40px 0;background: #f5f5f5;height: 195px;    position: relative;}
.pro_1_a p{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 195px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: rgba(0,0,0,0.6);display: none}
.pro_1_a:hover p{display: block;}   
.pro_1_swiper_bg{    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 195px;
 background: -webkit-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.6)); 
    background: -o-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.6)); 
    background: -moz-linear-gradient(left,rgba(0,0,0,0.6),rgba(0,0,0,0), rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.6)); 
    background: linear-gradient(to right,rgba(0,0,0,0.6), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.6));z-index: 8;display:none
  } 
.pro_1_swiper:hover .pro_1_swiper_bg{display: none} 
.pro_1_swiper .pro_1_swiper_next{
    background-image: url(../images/pro_l.png);
    left: 20px;
    right: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:50%;
}
.pro_1_swiper .pro_1_swiper_prev{
    background-image: url(../images/pro_r.png);
    right: 20px;
    left: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:50%;
} 

.page_box{}
.page_box ul{    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-bottom: 50px;}
.page_box ul li{    font-size: 16px;
    min-width: 20px;
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;height: 100%}
.page_box ul li select{}
.page_box ul li a{height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
.page_box ul li.thisclass a{color: red}
.page_box ul li .sltxt{}
.page_box ul li .slbtn{    width: 100%;
    height: 70%;
    box-sizing: border-box;
    border: 1px #999 solid;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    cursor: pointer;}

.environment_ .index_title_box{margin-top: 50px}
.env_1{float: left;width: 100%;margin-top: 50px;background: #f5f5f5;    padding-bottom: 50px;}
.env_1_swiper{background: #f5f5f5;height: 500px;    position: relative;}
.environment_ .swiper-button-next{
    background-image: url(../images/pro_l.png);
    left: 20px;
    right: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:45%;
}
.environment_ .swiper-button-prev{
    background-image: url(../images/pro_r.png);
    right: 20px;
    left: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:45%;
}     
.env_2{float: left;width: 100%;padding-bottom: 50px}
.env_2_imgBox img{transition: all 0.6s}
.env_2_imgBox .env_2_imgBox1{float:left;margin-right: 10px;margin-bottom: 10px;    height: 480px;}
.env_2_imgBox .env_2_imgBox2{float:left;margin-right: 10px;margin-bottom: 10px;    height: 235px;}
.env_2_imgBox .env_2_imgBox3{float:left;margin-right: 10px;margin-bottom: 10px;    height: 235px;}
.right0{margin-right: 0!important}
.env_3{float: left;width: 100%;background: #f5f5f5;padding-bottom: 50px}
.env_3_swiper{height: 280px}
.env_3_swiper img{height: 236px;width:100%}
.env_3_swiper p{line-height: 44px;text-align: center;font-size: 20px;color: #000}
/*********mien*****/
.mien_1{float: left;width: 100%}
.mien_1 .mien_1_tabs{
    width: 460px;
    height: 80px;
    margin: 60px auto;
    background: #f5f5f5;
    box-shadow: 0 0 15px #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.mien_1 .mien_1_tabs a{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #000;
    }
.mien_1 .mien_1_tabs a.thisclass{
    color: #026aeb;
    border-bottom: 2px #026aeb solid;
    background: #fff;
    }
.mien_1_box .xf{    position: fixed;
    top: 75px;
    left: 0;
    z-index: 1006;}
.mien_1_list{    float: left;
    width: 100%;
    padding-bottom: 90px;}
.mien_1_list .mien_1_list_{    float: left;
    width: 100%;}
.mien_1_list_ .mien_1_list_title{    margin-bottom: 20px;
    border-bottom: 1px red solid;
    margin-top: 40px;    float: left;
    width: 100%;}
.mien_1_list_title .mien_1_list_title_p{
    float: left;
    height: 40px;
    width: 200px;
    font-size: 20px;
    color: #000;
    text-indent: 50px;
    margin-bottom: 10px;
    line-height: 40px;
    }
.mien_1_list_title .mien_1_list_title_a{
    float: right;
    width: 100px;
    height: 40px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    background: #026aeb;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.mien_1_u{float: left;width: 100%}
.mien_1_u li{
    float: left;
    position: relative;
    width: 240px;
    margin-right: 10px;
    height: 177px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px transparent solid;
    box-shadow: 0 0 3px #e9e6e6;
    }
.mien_1_u li .img_box{height: 147px}
.mien_1_u li .img_hover{width: 100%;height: 100%;transition: all 0.6s}
.mien_1_u li p{    line-height: 30px;
    font-size: 14px;
    text-align: center;}
.mien_1_u li:nth-of-type(3n+4){margin-right: 0}
.mien_1_u li:first-child{    width: 450px;
    height: 364px;}
.mien_1_u li:first-child .img_box{height: 100%;width: 100%;}
.mien_1_u li:first-child p{    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: rgba(0,0,0,0.6);}
.mien_1_box .pro_2_nav a.thisclass{background: #fe460e;color: #fff;}

.l_890{float: left;width: 890px}
#map_1{width: 100%;height: 410px;}
#map_2{width: 500px;height: 280px;}
.msg_box1{
    float: left;
    width: 100%;
    margin-top: 40px;
    height: 60px;
    }
.msg_box1 .msg_box1_title{
    float: left;
    width: 160px;
    height: 100%;
    background: #4e525c;
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    letter-spacing: 2px;
    }
.msg_box_u{
    float: left;
    width: 680px;
    margin-left: 10px;
    background: #d7d7d7;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.msg_box_u li{
    width: 120px;
    height: 40px;
    box-sizing: border-box;
    border: 1px #fff solid;
    margin-right: 18px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.msg_box_u li em{
    color: #939393;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 22px;
    }
.msg_box_u li input{
 width:100px;
 text-align: center;
}    
.msg_box_u li input1{
    width: 100px;
    height: 70%;
    background: unset;
    border: 0;
    border-left: 1px #939393 solid;
    text-indent: 10%;
    font-size: 14px;
    color: #939393;
    }
.msg_box_u .msg_box1_btn{
    width: 70px;
    height: 40px;
    background: #efefef;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    }
.msg_box_u li .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #939393; 
}

.msg_box_u li .input1::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #939393;
}

.msg_box_u li .input1:-ms-input-placeholder {
color: #939393;
}

.msg_box_u li .input1::-webkit-input-placeholder {
color: #939393;
}
.jg_box{float: left;width: 100%}
.jg_box_{    float: left;
    width: 100%;    margin-bottom: 30px;
}
.jg_box_ .jg_box_title{
    float: left;
    width: 110px;
    font-size: 20px;
    color: #202020;
    line-height: 40px;
    letter-spacing: 15px;
    }
.jg_box_u{    float: left;
    width: 750px;
    display: flex;
    flex-wrap: wrap;position: relative;}
.jg_box_u li{  width: 142px;
    height: 40px;
    align-items: center;
    margin: 0 10px 10px 0;cursor: pointer;}
.jg_box_u li .jg_box_u_title{
    float: left;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #797979;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    }    
.jg_box_u li:nth-of-type(5n){margin-right: 0}
.jg_box_m{
    height: 175px;
    padding: 20px;
    background: #fff;
    width: 710px;
    position: absolute;
    left: 0;
    display: none;
    margin-top: 60px;
    box-shadow: 0 0 3px #ccc;
   }
.jg_box_m .jg_img{float: left;width: 260px;height: 175px}
.jg_box_t2{
    float: left;
    margin-left: 20px;
    width: 430px;
    position: relative;
    }
.jg_box_t2 .jg_box_t2_p1{    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;}
.jg_box_t2 .t_phone{
    font-size: 14px;
    line-height: 25px;
    display: none;
    }
.jg_box_t2 .t_num{    font-size: 14px;
    line-height: 25px;}
.jg_box_t2 .t_add{    font-size: 14px;
    line-height: 25px;}
.jg_box_t2 .t_url{    float: left;
    width: 130px;
    height: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px red solid;
    color: red;
    border-radius: 5px;
    margin-top: 12px;}
.jg_box_t2 .t_zx{
    width: 130px;
    height: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px #026aeb solid;
    color: #026aeb;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    }
.contact_1{
    width: 100%;
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
    border-top: 1px #f5f5f5 solid;
}
.jg_box_u .thisclass{height: 285px}
.jg_box_u .thisclass .jg_box_u_title{background: #026aeb;color: #fff;}
.jg_box_u .thisclass .jg_box_m{display: block;}
.r_270{    float: right;
    width: 270px;
    margin-top: 100px;    min-height: 800px;}
.r_nav{float: left;
    width: 100%;
    box-shadow: 0 0 5px #ccc;    margin-bottom: 30px;}
.r_nav li{
    float: left;
    width: 100%;
    height: 50px;
    border-bottom: 1px #ebebeb solid;
    display: flex;
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.r_nav li.r_nav_1{
    background: #4e525c;
    margin-bottom: 10px;
    height: 60px;
    }
.r_nav li.r_nav_1 .r_nav_t1{font-size: 16px;font-weight: bold;}
.r_nav li em{    width: 40px;
    font-size: 40px;
    margin-left: 35px;
    color: #999;
    text-align: center;}
.r_nav .r_nav_t1{
    font-size: 20px;
    color: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    }
.r_nav li a{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.r_nav li img{margin-right:10px;}
.r_nav li.thisclass a{color: #fff}
.r_nav li.thisclass{background: #ff4a12;}
.r_nav li.thisclass .r_nav_t1{color: red}
.hot_{float: left;width: 100%}
.hot_ li{    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;}
.hot_ li.hot_more{height: 120px}
.hot_ li.hot_more a{float: left;
    width: 100%;
    height: 100%;
    background: url(../images/hot1.jpg);
    font-size: 20px;
    color: #fff;
    line-height: 120px;
    text-align: center;}
.hot_ .hot_top{    height: 80px;
    background: url(../images/hot2.jpg);
    text-align: center;
    color: #000;
    font-size: 24px;
    line-height: 80px;}
.hot_ .hot_list{height: 95px;
    width: calc(50% - 5px);
    margin-right: 10px;overflow:hidden}
.hot_ .hot_list:nth-of-type(2n+1){margin-right:0}   
.hot_list .hot_list_img{float: left;
    width: 100%;
    height: 100%;    transition: all 0.6s;}
.hot_list .hot_list_img:hover{transform: scale(1.1);}   
.hot_list .hot_list_title{     position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
    text-align: center;
    line-height: 26px;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,0.5);}
.msg_box{    padding: 60px 40px;
    background: #f5f5f5;
    width: 810px;
    float: left;}
.msg_box_name{    float: left;
    width: 340px;
    height: 40px;
    border: 1px #999 solid;
    border-radius: 5px;
    display: flex;
    align-items: center;}
.msg_box_tel{    float: right;
    width: 340px;
    height: 40px;
    border: 1px #999 solid;
    border-radius: 5px;
    display: flex;
    align-items: center;}
.msg_box em{    width: 42px;
    text-align: center;
    font-size: 22px;
    color: #999;
    border-right: 1px #999 solid;}
.msg_box .input1{    background: transparent;
    font-size: 14px;
    text-indent: 10%;
    line-height: 26px;}
.msg_box_con{    float: left;
    width: 100%;
    margin-top: 25px;}
.msg_box_con p{    font-size: 16px;
    color: #000;
    line-height: 30px;}
.msg_box_con .textarea1{    width: 780px;
    resize: none;
    padding: 15px;
    height: 80px;
    margin-top: 10px;
    font-size: 16px;
    color: #797979;}
 .btn_box{    float: left;
    width: 100%;
    margin: 30px 0 40px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;}
.btn_box *{    width: 200px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e3000e;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 0 40px;
    cursor: pointer}
.msg_box .tips{    float: left;
    width: 100%;
    color: #797979;
    font-size: 14px;
    text-indent: 30px;
    line-height: 26px;}
.route_ .index_title_box_p1{margin-bottom: 20px}
.route_js{    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin: 30px 0;}
/*.route_ .jg_box_m{display: block;
    float: left;
    width: 850px;
    position: unset;
    margin-top: 0;}*/
.route_box{    float: left;
    width: 100%;
    margin-top: 35px;}
.route_box .title{float: left;padding:0 20px;background: #e60012;color: #fff;font-size: 20px;line-height: 36px}
.route_box .route_box_list{     float: left;
    width: 100%;
    margin-bottom: 50px;
}
.route_box .route_box_list li{    float: left;
    width: 100%;
    margin-top: 30px;
}
.route_box .route_box_list p{    float: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    width: 15%;}
.route_box .route_box_list span{    float: left;
    width: 85%;
}
.about_head{float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    background: #f5f5f5;
    margin-top: 5px;
    margin-bottom: -10px;}
.about_text{font-size: 14px;color: #202020;margin-top: 10px;text-indent: 30px;}
.about_swiper{    margin-bottom: -130px;}
.about_swiper .about_swiper_box{position: relative;transform: scale(0.717);transform-origin: 0 0;}
.about_swiper .index_swiper2 .index_swiper2_lb {width: 930px}
.about_swiper .index_swiper2 .swiper-pagination-bullet{opacity: 0.6}
.about_swiper .index_swiper2 .swiper-pagination-bullet-active { background: red;opacity: 1}
.about_youshi .about_youshi_box{    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;}
.about_youshi_box li{
    width: 280px;
    margin-right: 10px;
    background: #fff;
    height: 210px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 3px #ccc;
}
.about_youshi_box li:hover{margin-top:-5px;margin-bottom:25px}
.about_youshi_box li:nth-of-type(3n){margin-right: 0}
.about_youshi_box .about_youshi_box_p1{
    background: url(/template/default/static/images/redbg.png)no-repeat;
    width: 48px;
    height: 42px;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 26px;
    margin-top: 24px;
    }
.about_youshi_box .about_youshi_box_p2{
    font-size: 14px;
    color: #121212;
    margin-top: 5px;
    line-height: 33px;
    font-weight: bold;
    }
.about_youshi_box .about_youshi_box_p3{
    color: #797979;
    font-size: 14px;
    padding: 0 15px;
    margin-top: 0px;
    line-height: 30px;
    letter-spacing: 1px;
    }
/*********sale**********/
.sale_box{float: left;width: 100%}
.sale_box li{    float: left;
    width: 430px;
    height: 410px;
    background: #f5f5f5;
    box-shadow: 0 0 10px;
    margin:0 30px 30px 0; }
.sale_box li:nth-of-type(2n){margin-right: 0}
.sale_img_box{    float: left;
    width: 100%;
    height: 280px;
    position: relative;}
.sale_img_box img{    width: 100%;
    height: 100%;}
.sale_img_box .sale_img_box_d{    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    height: 0%;
    width: 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;overflow: hidden;}
.sale_box li:hover .sale_img_box_d{height: 100%;
    width: 100%;}   
.sale_img_box .sale_img_box_d .title{    font-size: 20px;
    margin-bottom: 30px;}
.sale_img_box .sale_img_box_d .body{    font-size: 14px;
    padding: 0 30px;
    text-align: center;}
.sale_text_box{float: left;
    height: 130px;
    width: 100%;}
.sale_text_box .title{    font-size: 20px;
    color: #121212;
    padding: 20px 23px;
}
.sale_text_box .info{    float: left;
    width: 290px;
    margin-left: 10px;
    color: #797979;}
.sale_text_box .zx{float: right;
    margin-right: 15px;
    text-align: center;
    width: 95px;
    height: 32px;
    background: red;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    border-radius: 10px;}
/*****PRO****/
.pro_box{float: left;
    width: 100%;display: flex;
    flex-wrap: wrap;}
.pro_box .pro_box_d{    float: left;
    width: 430px;
    margin: 0 30px 30px 0;
    box-shadow: 0 0 5px #ccc;}
.pro_box .pro_box_d:nth-of-type(2n){margin-right: 0}    
.pro_box_d .pro_box_d_h{    float: left;
    width: 100%;
    height: 64px;
    border-bottom: 1px #d7d7d7 solid;}
.pro_box_d .pro_box_d_h .pro_box_d_h_t{  
    float: left;
    font-size: 20px;
    height: 100%;
    text-indent: 60px;
    display: flex;
    align-items: center;
    color: #121212;}
.pro_box_d .pro_box_d_h .pro_box_d_h_a{    float: right;
    border: 1px #e60012 solid;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #e60012;
    font-size: 16px;
    border-radius: 10px;
    margin: 16px;}
.pro_box_d .pro_box_u{float: left;width: calc(100% - 10px);margin-left: 10px;padding-top: 10px;    padding-bottom: 10px;}
.pro_box_d .pro_box_u img{float: left;width: 150px;height: 85px}
.pro_box_d .pro_box_u li{    float: left;
    width: 110px;
    height: 35px;
    margin-bottom: 10px;
    margin-left: 20px;
    box-sizing: border-box;
    border: 1px #797979 solid;
    color: #797979;
    text-align: center;
    line-height: 33px;
    border-radius: 5px;}
.pro_box_d .pro_box_u li:nth-of-type(3n+5){margin-right: 20px}
.pro_box_d .pro_box_u li a{    color: #797979;
}    
/*********news_list***********/
.news_xian{    float: left;
    width: 5px;
    height: 24px;
    background: #999;
    margin-left: 70px;
}
.thisclass .news_xian{background: red}
.position{margin-top: 5px}
.position a{}
.news_list{
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    }
.news_list li{
    width: 100%;
    height: 157px;
    padding-bottom: 30px;
    border-bottom: 1px #e9e9e9 solid;
    margin-bottom: 30px;
    display: flex;
    }
.news_list .news_list_img{
    float: left;
    width: 260px;
    height: 157px;
    }
.news_list .news_list_r{    float: left;
    padding: 0 30px;
    width: 570px;
    height: 100%;}
.news_list .news_list_title{    font-size: 16px;
    color: #121212;
    font-weight: bold;
    float: left;
    width: 100%;
    line-height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_list li:hover .news_list_title{color: #026aeb;}
.news_list .news_list_infos{    float: left;
    font-size: 14px;
    text-indent: 26px;
    line-height: 26px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 78px;}
.news_list .news_list_time{    float: left;
    font-size: 12px;
    color: #797979;
    margin-top: 10px;}
.news_list .news_list_click{    float: left;
    font-size: 12px;
    color: #797979;
    margin: 10px 0 0 30px;}
.news_body_title{
    float: left;
    width: 100%;
    margin-top: 40px;
    }
.news_body_title .news_body_title_p1{
    font-size: 20px;
    color: #202020;
    text-align: center;
    line-height: 55px;
    }
.news_body_title .news_body_title_p2{text-align: center;font-size: 12px;color: #515151;}
.news_body_c{
    float: left;
    width: 100%;
    margin-top: 25px;
    }
.news_body_c p{margin-bottom: 20px} 
.news_body_c img{max-width:640px;min-width:640px}
.news_body_c h2,.news_body_c h3{font-size:18px;margin-bottom:20px}
.news_show_ .tags{    float: left;
    width: 100%;
    font-size: 16px;
    margin-top: 10px;}
.news_show_ .tags p{}
.fenye{
    float: left;
    width: 100%;
    margin-top: 20px;
    border-top: 1px #ccc dashed;
    }
.fenye ul{
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    }
.fenye li{height: 100%;
    font-size: 16px;
    line-height: 40px;
}
.fenye li a{color: red}    
.news_tj{    width: 100%;
    background: #f5f5f5;
    float: left;
    padding: 35px 0;
    margin-bottom: 100px;}
.news_tj>div{    display: flex;
    justify-content: space-between;}
.news_tj .news_tj1{    width: 435px;}
.news_tj .news_tj2{width: 360px;}
.news_tj .news_tj_title{font-size: 24px;
    color: #000;
    line-height: 36px;
    text-indent: 15px;
    margin-bottom: 10px;}
.news_tj .news_tj_swiper{width: 100%;height: 250px}
.news_tj .news_tj_swiper .swiper-slide{position: relative;}
.news_tj .news_tj_swiper .swiper-slide img{width: 100%;height: 100%}
.news_tj .news_tj_swiper .news_tj_swiper_title{    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 35px;
    background: rgba(0,0,0,0.6);
    text-align: center;
    line-height: 35px;
    font-size: 16px;}
.news_tj .news_tj_swiper .news_tj_swiper_title a{color: #fff}   
.news_tj .news_tj_swiper_next{
    background-image: url(../images/pro_l.png);
    left: 20px;
    right: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:50%;
}
.news_tj .news_tj_swiper_prev{
    background-image: url(../images/pro_r.png);
    right: 20px;
    left: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:50%;
}  
.news_tj2_list{    float: left;
    width: 100%;}
.news_tj2_list li{    float: left;
    width: 100%;
    height: 35px;}
.news_tj2_list li span{    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    width: 30px;
    text-align: center;
    color: red;}
.news_tj2_list li .news_tj2_list_title{    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 5px;}
.news_tj2_list li:hover a{color: red}   
.pro_show_1{    float: left;
    width: 100%;}
.pro_show_1 .position{    margin: 15px 0 20px;}
.pro_sho_1_box{
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 60px;
    }
.pro_sho_1_box_img{width: 559px;height: 338px;}
.pro_sho_1_box_img img{width: 100%;height: 100%;}
.pro_sho_1_box_text{width: 610px;}
.pro_show_2{float: left;width: 100%}
.pro_sho_1_box_text .title{
    font-size: 18px;
    color: #202020;
    font-weight: bold;
    margin: 0px 0 10px;
    height: 35px;
    display: flex;
    align-items: center;
}
.pro_sho_1_box_text .click{
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
    font-weight: bold;
    display: flex;
    width: 100%;
    align-items: end;
    line-height: 24px;
}
.pro_sho_1_box_text .click_r{    color: red;
    font-size: 16px;
}
.pro_sho_1_box_text .time{}
.pro_sho_1_box_text .money{}
.pro_sho_1_box_text .tese{}
.pro_sho_1_box_text .youshi{}
.pro_sho_1_box_text .time_r{    font-weight: 500;
    float: right;
    width: 355px;
}
.pro_sho_1_box_text .ys_r{background: url(../images/pro2.png);background-size: 100% 100%;float: right;
    width: 349px;
    height: 24px;}
.pro_sho_1_box_text .a_1{
    float: left;
    width: 165px;
    height: 40px;
    background: #026aeb;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.pro_sho_1_box_text .a_2{
    margin-left: 30px;
    float: left;
    width: 165px;
    height: 40px;
    background: #333;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.pro_show_2_box{    float: left;
    width: 100%;
    background: #f5f5f5;}
.pro_show_2_box .pro_show_2_box_d{      float: left;
    width: 400px;
    height: 300px;position: relative;}
.pro_show_2_box .d_xian:after{    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    height: 290px;
    width: 100%;
    border-left: 1px #ebebeb solid;border-right: 1px #ebebeb solid;}
.pro_show_2_box_d .index_title_box{margin: 50px auto 30px;}
.pro_show_2_box_d .index_title_box_p1{    font-size: 20px;
    line-height: 30px;
}
.pro_show_2_box_d .index_title_box_p2{    font-size: 12px;
    line-height: 18px;
    color: #121212;
    margin: 5px;}
.pro_show_2_box_d .xian{    width: 40px;}
.pro_show_2_box_d .pro_show_2_box_d_t{    font-size: 14px;
    color: #585858;
    padding: 0 50px;
    text-indent: 30px;}
.pro_show_3{    float: left;
    width: 100%;
    height: 80px;
    background: #dbdbdb;}
.pro_show_3 .phone{    float: left;
    height: 80px;
    color: #e60012;
    font-size: 20px;
    line-height: 80px;
    margin-left: 140px;}
.pro_show_3 .phone em{    font-size: 40px;
    float: left;
    margin: 20px;}
.pro_show_3 .zx{    float: left;
    width: 140px;
    height: 40px;
    background: #e60012;
    color: #fff;
    line-height: 40px;
    margin: 20px 20px 20px 120px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;}
.pro_show_3 .zx em{    margin-left: 10px;}
.pro_show_3 .xq{    float: left;
    width: 175px;
    height: 40px;
    background: #e60012;
    color: #fff;
    line-height: 40px;
    margin: 20px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;}
.pro_show_3 .xq em{    margin-left: 10px;}    
.pro_show_4_d1 .pro_show_box{    float: left;
    width: 450px;
    height: 450px;
    background: #9b0000;
}
.pro_show_box .pro_show_box_t{    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 50px 0 25px;}
.pro_show_box .pro_show_xmpl{    padding: 0 25px;
    float: left;
    width: 400px;}
.pro_show_xmpl li{    float: left;
    width: 100px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    border-left: 1px #fff solid;
    margin-bottom: 15px;}
.pro_show_xmpl li:nth-of-type(4n+1){border: 0}
.pro_show_4{    float: left;
    width: 100%;
    padding-bottom: 40px;}
.pro_show_4 .pro_show_4_d1{float:left;width: 100%;position: relative;}
.pro_show_4_d1 .pro_show_swiper1{float:left;width: 750px;height: 450px;}
.pro_show_ll{    position: absolute;
    width: 490px;
    height: 315px;
    background: #f5f5f5;
    top: 200px;
    right: 0;
    z-index: 1;}
.pro_show_ll .pro_show_ll_t{    font-size: 20px;
    color: #9b0000;
    margin: 45px 0 0 40px;
    line-height: 30px;}
.pro_show_ll .pro_show_ll_t2{    font-size: 14px;
    color: #000;
    margin: 10px 0 0 40px;
    line-height: 23px;}
.pro_show_text{ float: left;
    width: 670px;
    height: 310px;
    background: #f5f5f5;
    margin-top: 60px;}
.pro_show_text .pro_show_text_t{    float: left;
    font-size: 20px;
    margin: 30px 0 15px 40px;
    color: #9b0000;
    width: 600px;}
.pro_show_text .pro_show_text_t2{    float: left;
    width: 575px;
    margin-left: 40px;
    text-indent: 30px;
    color: #000;}
.pro_show_imgbox{    float: right;
    width: 490px;
    height: 260px;
    margin-top: 110px;}
.pro_show_imgbox img{width: 100%;height: 100%}
.pro_show_5{float: left;width: 100%;    padding-bottom: 40px;}
.pro_show_5 .index_swiper2 .index_swiper2_lb {width: 930px}
.pro_show_ .swiper-pagination-bullet{opacity: 0.6}
.pro_show_ .swiper-pagination-bullet-active { background: red;opacity: 1}
.pro_show_6{    float: left;
    background: #f5f5f5;
    margin-top: 40px;
    width: 100%;
    padding-bottom: 60px;
    margin-bottom: 40px;}
.pro_show_6_swiper{height: 400px}
.pro_show_6_swiper .swiper-slide{background: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;}
.pro_show_6_swiper .pro_show_6_swiper_box_p1{    background: url(../images/redbg.png)no-repeat;
    width: 70px;
    height: 63px;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 26px;
    margin-top: 80px;}
.pro_show_6_swiper .pro_show_6_swiper_box_p2{font-size: 22px;
    color: #121212;
    margin-top: 15px;
    line-height: 33px;}
.pro_show_6_swiper .pro_show_6_swiper_box_p3{color: #797979;
    font-size: 14px;
    padding: 0 70px;
    margin-top: 20px;
    line-height: 30px;}
.pro_show_6_swiper .pro_show_6_swiper_next{
    background-image: url(../images/pro_l1.png);
    left: 20px;
    right: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:50%;
}
.pro_show_6_swiper .pro_show_6_swiper_prev{
    background-image: url(../images/pro_r1.png);
    right: 20px;
    left: auto;    width: 30px;
    height: 55px;
    background-size: 100% 100%;
    top:50%;
}
.pro_show_7_box{}
.pro_show_7_box>div{     float: left;
    width: 350px;
    position: relative;
    padding-left: 50px;}
.pro_show_7_box .xian:after{    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    height: 90%;
    width: 0%;
    border-left: 1px #cbcccb solid;
    }
.pro_show_7_box .jg_title{    float: left;
    font-size: 20px;
    color: #e60012;}
.pro_show_7_box .pro_jg_list{    float: left;
    width: 220px;
    margin-left: 35px;
    margin-right: 20px;}
.pro_show_7_box .pro_jg_list li{    float: left;
    margin: 0 20px 30px 0;}
.pro_show_7_box .pro_jg_list li:nth-of-type(3n){}
.pro_show_7_box .pro_jg_list li a{    font-size: 16px;
    color: #e60012;}
.pro_show_7{float: left;width: 100%;height: 445px;
 background: -webkit-linear-gradient(left, #b7b6b6,#f3f3f4,#b7b6b6); 
    background: -o-linear-gradient(left,#b7b6b6,#f3f3f4, #b7b6b6); 
    background: -moz-linear-gradient(left,#b7b6b6,#f3f3f4,#b7b6b6); 
    background: linear-gradient(to right,#b7b6b6,#f3f3f4, #b7b6b6);
}
.pro_show_8{float: left;width: 100%}
.pro_show_8 .pro_1_a{}
.pro_show_8 .pro_1_a img{width: 100%;height: 100%}
.pro_show_8 .pro_1_a p{line-height: 235px}
.pro_show_9{float: left;width: 100%;padding-bottom: 100px}
.pro_show_9_swiper{    height: 195px;    padding-bottom: 50px;}
.pro_show_9_swiper .pro_show_9_a{    float: left;
    width: 100%;
    height: 100%;
}
.pro_show_9_swiper .pro_show_9_a img{    width: 100%;
    height: 100%;}
.pro_show_9_swiper .title{    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0,0,0,0.5);}
.pro_show_9_swiper .title p{    font-size: 14px;
    color: #fff;
    margin-left: 15px;}
.pro_show_9_swiper .title .zx{    width: 80px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    background: red;
    color: #fff;
    border-radius: 3px;
    margin-right: 15px;
    text-align: center;
}
.pro_show_9 .go_more{    display: block;
    margin: auto;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: red;
    border-radius: 5px;}

/*********2020********/

.head_2_l_2{
    float: left;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 30px;
    /* margin-top: 25px; */
    }
.head_2_l_2 .p1{
    color: #202020;
}
.head_2_l_2 .p2{
    color: #515151;
}

.head_2_l_3{
    float: left;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 20px;
    /* margin-top: 25px; */
}
.head_2_l_3 .d1{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.head_2_l_3 .d1 .p1{
    width: 130px;
    height: 40px;
    background: #e9e9e9 url(../images/down1.png)no-repeat 79% 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #202020;
    border-radius: 30px;
    cursor: pointer;
}

.head_2_l_3 .d2{
    position: absolute;
    width: 430px;
    background: #fff;
    top: 100%;
    box-sizing: border-box;
    padding: 30px;
    box-shadow: 0 10px 10px #ccc;
    z-index: 12;
    display: none;
}
.head_2_l_3 .d1:hover .d2{display: block;} 
.head_2_l_3 .d2 .p2{
    font-size: 16px;
    font-weight: bold;
    color: #c1c1c1;
}
.head_2_l_3 .d2 .d2_d1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.head_2_l_3 .d2 .d2_d1 .d2_d1_a1{
    width: 33.33%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #202020;
    height: 35px;
}
.head_2_l_3 .d2 .d2_d1 .d2_d1_a1:hover{color: red}
.head_tel{
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 115px;
    /* margin-top: 25px; */
}
.head_tel .head_tel_img{}
.head_tel .head_tel_d1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.head_tel .head_tel_d1 .p1{
    color: #202020;
    font-size: 16px;
}
.head_tel .head_tel_d1 .p2{
    font-size: 24px;
    color: #026aeb;
    margin-top: 5px;
}
.head_nav{
    display: flex;
    width: 100%;
    align-items: center;
}
.head_probox{
    width: 265px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.head_probox .head_pro_t{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    background: #026aeb;
}
.head_nav .nav_box{
    width: 935px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.head_nav .nav_box a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #202020;
    box-sizing: border-box;
}
.head_nav .nav_box a.thisclass{
    color: #026aeb;
    border-bottom: 2px #026aeb solid;
}
.head_probox_list{
    position: absolute;
    cursor: pointer;
    left: 0;
    top: calc(100% + 0px);
    z-index: 11;
    width: 100%;
    display: none;
    border-top: 1px #026aeb solid;
    flex-direction: column;
    background: -moz-linear-gradient(right, #ff6d3f 0%, #026aeb 100%);
    background: -webkit-gradient(linear,left, right,color-stop(0%,#ff6d3f), color-stop(100%,#026aeb));
    /* background: -webkit-linear-gradient(right, #ff6d3f 0%,#026aeb 100%); */
    background: -o-linear-gradient(right, #ff6d3f 0%,#026aeb 100%);
    background: -ms-linear-gradient(right, #ff6d3f 0%,#026aeb 100%);
    /* background: linear-gradient(to right, #ff6d3f 0%,#026aeb 100%); */
    background: #fff;
}
.head_probox:hover .head_probox_list{display:flex;}
.head_probox_list .head_probox_list_d{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px #f2efee solid;
}
.head_probox_list_d .h_p_l_l{
    width: 100%;
    display: flex;
    align-items: center;
    height: 85px;
}
.head_probox_list_d .h_p_l_l a{
    /* color: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.head_probox_list_d .h_p_l_l a.h_p_l_l_a{
    font-size: 16px;
   /* font-weight: bold;*/
   /* width: 120px;*/
    transition: all 0s;
    MARGIN-RIGHT: 5PX;
    COLOR: #8e661e;

}
.head_probox_list_d .h_p_l_l a.h_p_l_l_a .h_p_l_l_icon{
    width: 60px;
    margin-right: 5px;
}
.head_probox_list_d .h_p_l_l a.h_p_l_l_a .h_p_l_l_y{display: none;transition: all 0s;}
.head_probox_list_d .h_p_l_l a.h_p_l_l_hot{
    width: 70px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: block;
    text-align: center;
    margin-right: 2px;
}
.head_probox_list_d:hover .h_p_l_l{
    background: #fff;
}
.head_probox_list_d:hover .h_p_l_l a.h_p_l_l_a{
    background: -moz-linear-gradient(right, #f65452 0%, #eb1e2c 100%);
    background: -webkit-gradient(linear,left, right,color-stop(0%,#f65452), color-stop(100%,#eb1e2c));
    background: -webkit-linear-gradient(right, #f65452 0%,#eb1e2c 100%);
    background: -o-linear-gradient(right, #f65452 0%,#eb1e2c 100%);
    background: -ms-linear-gradient(right, #f65452 0%,#eb1e2c 100%);
    background: linear-gradient(to right, #9102eb 0%,#026aeb 100%);
    height: 50px;
    margin-left: -10px;
    border-radius: 0 50px 50px 0;
    color: #fff;
}

.head_probox_list_d:hover .h_p_l_l a.h_p_l_l_a .h_p_l_l_icon{
 display: none
}
.head_probox_list_d:hover .h_p_l_l a.h_p_l_l_a .h_p_l_l_y{display: block;margin-right: 10px;}
.head_probox_list_d:hover .h_p_l_l a.h_p_l_l_hot{
  color:#026aeb;
}

.head_probox_list_d .h_p_l_r{
    position: absolute;
    left: 100%;
    background: #fff;
    width: 800px;
    height: 330px;
    display: none;
  
}

.head_probox_list_d:hover .h_p_l_r{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.head_probox_list_d .h_p_l_r .h_p_l_r_list{
    width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px;
    transition: all 0.3s;
}
.head_probox_list_d .h_p_l_r .h_p_l_r_img{
    width: 100%;
    height: 280px;
}
.head_probox_list_d .h_p_l_r .h_p_l_r_p{
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #202020;
}
.h_p_l_r  .h_p_l_r_list:hover{margin-top: 0px;
    box-shadow: 0 0 10px #e8e8e8;}
.h_p_l_r  .h_p_l_r_list:hover .h_p_l_r_p{color: #ff6536;}

.box1{
    width: 100%;
    height: 520px;
   /* background: #f5f5f5;*/
}
.box1_z{
    float: left;
    width: 675px;
    margin-left: 285px;
}
.box1_swiper{
    width: 100%;
    height: 500px;
    margin-top: 20px;
}
.box1_swiper .swiper-slide{}
.box1_swiper .swiper-slide img{
    width: 100%;
    height: 100%
}
.index_2_box{
    width: 100%;
    background: #fff;
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
    padding-top:20px;
}
.index_2_box .index_2_d{
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    /* align-items: center; */
    height: 100px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 60%);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.6);
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / 60%);
    margin-right: 20px;
}

.index_2_box .index_2_d .index_2_d_l img{width:74px;height: 74px;}
.index_2_box .index_2_d .p1{font-size: 18px;color: #202020;padding-top: 15px;}
.index_2_box .index_2_d .p1 span{font-size: 22px;color: #026aeb;font-weight: bold;}
.index_2_box .index_2_d .p2{margin-top: 10px;font-size: 16px;color: #797979;}
.index_2_box .index_2_d.xian{
    box-sizing: border-box;
    border-left: 1px #d4cece solid;
}
.box1_swiper .swiper-pagination-bullet-active{    background: #fff;
    opacity: 1;}

.box1_r{
    float: right;
    width: 220px;
}
.box1_r .box1_r_t{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #2196f3;
    color: #fff;
    /*margin-top: 10px;*/
}
.box1_r .box1_r_t .p1{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.box1_r .box1_r_t .p2{}
.box1_r .box1_r_ys{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin-top: 10px;
    border-radius: 8px;
    box-shadow: 1px 1px 2px #999;
}
.box1_r .box1_r_ys .box1_r_ys_img{
    margin-right: 15px;
}
.box1_r .box1_r_ys .box1_r_ys_t{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    letter-spacing: 1px;
}
.box1_r .box1_r_ys .box1_r_ys_t .p1{
    font-size: 16px;
    color: #202020;
}
.box1_r .box1_r_ys .box1_r_ys_t .p2{
    color: #515151;
    margin-top: 5px;
}
.box1_r .box1_r_zx{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px #026aeb solid;
    color: #026aeb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 5px 5px #026aeb;
    margin-top: 15px;
    font-weight: bold;
    letter-spacing: 2px;
}
.box2{width:100%;height: 400px;display: flex;justify-content: center;align-items: center;background: #fff;}
.box2>div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box2_bm{
    height: 275px;
    width: 470px;
    box-shadow: 0px 1px 5px #cccccc8c;
    position: relative;
}
.box2_bm .box2_zx{
    position: absolute;
    width: 100px;
    height: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #026aeb;
    right: 0;
    top: 0;
}
.box2_bm .box2_t{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    align-items: flex-end;
    height: 35px;
    margin-top: 35px;
}
.box2_bm .box2_t .p1{
    font-size: 24px;
    color: #202020;
    font-weight: bold;
    display: flex;
    height: 100%;
    align-items: center;
}
.box2_bm .box2_t .p2{
    font-size: 18px;
    color: #202020;
    display: flex;
    height: 100%;
    align-items: flex-end;
    margin-left: 10px;
}
.box2_bm .box2_t span{
    color: #ff0000;
}
.box2_bm .box2_p1{
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 16px;
    color: #515151;
    margin: 5px 0;
    letter-spacing: 1px;
}
.box2_bm .box2_lb_t{
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    margin-top: 14px;
}
.box2_bm .box2_lb_t .p1{
    width: 148px;
    height: 40px;
    background: #4e525c;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.box2_bm .box2_lb_t .p2{
    width: 170px;
    height: 40px;
    background: #4e525c;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
    margin: 0 1px;
}
.box2_bm .box2_lb_t .p3{
    width: 130px;
    height: 40px;
    background: #4e525c;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.box2_swiper1{
    box-sizing: border-box;
    padding: 0 10px;
    height: 105px;
    width: 100%;
}
.box2_swiper1 .swiper-slide{display: flex;width: 100%;height: 35px;color: #313131;background: #f5f5f5;box-sizing: border-box;border-bottom: 1px #fff solid;}
.box2_swiper1 .p1{width: 148px;height: 100%;display: flex;justify-content: center;align-items: center;}

.box2_swiper1 .p2{
    width: 170px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
}
.box2_swiper1 .p3{width: 130px;height: 100%;display: flex;justify-content: center;align-items: center;}

.box2_xm{
    width: 690px;
    height: 275px;
}
.box2_xm .box2_xm_t{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 65px;
    align-items: center;
}
.box2_xm .box2_xm_t .p1{
    font-size: 18px;
    color: #313131;
    display: flex;
    background:url(../images/hot.png)no-repeat;
    text-indent: 30px;
}
.box2_xm .box2_xm_t .a1{
    color: #fff;
    height: 36px;
    width: 100px;
    background: #026aeb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 20px;
}
.box2_xm .box2_xm_s{
    width: 100%;
    height: 210px;
    box-sizing: border-box;
    padding: 3px;
}
.box2_xm .swiper-slide{
    box-shadow: 0 0 3px #ccc;
}


.box2_xm .swiper-slide .img_box{
    width: 100%;
    height: 132px;
    }
.box2_xm .swiper-slide .img_box img{width: 100%;height: 100%;transform: scale(1);transition: all 1s;}

.box2_xm .swiper-slide .title_box{
    float: left;
    display: flex;
    height: 78px;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;
    }
.box2_xm .swiper-slide .title_box .title_box_p1{font-size: 16px;letter-spacing: 2px;margin-bottom: 3px;}
.box2_xm .swiper-slide:hover .title_box .title_box_p1 a{color:#e60012;} 
.box2_xm .swiper-slide .title_box .title_box_p2{    font-size: 14px;
    color: #666;}
.box2_xm .swiper-slide .title_box .title_box_p2 span{color: red}
.box2_xm .swiper-slide .index_3_list_r_zx{
    float: right;
    width: 40px;
    height: 40px;
    margin: 18px 10px 10px;
    background: #026aeb;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.box2_xm .swiper-slide .index_3_list_r_zx:hover{background: red} 

.box4_pro{
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
.box4_pro .box4_pro_l{
    width: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.box4_pro .box4_pro_l .p1{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    height: 60px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 1px #fff solid;
    letter-spacing: 1px;
    text-shadow: 3px 2px #1160c1;
}
.box4_pro .box4_pro_l .box4_pro_l_list{
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    color: #fff;
    border-bottom: 1px #ccc solid;
}
.box4_pro .box4_pro_l .box4_pro_l_list span{background: url(../images/xh4.png)no-repeat;width: 36px;height: 36px;display: flex;justify-content: center;margin-left: 25px;line-height: 30px;color: #f05500;font-weight: bold;margin-right: 5px;}
.box4_pro .box4_pro_l .box4_pro_l_list:nth-of-type(1) span{background: url(../images/xh1.png)no-repeat;color: #fff;}
.box4_pro .box4_pro_l .box4_pro_l_list:nth-of-type(2) span{background: url(../images/xh2.png)no-repeat;color: #fff;}
.box4_pro .box4_pro_l .box4_pro_l_list:nth-of-type(3) span{background: url(../images/xh3.png)no-repeat;color: #fff;}
.box4_pro .box4_pro_l .box4_pro_l_more{
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.box4_pro .box4_pro_l .box4_pro_l_more img{
    width: 100%;
    height: 100%;
}
.box4_pro .box4_pro_l .box4_pro_l_more p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.box4_pro .box4_pro_r{
    width: 940px;
    display: flex;
    flex-direction: column;
}
.box4_pro .box4_pro_r .box4_pro_r_t{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
    border-bottom: 1px #026aeb solid;
}
.box4_pro .box4_pro_r .box4_pro_r_t p{
    font-size: 18px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
}
.box4_pro .box4_pro_r .box4_pro_r_t p span{
    width: 5px;
    height: 100%;
    border-left: 2px #026aeb solid;
    border-right: 5px #026aeb solid;
    margin-right: 15px;
}
.box4_pro .box4_pro_r .box4_pro_r_t a{
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    border: 1px #333 solid;
    border-radius: 30px;
}
.box4_pro .box4_pro_r .box4_pro_r_t a span{
    color: #333;
    font-size: 18px;
    margin-left: 10px;
}
.box4_pro .box4_pro_r .box4_pro_r_t a:hover{border-color: #026aeb;color: #026aeb;}
.box4_pro .box4_pro_r .box4_pro_r_t a:hover span{color: #026aeb;}
.box4_pro .box4_pro_r .box4_pro_r_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.box4_pro .box4_pro_r .box4_pro_r_box .box4_pro_r_list{
    width: 220px;
    height: 205px;
    background: #fff;
    margin: 15px 20px 0 0;
    box-shadow: 0 0 5px #ebebeb;
}


.box4_pro_r_box .box4_pro_r_list .img_box{
    width: 100%;
    height: 132px;
    }
.box4_pro_r_box .box4_pro_r_list .img_box img{width: 100%;height: 100%;transform: scale(1);transition: all 1s;}

.box4_pro_r_box .box4_pro_r_list .title_box{
    float: left;
    display: flex;
    height: 78px;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;
    width: 145px;
    }
.box4_pro_r_box .box4_pro_r_list .title_box .title_box_p1{font-size: 16px;letter-spacing: 2px;margin-bottom: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.box4_pro_r_box .box4_pro_r_list:hover .title_box .title_box_p1 a{color:#e60012;} 
.box4_pro_r_box .box4_pro_r_list .title_box .title_box_p2{    font-size: 14px;
    color: #666;}
.box4_pro_r_box .box4_pro_r_list .title_box .title_box_p2 span{color: red}
.box4_pro_r_box .box4_pro_r_list .index_3_list_r_zx{
    float: right;
    width: 40px;
    height: 40px;
    margin: 18px 10px 10px;
    background: #026aeb;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2px;
    }
.box4_pro_r_box .box4_pro_r_list .index_3_list_r_zx:hover{background: red} 

.color1{
    background: #026aeb;
}
.color1 .box4_pro_l_more p{
    *background: rgba(188, 90, 21, 0.7);
}
.color2{
    background: #b794f1;
}
.color2 .box4_pro_l_more p{
    *background: rgba(131, 90, 187, 0.7);
}
.color3{
    background: #ff7676;
}
.color3 .box4_pro_l_more p{
   *background: rgba(195, 0, 0, 0.7);
}
.color4{
    background: #ff5f2c;
}
.color4 .box4_pro_l_more p{
   *background: rgba(190, 0, 0, 0.7);
}
.box4_pro .box4_pro_l.color2 .box4_pro_l_list{
    border-color: #c5a9f4;
}
.box4_pro .box4_pro_l.color3 .box4_pro_l_list{
    border-color: #ff9191;
}
.box4_pro .box4_pro_l.color4 .box4_pro_l_list{
    border-color: #ff7f56;
}

.box4_pro .box4_pro_r .box4_pro_r_box .box4_pro_r_list:nth-of-type(4n){
    margin-right: 0
}
.index_4 .go_more{
    width: 600px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: -moz-linear-gradient(right, #ff6d3f 0%, #026aeb 100%);
    background: -webkit-gradient(linear,left, right,color-stop(0%,#ff6d3f), color-stop(100%,#026aeb));
    background: -webkit-linear-gradient(right, #ff6d3f 0%,#026aeb 100%);
    background: -o-linear-gradient(right, #ff6d3f 0%,#026aeb 100%);
    background: -ms-linear-gradient(right, #ff6d3f 0%,#026aeb 100%);
    background: linear-gradient(to right, #ff6d3f 0%,#026aeb 100%);
    border-radius: 50px;
    margin: 10px 0 40px;
}

.box5{
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box5 .box5_l{
    width: 450px;
}
.box5 .box5_video{
    width: 450px;
    height: 245px;
}
.box5_about {
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 30px 20px;
    color: #515151;
    height: 155px;
}
.box5_about p{
    line-height: 24px;
    letter-spacing: 2px;
    text-indent: 34px;
}
.box5_about a{
    color: #ff3000;
}
.box5_r{
    width: 720px;
    height: 400px;
}
.box5_r .index_swiper2_tabs{
    width: 60px;
    border: 0;
    height: 400px;
}
.box5_r .index_swiper2_tabs span{
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    background: #4e525c;
    border: 0;
    border-bottom: 1px #fff solid;
    padding: 0 20px;
}
.box5_r .index_swiper2_tabs span.thisclass{
    background: #fe4207;
}
.box5_r .index_swiper2{
    height: 100%;
}
.box5_r .index_swiper2 img{
    width: 100%;
    height: 100%;
}
.about_img{width: 100%;height: 430px;margin-bottom: 60px;margin-top: 20px}
.pro_head{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #ff9c00;
    height: 200px;
    margin-top: 20px;
    color: #fff;
}
.pro_head .p1{
    font-size: 34px;
}
.pro_head .p2{
    font-size: 24px;
    margin-top: 30px;
}
.pro_list_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}
.pro_list_box .p_l_b_t{
    font-size: 24px;
    color: #202020;
    font-weight: bold;
    margin: 50px 0 25px;
}
.pro_list_box .pro_nav{
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.pro_list_box .pro_nav a{
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    background: #4e525c;
}
.pro_list_box .pro_nav a.thisclass{
    background: #ff430b;
}
.pro_list_box .pro_nav a:hover{background: #ff430b}

.pro_list_box2{
    width: 1200px;
    display: flex;
    justify-content: space-between;
}
.pro_left_list{
    width: 310px;
    display: flex;
    flex-direction: column;
}
.pro_left_list .pro_left_list_box{
    width: 100%;
    box-sizing: border-box;
    border: 1px #bebebe solid;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
}
.pro_left_list_box_t{
    width: 100%;
    height: 68px;
    border-bottom: 1px #c3c3c3 solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #026aeb;
    font-weight: bold;
}
.pro_left_list_box_t_icon{
    width: 35px;
    margin-right: 10px;
}
.pro_left_list_box_l{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 10px;
}
.pro_left_list_box_l .pro_left_list_box_a{
    width: 140px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #202020;
    margin-bottom: 10px;
    box-shadow: 0 0 2px #ebebeb;
    box-sizing: border-box;
    flex-direction: column;
}
.pro_left_list_box_more{
    width: 140px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #026aeb;
    background: #e9e9e9;
}
.pro_left_list_box_l .pro_left_list_box_a:hover{color: #ff440c;
border:1px #ff440c solid;
}

.pro_right_list{
    width: 860px;
    background: #f5f5f5;
}
.pro_right_list_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.pro_right_list .box4_pro_r_list{
    width: 260px;
 /*   height: 210px;*/
    background: #fff;
    margin: 20px 0 20px 20px;
    box-shadow: 0 0 5px #ebebeb;
}

.pro_right_list .box4_pro_r_list .img_box{
    width: 100%;
 /*   height: 144px;*/
    }
.pro_right_list .box4_pro_r_list .img_box img{width: 100%;height: 100%;transform: scale(1);transition: all 1s;}

.pro_right_list .box4_pro_r_list .title_box{
    float: left;
    display: flex;
    height: 66px;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;
    }
.pro_right_list .box4_pro_r_list .title_box .title_box_p1{font-size: 16px;letter-spacing: 2px;margin-bottom: 5px;}
.pro_right_list .box4_pro_r_list:hover .title_box .title_box_p1 a{color:#e60012;} 
.pro_right_list .box4_pro_r_list .title_box .title_box_p2{    font-size: 14px;
    color: #666;}
.pro_right_list .box4_pro_r_list .title_box .title_box_p2 span{color: red}
.pro_right_list .box4_pro_r_list .index_3_list_r_zx{
    float: right;
    width: 40px;
    height: 40px;
    margin: 18px 10px 10px;
    background: #026aeb;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2px;
    }
.pro_right_list .box4_pro_r_list .index_3_list_r_zx:hover{background: red} 

.pro_page{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    height: 30px;
}
.pro_page li{
    /* background: #fff; */
    /* margin: 0 5px; */
    /* box-sizing: border-box; */
    /* padding: 0 10px; */
}
.pro_page li a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    min-width: 40px;
    background: #fff;
    margin: 0 5px;
    box-sizing: border-box;
    padding: 0 10px;
}
.pro_page li .sltxt{
}
.pro_page li .slbtn{
    margin: 0 10px;
}
.pro_page li.thisclass{}
.pro_page li.thisclass a{
    color: red;
}
#sltz{
    width: 50px;
    height: 30px;
    box-sizing: border-box;
    margin: 0 5px;
    border: 1px;
}
.new_box{
    width: 1200px;
    display: flex;
    justify-content: space-between;
}
.new_box .new_left{
    width: 860px;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}
.new_box .new_right{width: 310px;margin-top: 60px;}
.new_box .new_right .new_right_box{width: 100%;box-sizing: border-box;padding: 10px;background: #f5f5f5;display: flex;flex-direction: column;}

.pro_hot_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    float: right;
}
.pro_hot_list .pro_hot_list_p{
    width: 100%;
    height: 60px;
    background: #4e525c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}

.pro_hot_list_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_hot_list_box .pro_hot_list_a{
    width: 142px;
    height: 110px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 0 3px #ebebeb;
}
.pro_hot_list_box .pro_hot_list_img{
    width: 100%;
}
.pro_hot_list_box .pro_hot_list_p2{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_hot_more{
    width: 240px;
    height: 40px;
    border: 1px #026aeb solid;
    color: #026aeb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin-top: 25px;
}
.about_lt_box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about_lt_box .about_lt_box_d{
    width: 100%;
    position: relative;
    height: 260px;
}
.about_lt_box .about_lt_box_d .about_lt_box_p{
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    /* background: rgba(255,255,255,0.7); */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.about_lt_box .about_lt_box_d .about_lt_box_p span{
    color: #fffc00;
}
.about_lt_box .about_lt_box_d .about_lt_box_p2{
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    /* background: rgba(255,255,255,0.7); */
    display: flex;
    align-items: center;
    justify-content: end;
    box-sizing: border-box;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.about_lt_box .about_lt_box_d .about_lt_box_p2 span{
    color: #ff0000;
}

.about_lt_box .about_lt_box_d img{
    width: 100%;
    height: 100%;
}
.about_pro_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about_pro_list div{
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 280px;
}
.about_pro_list div img{
    width: 100%;
}
.map_title{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #026aeb;
    font-size: 20px;
}
.contact_head{background: #4e525c;background-size:100% 100%;margin: 0;height: 140px;margin-top: 60px;}
.contact_head .index_title_box_p3{color: #fff}
.contact_head .index_title_box_p4{color: #fff}
.contact_head span{color: #fcff00}
.teacher_box{
    width: 100%;
    display: none;
    flex-wrap: wrap;
    background: #d7d7d7;
    box-sizing: border-box;
    padding: 0 15px 20px;
}
.teacher_title{
    font-size: 20px;
    color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;
}
.teacher_title .xian{
    width: 3px;
    height: 24px;
    border-left: 10px #026aeb solid;
    border-right: 2px #026aeb solid;
    margin-right: 5px;
}
.teacher_box .teacher_list{
    width: 100%;
    margin: 20px 5px 0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.teacher_box .teacher_list img{width: 281px;margin-right: 5px;}
.teacher_list_x{
    width: 534px;
    background: #fff;
    box-sizing: border-box;
    padding: 35px 20px 0 25px;
    height: 100%;
}
.t_hp{
    width: 100%;
    display: flex;
    color: #373737;
    align-items: center;
    height: 50px;
}
.t_hp p{}
.t_hp img{
    max-width: 90px;
}
.teacher_list_x .teacher_list_x_box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.teacher_list_x .teacher_list_x_title{
    width: 100%;
    display: flex;
    align-items: center;
}
.teacher_list_x_title p{
    font-size: 16px;
    color: #202020;
    font-weight: bold;
}
.teacher_list_x_title span{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    background: #026aeb;
    padding: 0 6px;
    margin-left: 10px;
}
.teacher_list_x_infos{
    width: 100%;
}
.teacher_list_x_infos p{color: #121212;line-height: 30px;}

.map_nav{
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 10px;
}
.map_nav p{}
.map_nav a{
    width: 90px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px;
}
.map_nav a.a{    background: -moz-linear-gradient(right, #43b4d8 0%, #0078f2 100%);
    background: -webkit-gradient(linear,left, right,color-stop(0%,#43b4d8), color-stop(100%,#0078f2));
    background: -webkit-linear-gradient(right, #43b4d8 0%,#0078f2 100%);
    background: -o-linear-gradient(right, #43b4d8 0%,#0078f2 100%);
    background: -ms-linear-gradient(right, #43b4d8 0%,#0078f2 100%);
    background: linear-gradient(to right, #43b4d8 0%,#0078f2 100%);}
.map_nav a.b{    background: -moz-linear-gradient(right, #f2c901 0%, #f2a500 100%);
    background: -webkit-gradient(linear,left, right,color-stop(0%,#f2c901), color-stop(100%,#f2a500));
    background: -webkit-linear-gradient(right, #f2c901 0%,#f2a500 100%);
    background: -o-linear-gradient(right, #f2c901 0%,#f2a500 100%);
    background: -ms-linear-gradient(right, #f2c901 0%,#f2a500 100%);
    background: linear-gradient(to right, #f2c901 0%,#f2a500 100%);}
.map_nav a.c{    background: -moz-linear-gradient(right, #ff9595 0%, #ff7373 100%);
    background: -webkit-gradient(linear,left, right,color-stop(0%,#ff9595), color-stop(100%,#ff7373));
    background: -webkit-linear-gradient(right, #ff9595 0%,#ff7373 100%);
    background: -o-linear-gradient(right, #ff9595 0%,#ff7373 100%);
    background: -ms-linear-gradient(right, #ff9595 0%,#ff7373 100%);
    background: linear-gradient(to right, #ff9595 0%,#ff7373 100%);}
.route_{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.route_ .jg_box_t2{
    margin: 20px 0;
    width: 420px;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 20px;
} 
.route_  .t_zx{
    right: 20px;
    top: 20px;
}
.pro_route{
    height: 24px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #202020;
    margin-bottom: 20px;
}
.pro_route a{
    color: #0078ff;
    font-size: 14px;
    margin-left: 5px;
}
.pro_ys_box{
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_ys_box .pro_ys{
    display: flex;
    align-items: center;
    height: 24px;
    color: #202020;
    width: 120px;
}
.pro_head_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 500px;
}
.pro_head_box>div{
    display: flex;
    align-items: center;
    color: #000;
    font-weight: bold;
}
.pro_head_box>p{}
.pro_head_box>p span{
    color: red;
}

.pro_show_box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    padding-top: 40px;
}
.pro_c_nav{
    width: 860px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    background: whitesmoke;
    z-index: 1008;
}
.pro_c_nav span{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    border-bottom: 2px #202020 solid;
    color: #202020;
    font-size: 18px;
}
.pro_c_nav span.thisclass{
    border-color: #026aeb;
    color: #fff;
    background: #026aeb;
}
.pro_c_f{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}
.pro_c_f div{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-right: 1px #fff solid;
    padding: 20px 0;
}
.pro_c_f .a{
    background: #e57b2e;
}
.pro_c_f .b{
    background: #d63a3a;
}
.pro_c_f .c{
    background: #e5a200;
}
.pro_c_f .d{
    background: #e44514;
    border: 0;
}
.pro_c_f .pro_c_f_p1{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.pro_c_f .pro_c_f_p2{}

.pro_c_fff{width: 100%;background: #fff;margin-top: 30px;padding-bottom: 30px;}
.pro_c_xm{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
.pro_c_xm .pro_c_xm_list{
    width: 260px;
    position: relative;
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 2px #ccc;
}
.pro_c_xm .pro_c_xm_list p{
    position: absolute;
    left: 0;
    background: #f8f7f9f0;
    width: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.pro_c_xm .pro_c_xm_list img{
    width: 100%;
}
.pro_c_ll{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro_c_ll>div{
    width: 266px;
    position: relative;
    height: 390px;
    margin: 0 5px;
    box-shadow: 0 0 3px #ccc;
}
.pro_c_ll img{
    width: 100%;
}
.pro_c_ll .pro_c_ll_tbox{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 151px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
}
.pro_c_ll .p1{
    font-size: 16px;
    color: #202020;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
.pro_c_ll .p2{
    width: 100%;
    display: flex;
    letter-spacing: 1px;
}
.pro_c_zx{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.pro_c_zx .a_1{
    width: 165px;
    height: 40px;
    background: #026aeb;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
}
.pro_c_zx .a_2{
    float: left;
    width: 165px;
    height: 40px;
    background: #ff8b0f;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
}
.pro_c_jg{
    width: 820px;
    /* height: 280px; */
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px #ebebeb solid;
    margin: 0 20px;
    box-sizing: border-box;
}
.pro_c_jg .pro_c_jg_list{
    width: 25%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px #ebebeb solid;
    box-sizing: border-box;
    border-bottom: 1px #ebebeb solid;
}
.pro_c_jg_list .p1{
    font-size: 16px;
    color: #202020;
}
.pro_c_jg_list .p2{
    font-size: 14px;
    color: #515151;
    margin: 5px;
}
.pro_c_jg_list .a1{
    width: 76px;
    height: 20px;
    border: 1px #026aeb solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #026aeb;
    border-radius: 10px;
}
.pro_c_jg .xian{
    /* position: absolute; */
    /* width: 96%; */
    /* border-bottom: 1px #ebebeb solid; */
}

.pro_c_jx{
    width: 820px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px;
}
.pro_c_jx img{
    width: 405px;
    margin-bottom: 10px;
}
.index_title_box_p3 span{color: #026aeb;font-weight: bold;}
.pro_c_ys{
    width: 820px;
    margin: 20px;
    display: flex;
    flex-direction: column;
}
.pro_c_ys .pro_c_ys_box{
    width: 100%;
    height: 210px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.pro_c_ys .pro_c_ys_box>div{
    width: 360px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 40px;
}
.pro_c_ys .pro_c_ys_box>div .p1{
    color: #026aeb;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 16px;
}
.pro_c_ys .pro_c_ys_box>div .p2{}
.pro_c_ys .pro_c_ys_box>div .p2 span{color: #202020;
    font-weight: bold;}
.pro_c_wt{
    width: 820px;
    margin: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_c_wt a{
    width: 262px;
    height: 40px;
    background: #626262;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-bottom: 20px;
}

.new_right_box .pro_left_list_box{
    border: 1px #bcbcbc solid;
    margin-bottom: 25px;
}
.new_right_box .pro_left_list_box .pro_left_list_box_a{
    height: 115px;
    position: relative;
}
.new_right_box .pro_left_list_box .pro_left_list_box_a img{
    width: 100%;
    height: 83px;
}
.new_right_box .pro_left_list_box .pro_left_list_box_a p{
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.footer_1_d3>div{
    display: flex;
    flex-direction: column;
}
.footer_1_d3>img{
    margin-right: 10px;
    width: 60px;
}

.footer_xf{
    width: 100%;
    height: 120px;
    background: rgba(78,82,92,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1002;
}
.footer_xf>div{
    width: 1200px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_xf img{}
.footer_xf .input_box{
    display: flex;
    height: 40px;
}
.footer_xf .f_btn_box{
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}
.footer_xf .f_btn_box a{
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #026aeb;
    font-size: 16px;
    border-radius: 5px;
    margin-left: 15px;
}
.footer_xf .f_btn_box span{
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #ff874c;
    font-size: 16px;
    border-radius: 5px;
}
#mess_user1{
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5px;
}
#mess_tel1{
    text-align: center;
    border-radius: 5px;
    width: 230px;
    margin-left: 15px;
}
.foot_zw{
    width: 100%;
    height: 120px;
    display: flex;
}


.search-r .search_box .text1::-webkit-input-placeholder {
    color: #b9b9b9;
}
.search-r .search_box .text1:-moz-placeholder {
    color: #b9b9b9;
}
.search-r .search_box .text1::-moz-placeholder { 
    color: #b9b9b9;
}
.search-r .search_box .text1:-ms-input-placeholder {
    color: #b9b9b9;
}
.head_probox_list_d .h_p_l_l a.h_p_l_l_hot:hover{color:#ff6536}

.pro_right_list .box4_pro_r_list:hover{margin-top: 15px}
.box4_pro .box4_pro_r .box4_pro_r_box .box4_pro_r_list:hover{margin-top: 10px}
.news_box_2 li:hover{margin:-5px 0 15px 0;}

.news_box_2 li:hover .news_box_2_t{color: #026aeb;}

.news_box .go_more:hover{color: #026aeb}
.index_3_nav_p1:hover{color: #026aeb}
.t_cbox{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 78px;
    margin-bottom: 30px;
}
.t_cbox a{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #f5f5f5;
    border-bottom: 2px #f5f5f5 solid;
    font-size: 24px;
    color: #202020;
}
.t_cbox a.thisclass{
    background: #fff;
    color: #026aeb;
    border-color: #026aeb;
}
.footer1 {
  background: #111111;
  padding-top: 50px;
  color: #fff;
}
.footer1 .footer1-main {
  max-width: 1200px;
  width: 95%;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
.footer1 .footer1-main .footer1-left {
  width: 42%;
  display: flex;
  justify-content: space-between;
}
.footer1 .footer1-main .footer1-left h1 {
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}
.footer1 .footer1-main .footer1-left span {
  display: inline-block;
  width: 30px;
  height: 2px;
  background: var(--themeColor);
}
.footer1 .footer1-main .footer1-left ul {
  margin-top: 25px;
}
.footer1 .footer1-main .footer1-left ul li {
  line-height: 33px;
}
.footer1 .footer1-main .footer1-left ul li a {
  color: #fff;
}
.footer1 .footer1-main .footer1-left ul li a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer1 .footer1-main .footer1-right {
  width: 50%;
}
.footer1 .footer1-main .footer1-right .footer1-title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #292929;
  padding-bottom: 15px;
}
.footer1 .footer1-main .footer1-right .footer1-title-row .footer1-title-left p {
  color: #999;
}
.footer1 .footer1-main .footer1-right .footer1-title-row .footer1-title-left h1 {
  font-size: 40px;
  color: var(--subColor);
  font-family: arial;
  margin-top: 8px;
}
.footer1 .footer1-main .footer1-right .footer1-lianxi-row {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
}
.footer1 .footer1-main .footer1-right .footer1-lianxi-row .footer1-lianxi-left {
  width: 70%;
}
.footer1 .footer1-main .footer1-right .footer1-lianxi-row .footer1-lianxi-left ul li {
  color: #fff;
  line-height: 33px;
}
.footer1 .footer1-main .footer1-right .footer1-lianxi-row .footer1-lianxi-left ul li i {
  color: var(--themeColor);
  font-size: 18px;
  margin-right: 5px;
}
.footer1 .footer1-main .footer1-right .footer1-lianxi-row .footer1-lianxi-right {
  width: 20%;
}
.footer1 .footer1-main .footer1-right .footer1-lianxi-row .footer1-lianxi-right img {
  display: block;
  width: 100%;
}
.footer1 .copying {
  border-top: 1px solid #292929;
}
.footer1 .copying .copying-main {
  max-width: 1200px;
  width: 95%;
  margin: 0px auto;
  padding: 30px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer1 .copying .copying-main .copying-left {
  display: flex;
  align-items: center;
}
.footer1 .copying .copying-main .copying-left p {
  margin-right: 25px;
  color: #fff;
}
.footer1 .copying .copying-main .copying-left a {
  color: #fff;
}
.footer1 .copying .copying-main .copying-left a:hover {
  color: #fff;
}
.footer1 .copying .copying-main .copying-right a {
  color: #fff;
}
.footer1 .copying .copying-main .copying-right a:hover {
  color: #fff;
}
/*招聘求职*/
.common-tab-box {
    clear: both;
    margin-top: 37px;
     width: 100%;
    overflow: hidden
}

.common-tab-box .box-title {
    font-size: 24px;
    text-align: center;
    position: relative;
    margin-bottom: 24px;
    background-color: #f5f5f5;
    padding: 20px 0;
}

.common-tab-box .box-title::after,.common-tab-box .box-title::before {
    content: '';
    display: inline-block;
    vertical-align: 8px;
    margin: 0 10px;
    width: 90px;
    height: 1px;
    background: #026aeb
}
.common-tab-box h3 {
    height: 50px;
    position: relative;
    min-width: 1184px;
    padding-left: 20px;
    background: #fff;
    margin-bottom: 10px;
    text-align: center;
    margin-right: -77px

}

.common-tab-box h3 a {
    position: relative;
    display: inline-block;
    margin-right: 77px;
    line-height: 50px;
    color: #8d92a1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.common-tab-box h3 a .hot-icon {
    width: 30px;
    height: 14px;
    box-sizing: border-box;
    position: absolute;
    top: 12px;
    right: -28px;
    line-height: 13px;
    background-color: #ef505e;
    color: #fff;
    font-size: 12px;
    border-radius: 7px;
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.common-tab-box ul {
    overflow: hidden
}

.common-tab-box ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.common-tab-box h3 a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px
}

.common-tab-box h3 a.cur::after {
    background-color: #00c2b3;
    bottom: 0;
    left: 0
}

.common-tab-box h3 a.cur {
    color: #026aeb;
    font-weight: 600
}




.common-tab-box ul {
    font-weight: 400;
    display: none;
    width: 110%;
    overflow: hidden
}

.common-tab-box ul.cur {
    max-width: 1200px;
     width: 95%;
     margin: 0px auto;
    display: block;
    padding: 15px;
   /* background-color: #f5f5f5;*/
}

.common-tab-box .v-line {
    margin: 0 11px;
    border-color: #efeff1
}

.common-tab-box .sub-li:hover .job-info .name {
    color: #026aeb
}

.zhaopin {
    width: 100%;
    overflow: hidden;
    display: none
}

.zhaopin ul {
    overflow: hidden
}

.zhaopin ul li {
    height: 130px;
    width: 384px;
    float: left;
    margin: 0 16px 16px 0;
    background: #fff
}

.zhaopin li .sub-li {
    display: block;
    height: 130px;
    width: 384px;
    font-size: 0;
    padding: 16px 20px;
    box-sizing: border-box
}

.zhaopin li .sub-li:hover {
    box-shadow: 5px 5px 20px rgba(0,0,0,.05);
    position: absolute;
    z-index: 10
}

.zhaopin li a {
    display: inline-block
}

.zhaopin li a.user-info:hover {
    background: #fafafa
}

.zhaopin li a.job-info {
    padding-top: 17px;
    vertical-align: middle
}

.zhaopin li p {
    line-height: 35px;
    font-size: 16px;
    color: #61687c;
    position: relative
}

.zhaopin li .name .name-text {
    max-width: 192px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.city-site .merge-city-job-recommend li .name .name-text.no-medium {
    max-width: 240px
}

.city-site .merge-city-job-recommend li .name .job-medium-icon {
    width: 46px;
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.city-site .merge-city-job-recommend li .salary {
    color: #fc6c38;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zhaopin .zhaopin-top .job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend a.user-info {
    vertical-align: middle;
    margin-right: 20px;
    margin-left: 30px
}

.city-site .merge-city-job-recommend .user-info p {
    font-size: 14px;
    width: auto;
    padding-right: 0;
    border: 1px solid #f3f5fb;
    border-radius: 4px;
    line-height: normal
}

.city-site .merge-city-job-recommend .user-info img {
    width: 58px;
    height: 58px;
    vertical-align: middle
}

.city-site .merge-city-job-recommend .user-info .user-text {
    margin-left: 10px;
    font-size: 12px;
    color: #8d92a1
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top {
    display: flex;
    align-items: center;
    width: 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name {
    position: relative;
    max-width: 160px;
    font-size: 15px;
    color: #414a60;
    margin-right: 8px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .name-after {
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    border: 1px solid #5e96f2;
    border-radius: 2px;
    color: #4a89f1;
    margin-right: 10px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .salary {
    font-size: 15px;
    color: #fd7240;
    line-height: normal;
    flex: 1;
    text-align: right;
    max-width: none
}

.city-site .merge-city-job-recommend .sub-li a.job-info {
    padding: 0;
    width: 100%
}

.city-site .merge-city-job-recommend .sub-li-bottom a.user-info {
    margin: 0
}

.city-site .merge-city-job-recommend .sub-li-bottom .user-info img {
    width: 30px;
    height: 30px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom {
    border-top: 1px solid #eef0f5;
    display: flex;
    margin-top: 8px;
    padding-top: 12px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-info {
    font-size: 13px;
    color: #8d92a1;
    display: flex;
    align-items: center
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-info .name {
    margin-left: 10px;
    margin-right: 20px;
    color: #61687c;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon {
    display: inline-flex;
    width: 15px;
    height: 13px;
    background: url(../images/guide-add-download-icon.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-top .guide-app-download-icon:hover {
    background: url(../images/guide-add-download-icon-hover.png) no-repeat;
    background-size: 100% 100%
}

.zhaopin{
    display: block;
    height: 130px;
    width: 384px;
    padding: 16px 20px;
    box-sizing: border-box;
}

.zhaopin a.job-info {
    padding: 0;
    width: 100%
}
.zhaopin .zhaopin-top .zhaopin-icon {
    display: inline-flex;
    width: 15px;
    height: 13px;
    background: url(../images/guide-add-download-icon.png) no-repeat;
    background-size: 100% 100%
}

.zhaopin .zhaopin-top .zhaopin-icon:hover {
    background: url(../images/guide-add-download-icon-hover.png) no-repeat;
    background-size: 100% 100%
}

.zhaopin .zhaopin-top .sub-li-top .name {
    position: relative;
    max-width: 200px;
    font-size: 15px;
    color: #414a60;
    margin-right: 8px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zhaopin .zhaopin-top .sub-li-top .salary {
    font-size: 15px;
    color: #fd7240;
    line-height: normal;
    flex: 1;
    text-align: right;
    max-width: none;
}
.zhaopin .sub-li-bottom .sub-li-bottom-commany-place {
    display: inline-flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .name {
    margin-left: 2px;
    color: #61687c;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px
}

.city-site .merge-city-job-recommend li .sub-li .sub-li-bottom .sub-li-bottom-commany-place .job-card-location {
    display: inline-flex;
    width: 10px;
    height: 12px;
    background: url(../images/job-card-location.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job-recommend .not-data {
    margin: auto;
    width: 193px;
    height: 232px;
    background: url(../images/tip-nodata.png) no-repeat;
    background-size: 100% 100%
}

.city-site .merge-city-job-recommend .not-data-text {
    margin: auto;
    width: 193px;
    text-align: center;
    color: #9fa3b0;
    font-size: 16px;
    margin-top: 10px
}

.city-site .merge-city-job-recommend h3>span {
    margin-right: 50px
}

.dropdown-filter-geek-recommend {
    float: right;
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin-right: 100px;
    color: #414a60;
    font-size: 14px;
    font-weight: 400
}

.dropdown-filter-geek-recommend .geek-img {
    display: inline-flex;
    align-items: center;
    height: 100%
}

.dropdown-filter-geek-recommend .geek-img img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 4px
}

.dropdown-filter-geek-recommend .select-label {
    cursor: pointer;
    position: relative;
    z-index: 3;
    height: 100%;
    display: inline-flex;
    align-items: center
}

.dropdown-filter-geek-recommend .select-label i {
    display: inline-block;
    margin: 2px 0 2px 10px;
    border-top: 4px solid #8d92a1;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.dropdown-filter-geek-recommend .select-label i.open {
    transform: rotate(180deg)
}

.dropdown-filter-geek-recommend .select-dropdown-menu {
    display: none;
    position: absolute;
    top: 49px;
    right: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 0 3px 6px rgba(6,0,1,.05);
    border: 1px #e3e7ed solid
}

.dropdown-filter-geek-recommend .select-dropdown-menu>div {
    padding: 10px 10px;
    color: #8d92a1;
    white-space: nowrap
}

.dropdown-filter-geek-recommend .select-dropdown-menu>div.active {
    color: #414a60
}

.dropdown-filter-geek-recommend .select-dropdown-menu>div:hover {
    background: #f2f5f9
}

.job-daizhao-icon,.job-paiqian-icon {
    height: 16px;
    vertical-align: middle;
    margin-right: 10px
}

.guide-download-app-v62 {
    display: none;
    position: fixed;
    top: 122px;
    left: 112px;
    z-index: 999;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(227,231,237,1);
    background: #fff;
    box-shadow: 5px 5px 15px rgba(227,231,237,1);
    border-radius: 4px
}

.guide-download-app-v62 .app-icon-arrow {
    position: absolute;
    top: 20px;
    left: -6px;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(227,231,237,1);
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    background: #fff
}

.guide-download-app-v62 .app-icon-v62 {
    width: 94px;
    height: 94px;
    background: url(../images/download-app-v63.png) no-repeat;
    background-size: 100% 100%;
    margin: 8px auto 0
}

.guide-download-app-v62 .app-icon-des-v62 {
    color: #00c2b3;
    font-size: 13px;
    text-align: center
}

.zhaopin .zhaopin-top {
    display: flex;
    width: 100%;
    align-items: center
}

.zhaopin .zhaopin-top .name {
    position: relative;
    max-width: 200px;
    font-size: 15px;
    color: #414a60;
    margin-right: 8px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zhaopin .zhaopin-top .salary {
    font-size: 15px;
    color: #fd7240;
    line-height: normal;
    flex: 1;
    text-align: right;
    max-width: none
}

.zhaopin a.job-info {
    padding: 0;
    width: 100%;
    text-decoration: none;
    padding-top: 17px;
    vertical-align: middle;   
}

.zhaopin  p.job-text {
    font-size: 13px;
    color: #8d92a1;
    padding-right: 0;
    line-height: 28px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vline {
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px;
}
.zhaopin .sub-li-bottom a.user-info {
    margin: 0
}

.zhaopin .sub-li-bottom .user-info img {
    width: 30px;
    height: 30px
}

.zhaopin .sub-li-bottom {
    border-top: 1px solid #eef0f5;
    display: flex;
    margin-top: 8px;
    padding-top: 12px
}

.zhaopin .sub-li-bottom .sub-li-bottom-commany-info {
    font-size: 13px;
    color: #8d92a1;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zhaopin .sub-li-bottom  .name {
    margin-left: 10px;
    margin-right: 20px;
    color: #61687c;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}



.zhaopin.sub-li-bottom  .type {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zhaopin .sub-li-bottom  .level {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

 .common-tab-more {
    text-align: center;
    margin-top: 4px;
    margin-bottom: 60px;
}

 .common-tab-more .btn {
    width: 216px;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    background: #5dd5c8;
    color: #fff
}

.btn {
    display: inline-block;
    min-width: 112px;
    box-sizing: content-box;
    height: 36px;
    line-height: 36px;
    border: 1px #5dd5c8 solid;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    background: #5dd5c8;
    text-align: center;
    cursor: pointer;
}
 .common-tab-more .btn-outline:hover {
    background: #00c2b3;
    border-color: #00c2b3
}

.qiye-box {
    clear: both;
    margin: 37px;
     width: 100%;
    overflow: hidden
}
.qiye-box .box-title {
    font-size: 24px;
    text-align: center;
    position: relative;
    margin-bottom: 24px
}
.qiye-box ul.cur {
    display: block;
}
.qiye-box ul {
    font-weight: 400;
    display: none;
    width: 110%;
    overflow: hidden;
}
.qiye-top .company-img {
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    overflow: hidden;
    float: left;
}
.gangwei {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #f5f5f5;
    
}
.gangwei p {
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    
}
.gangwei p:after{content: '';position: absolute;width: 90px;border-bottom: 2px #026aeb solid;top: 50%;right: 120%;}
.gangwei p:before{content: '';position: absolute;width: 90px;border-bottom: 2px #026aeb solid;top: 50%;left: 120%;}

.gangwei-tab {
             max-width: 1200px;
             width: 95%;
             display: flex;
             flex-wrap: wrap;
             padding: 20px 0;
             margin:0 auto;
             background-color: #ffffff;
}
.gangwei-tab a {
    font-size: 18px;
    border: 1px solid;
    width: 120px;
    margin: 15px;
    text-align: center;
    border-radius:30px;
    background: #026aeb;
    color: #fff;
    padding: 6px;
}
.tags {
    width: 95%;
    font-size: 16px;
    /* margin-top: 30px; */
    max-width: 1200px;
    padding: 10px;
    /* margin: 5px; */
    display: flex;
    flex-wrap: wrap;
    border-top: 1px #ccc dashed;
}
.tags a {
    color: #fff;
    border: 1px solid #b7b6b6;
    border-radius: 30px;
    width: 160px;
    background-color: #0285ef;
    padding: 2px;
    text-align: center;
}
.box6_pro{
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
.box6_pro .box6_pro_l{
    width: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.box6_pro .box6_pro_l .p1{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    height: 60px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 1px #fff solid;
    letter-spacing: 1px;
    text-shadow: 3px 2px #1160c1;
}
.box6_pro .box6_pro_l .box6_pro_l_list{
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    color: #fff;
    border-bottom: 1px #ccc solid;
}
.box6_pro .box6_pro_l .box6_pro_l_list span{background: url(../images/xh4.png)no-repeat;width: 36px;height: 36px;display: flex;justify-content: center;margin-left: 25px;line-height: 30px;color: #f05500;font-weight: bold;margin-right: 5px;}
.box6_pro .box6_pro_l .box6_pro_l_list:nth-of-type(1) span{background: url(../images/xh1.png)no-repeat;color: #fff;}
.box6_pro .box6_pro_l .box6_pro_l_list:nth-of-type(2) span{background: url(../images/xh2.png)no-repeat;color: #fff;}
.box6_pro .box6_pro_l .box6_pro_l_list:nth-of-type(3) span{background: url(../images/xh3.png)no-repeat;color: #fff;}
.box6_pro .box6_pro_l .box6_pro_l_more{
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.box6_pro .box6_pro_l .box6_pro_l_more img{
    width: 100%;
    height: 100%;
}
.box6_pro .box6_pro_l .box6_pro_l_more p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.box6_pro .box6_pro_r{
    width: 1200px;
    display: flex;
    flex-direction: column;
}
.box6_pro .box6_pro_r .box6_pro_r_t{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
    border-bottom: 1px #026aeb solid;
}
.box6_pro .box6_pro_r .box6_pro_r_t p{
    font-size: 18px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
}
.box6_pro .box6_pro_r .box6_pro_r_t p span{
    width: 5px;
    height: 100%;
    border-left: 2px #026aeb solid;
    border-right: 5px #026aeb solid;
    margin-right: 15px;
}
.box6_pro .box6_pro_r .box6_pro_r_t a{
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    border: 1px #333 solid;
    border-radius: 30px;
}
.box6_pro .box6_pro_r .box6_pro_r_t a span{
    color: #333;
    font-size: 18px;
    margin-left: 10px;
}
.box6_pro .box6_pro_r .box6_pro_r_t a:hover{border-color: #026aeb;color: #026aeb;}
.box6_pro .box6_pro_r .box6_pro_r_t a:hover span{color: #026aeb;}
.box6_pro .box6_pro_r .box6_pro_r_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.box6_pro .box6_pro_r .box6_pro_r_box .box6_pro_r_list{
    width: 280px;
   /* height: 280px;*/
    background: #fff;
    margin: 15px 20px 0 0;
    box-shadow: 0 0 5px #ebebeb;
}


.box6_pro_r_box .box6_pro_r_list .img_box{
    width: 100%;
   height: 280px;
   box-shadow: 10px 10px 10px rgba(0,0,0,.5);

                 /*考虑浏览器兼容性*/

                 -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.5);

                 -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.5);
    }
.box6_pro_r_box .box6_pro_r_list .img_box img{width: 100%;height: 100%;transform: scale(1);transition: all 1s;}

.box6_pro_r_box .box6_pro_r_list .title_box{
    float: left;
    display: flex;
    height: 78px;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;
    width: 145px;
    }
.box6_pro_r_box .box6_pro_r_list .title_box .title_box_p1{font-size: 16px;letter-spacing: 2px;margin-bottom: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.box6_pro_r_box .box6_pro_r_list:hover .title_box .title_box_p1 a{color:#e60012;} 
.box6_pro_r_box .box6_pro_r_list .title_box .title_box_p2{    font-size: 14px;
    color: #666;}
.box6_pro_r_box .box6_pro_r_list .title_box .title_box_p2 span{color: red}
.box6_pro_r_box .box6_pro_r_list .index_3_list_r_zx{
    float: right;
    width: 40px;
    height: 40px;
    margin: 18px 10px 10px;
    background: #026aeb;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2px;
    }
.box6_pro_r_box .box6_pro_r_list .index_3_list_r_zx:hover{background: red} 

.color1{
    background: #026aeb;
}
.color1 .box6_pro_l_more p{
    *background: rgba(188, 90, 21, 0.7);
}
.color2{
    background: #b794f1;
}
.color2 .box6_pro_l_more p{
    *background: rgba(131, 90, 187, 0.7);
}
.color3{
    background: #ff7676;
}
.color3 .box6_pro_l_more p{
   *background: rgba(195, 0, 0, 0.7);
}
.color4{
    background: #ff5f2c;
}
.color4 .box6_pro_l_more p{
   *background: rgba(190, 0, 0, 0.7);
}
.box6_pro .box6_pro_l.color2 .box6_pro_l_list{
    border-color: #c5a9f4;
}
.box6_pro .box6_pro_l.color3 .box6_pro_l_list{
    border-color: #ff9191;
}
.box6_pro .box6_pro_l.color4 .box6_pro_l_list{
    border-color: #ff7f56;
}

.box6_pro .box6_pro_r .box6_pro_r_box .box6_pro_r_list:nth-of-type(4n){
    margin-right: 0
}
.box6_pro .box6_pro_r .box6_pro_r_box .box6_pro_r_list:hover{margin-top: 10px}