@charset 'utf-8';
body{
    position: relative;
}

/*鍔ㄧ敾*/

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*hover鍔ㄧ敾*/
.top_list li.li4 .img_p
{
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.head_pc .li_item::after,
.head_pca .li_item::after,
.jie .slick-slide p::after,
.lian_a::after,
.list_down .downk::before,
.newsx .newsf .erhover .erma,
.zuijia02 .divhover p img,
.zuijia02 .divhover p:after,
.zuijia02 .divhover .imgk img,
.fanganx a::after
{
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}
.jie .slick-slide img,
.dong .dongtair .imgk img,
.dong .dongtair li img,
.recruit .tuijian .col-sm-4 .imgk img,
.slick_news .slick-slide .imgk img,
.kefu .ul1 li:hover img
{
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

   
        

/*pc鍒嗛〉*/
.lpage .activepage
{
    color: #61b486;
    border-color: #61b486;
}
.lpage
{
    padding-top: 64px;
    padding-bottom: 62px;
    position: relative;
    z-index: 1;
}
.lpage li
{
    color: #333;
    font-size: 14px;
    font-family: "Arial";
    line-height: 32px;
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 11px;
    vertical-align: top;
    border: 1px solid #fff;
    border-radius: 50% 50%;
}
.lpage li:hover
{
    color: #61b486;
    border-color: #61b486;
}
.lpage .r
{
    display: none;
}
.lpage li:hover .r
{
    display: inline;
}
.lpage li:hover .b
{
    display: none;
}
.lpage li.lp{
    line-height: 32px;
}
.lpage li.lp img{
    vertical-align: initial;
}
/*鎵嬫満鐗堝垎椤?/
.h_phpage{
    display: none;
    margin-top: 27px;
    margin-bottom: 43px;
}
.h_phpage a{
    color: #555;
    font-size: 18px;
    width: 138px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    outline: 1px solid #ccc;
}
.h_phpage .lp{
    float: left;
    margin-left: 0;
}
.h_phpage .rp{
    float: right;
    margin-right: 0;
}
/*鍒嗛〉 姝?/

.header_top{
    position: relative;
    background-color: #231815;
    height: 36px;
    width: 100%;
    left: 0;
    -webkit-transition: left 250ms ease-out;
    transition: left 250ms ease-out;
}
.header_top .container{
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 100%;
}
.top_list{
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
}
.top_list li{
    color: #fff;
    font-size: 12px;
    letter-spacing: .4px;
}
.top_list li.li1{
    line-height: 3;
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}
.top_list li.li1 img{
    /*float: right;
    margin-top: 11px;*/
}
.top_list li.li1 span{
    margin-right: 15px;
}
.top_list li.li1 .span3{
    margin-right: 17px;
}
.top_list li.li2{
    margin-left: 22px;
    padding-left: 23px;
    position: relative;
}
.top_list li.li2::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #4f4644;
}
.top_list li.li_icon{
    margin-left: 11px;
    cursor: pointer;
    position: relative;
}
.top_list li.li_icon:hover .img_s{
    display: none;
}
.top_list li.li_icon:hover .img_d{
    display: inline-block;
}
.top_list li.li4 .img_p{
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -50px;
    z-index: 105;
    height: 0;
    width: 100px;
    overflow:hidden;
    max-width: 100px;
}
.top_list li.li4:hover .img_p{
    height: 103px;
}
.head_pc{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background: #fff;
    z-index: 99999;
    border-bottom: 1px solid rgba(0,0,0,.2);
    /*box-shadow: 0 0 7px 0 rgba(0,0,0,.2);*/
}
.head_pca{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background: rgba(255,255,255,0.5);
    z-index: 99999;
    border-bottom: 1px solid rgba(0,0,0,.2);
    /*box-shadow: 0 0 7px 0 rgba(0,0,0,.2);*/
}
.head_pc .container,.head_pca .container{
    line-height: 110px;
}
.head_pc .head_logo,.head_pca .head_logo{
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    vertical-align: middle;
    display: inline-block;
   
}
.head_pc .head_logo a,
.head_pca .head_logo a,
.head_pc .head_logo img,
.head_pca .head_logo img,
{
    display: block;
}
.head_pc .head_list,.head_pca .head_list{
    float: right;
    white-space: nowrap;
}
.head_pc .li_item,.head_pca .li_item{
    position: relative;
    line-height: 90px;
    vertical-align: top;
    padding: 0 12px;
    padding-top: 20px;
    float: left;
}
.head_pc .li_item:last-child,.head_pca .li_item:last-child{
    margin-left: 20px;
    padding: 0 0;
    padding-top: 20px;
}
.head_pc .li_item a,.head_pca .li_item a{
    display: block;
    color: #5c5c5c;
    font-size: 17px;
    font-family: "Arial";
    letter-spacing: 1px;
    position: relative;
}
.head_pc .li_item a::after,.head_pca .li_item a::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #008cd6;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.head_pc .li_item:hover a::after,
.head_pc .li_item.active a::after,
.head_pc .li_item.act a::after,
.head_pca .li_item:hover a::after,
.head_pca .li_item.active a::after,
.head_pca .li_item.act a::after{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.head_pc .li_item.act a,
.head_pc .li_item.active a,
.head_pca .li_item.act a,
.head_pca .li_item.active a{
    color: #008cd6;
}
.xiala1{
    position: fixed;
    top: 110px;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    min-height: 200px;
    display: none;
    z-index: 99;
    /*box-shadow: 0 0 1px 0 #ddd;*/
}

/*.xiala1[_t_nav="4"],*/
/*.xiala1[_t_nav="5"],*/
/*.xiala1[_t_nav="6"],*/
/*.xiala1[_t_nav="7"]{*/
/*    height: 265px;*/
    
/*    background-color: #fff;*/
/*}*/

.xiala .container,
.xiala .xiala_item{
    height: 100%;
}
.xiala .xiala_l{
    float: left;
    width: 387px;
    height: 100%;
    padding-top: 48px;
    margin-left: 80px;
}
.xiala .xiala_l h1{
    color: #666;
    font-size: 36px;
    font-family: "Arial";
    padding-left: 47px;
    padding-right: 53px;
    letter-spacing: .9px;
}
.xiala .xiala_l h1 div{
    display: inline-block;
}
.xiala .xiala_l h1 div p{
    color: #999;
    font-size: 24px;
    font-family: "Arial";
    line-height: 1.9;
    text-align: right;
    cursor: pointer;
}
.xiala .xiala_l h1 div p:nth-child(2){
    margin-top: 17px;
}
.xiala .xiala_l h1 div p.active{
    color: #ef1a24;
}
/*.xiala .xiala_r ul:nth-child(2){
    display: none;
}
.xiala .xiala_r ul:nth-child(3){
    display: none;
}*/
.xiala .xiala_l h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    padding-left: 47px;
    padding-right: 53px;
    margin-top: 17px;
    line-height: 1.67;
    letter-spacing: .9px;
}
.xiala .xiala_r{
    
    height: 100%;
    padding-top: 48px;
 
}
.xiala .xiala_r ul{
    margin-left: -26px;
}
.xiala .xiala_r li{
   
    display: inline-block;
    margin-bottom: 10.5px;
    margin-left: 38px;
    vertical-align: top;
      
}
.xiala .xiala_r li a{
    color: #fff;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.2;
    letter-spacing: 1px;
}
.xiala .xiala_r li a:hover{
    color: #008cd6;
}
/*鎵嬫満鐗堝ご閮?/
.head_ph{
    display: none;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    z-index: 200;
    border-bottom: 1px solid #ddd;
}
.head_ph .container,
.head_ph .logo{
    position: relative;
    height: 100%;
}
.head_ph .logo{
    line-height: 60px;
    text-align: center;
}
.head_ph .logo img{
    width: 165px;
    
}
.head_ph .menuph{
    position: absolute;
    top: 21px;
    right: 15px;
    cursor: pointer;
}
/*鎵嬫満涓嬫媺鑿滃崟*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: none;
    z-index: 198;
    padding-bottom: 38px;
}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    line-height: 53px;

}
.xialaph h4 a.z_a{
    float:left;
    display:block; width:80%;
}
.xialaph h4{
    border-bottom: 1px solid #e6e6e6;
    height: 54px;
}
.xialaph .container{
    padding-left: 30px;
    padding-right: 30px;
}
.xialaph h5 a{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    line-height: 54px;
}
.xialaph h5 a.z_a2{
    float:left;
    display:block; width:80%;
}
.xialaph h5{
    border-bottom: 1px solid #e6e6e6;
    background-color: #f5f5f5;
}
.xialaph h4 img,
.xialaph h5 img{
    float: right;
    margin-top: 26px;
}
.xialaph h4 img.img2,
.xialaph h5 img.img2{
    display: none;
}
.xialaph h4.active img.img1,
.xialaph h5.active img.img1{
    display: none;
}
.xialaph h4.active img.img2,
.xialaph h5.active img.img2{
    display: block;
}
.xialaph .ul3{
    background-color: #ebebeb;
    padding-bottom: 3px;
    border-bottom: 1px solid #e6e6e6;
}
.xialaph .ul3 li a{
    color: #333;
    font-size: 14px;
    font-family: "Arial";
    line-height: 49px;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
.phonemeng{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}
.ban,
.slick_ban{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.ban .slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 96px;
    height: 96px;
    z-index: 1;
}
/*.ban .slick-prev{
    left: 50%;
    margin-left: -730px;
    background: url(../images/arrow_left.png) no-repeat center center;
}
.ban .slick-next{
    right: 50%;
    margin-right: -730px;
    background: url(../images/arrow_right.png) no-repeat center center;
}*/

.ban .slick-prev{
    left: 50%;
    margin-left: -730px;
    background: url(../images/arrow_l2.png) no-repeat center center;
    opacity: 1;
}
.ban .slick-next{
    right: 50%;
    margin-right: -730px;
    background: url(../images/arrow_r2.png) no-repeat center center;
    opacity: 1;
}

.ban .slick-prev:hover{
    opacity: .7;
}

.ban .slick-next:hover{
    opacity: .7;
}

.ban .slick-dots{
    position: absolute;
    bottom: 38px;
    text-align: center;
    width: 100%;
}
.ban .slick-dots li{
    display: inline-block;
    background-color: #767478;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}
.ban .slick-dots li.slick-active{
    width: 20px;
    height: 20px;
    border: 5px solid #767478;
    background-color: #008cd6;
}
.ban .slick-slide{
    padding: 0;
    /*border: 0;*/
}
.ban .slick-slide img{
    width: 100%;
}
.search{
    width: 100%;
    height: 86px;
    background-color: #f8f6f2;
    padding-top: 20px;
}
.search .input{
    width: 806px;
    height: 46px;
    border: 1px solid #ccc;
    position: relative;
    margin: 0 auto;
}
.search .input input{
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #999;
    font-size: 14px;
    font-family: "Arial";
    padding-left: 20px;
}
.search .input button{
    position: absolute;
    top: 1px;
    right: 1px;
    width: 116px;
    height: 42px;
    background: url(../images/sou.png) no-repeat center center;
    background-color: #ef1a24;
}
.search .sou_img{
    display: none;
    text-align: center;
    position: relative;
}
.search .sou_img img{
    cursor: pointer;
}
.search .sou_form{
    position: absolute;
    top: 29px;
    left: 0;
    width: 100%;
    height: 44px;
    background-color: #74b7e1;
    display: none;
    z-index: 2;
}
.search .sou_form form{
    height: 100%;
}
.sou_input{
    position: relative;
    height: 100%;
}
.sou_input input{
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    font-family: "Arial";
    padding-left: 35px;
    background: url(../images/sou3.png) no-repeat 15px center;
}
.sou_input label{
    position: absolute;
    top: 14px;
    left: 35px;
    color: #fff;
    font-size: 12px;
    font-family: "Arial";
}

.sou_input img{
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    right: 15px;
}
.chan{
    padding-top: 54px; 
    padding-bottom: 60px;
    text-align: center;
    position: relative;
        background: #fff;
}
.chan .container{
    position: relative;
    z-index: 1;
}
.color{
    background: #f8f8f8;
    position: absolute;
    width: 100%;
    height: 43%;
    left: 0;
    bottom: 0;
}
.sh2{
    color: #ef1a24;
    font-family: "Arial";
    text-align: center;
}
.sh5{
    color: #000;
    font-family: "Arial";
    margin-top: 13px;
    text-transform: uppercase;
    border-top:2px #d2d2d2 solid;
        text-align: left;
    padding-top: 40px;
    font-weight: 700;
    
}
.chan_lun{
    width: 100%;
    margin-top: 60px;
    margin-bottom: 40px;
}
.chan_lun .imgk{
   
}
.chan_lun p{
    color: #666;
    font-family: "Arial";
    font-size: 16px;
    margin-top: 12px;
}
.slick_chan .slick-arrow{
    position: absolute;
    top: 45%;
    width: 41px;
    height: 41px;
    z-index: 1;
}
.slick_chan .slick-next{
    background: url(../images/arrow_r.png) no-repeat center center;
    right: -90px;
}
.slick_chan .slick-prev{
    background: url(../images/arrow_l.png) no-repeat center center;
    left: -90px;
}
.slick_chan .slick-dots{
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none !important;
}
.slick_chan .slick-dots li{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #dcdcdc;
    vertical-align: middle;
}
.slick_chan .slick-dots li.slick-active{
    width: 9px;
    height: 9px;
    border: 2px solid #dcdcdc;
    background-color: #ef1a24;
}

.chan_lun .slick-slide img{
    max-width: 100%;
 
}
@media screen and (min-width: 600px) {
    .chan_lun .slick-slide:hover p{
        color: #ef1a24;
    }
    .chan_lun .slick-slide:hover .img_d{
        display: inline-block;
    }


}

.jie{
    padding-top: 62px;
}
.slick_jiel{
    margin-top: 43px;
}
.slick_jie{
    margin-left: -9px;
    margin-right: -9px;
}
.jie .slick-slide{
    padding-left: 9px;
    padding-right: 9px;
}
.jie .slick-slide .imgk{
    overflow: hidden;
    position: relative;
}
.jie .slick-slide .title{
    
    color: #333;
    font-size: 14px;
    font-family: "Arial";
    position: relative;
    padding-top: 5px;
    margin-top: 13px;
    padding-bottom: 5px;
    padding-left: 14px;
}
.jie .slick-slide .title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ef1a24;
}
.jie .slick-slide .imgk img{
    width: 100%;
}
.jie .slick-slide p{
    color: #333;
    font-family: "Arial";
    font-size: 16px;
    position: relative;
    padding-top: 5px;
    margin-top: 13px;
    padding-bottom: 5px;
    margin-bottom: 17px;
    padding-left: 14px;
}
.jie .slick-slide p a{
    color: #333;
    position: relative;
    z-index: 1;
    display: block;
}
.jie .slick-slide p img{
    opacity: 0;
    margin-left: 10px;
    margin-top: -3px;
}
.jie .slick-slide p:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ef1a24;
}
.jie .slick-slide p:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ef1a24;
    opacity: 0.6;
}
.jie .divhover{
    display: block;
    width: 100%;
}
.jie .divhover:hover a{
    color: #fff;
    text-align: center;
}
.jie .divhover:hover p img{
    opacity: 1;
}
.jie .divhover:hover p:after{
    width: 100%;
}
.jie .divhover:hover .imgk img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.slick_jie2{
    margin-left: 0;
    margin-right: 0;
    display: none;
}
.jie .slick_jie2 .slick-slide{
    padding-left: 0;
    padding-right: 0;
}
.jie .slick_jie .slick-arrow{
    position: absolute;
    top: 38%;
    width: 41px;
    height: 41px;
    z-index: 1;
}
.jie .slick_jie .slick-prev{
    background: url(../images/arrow_l.png) no-repeat center center;
    left: -95px;
}
.jie .slick_jie .slick-next{
    background: url(../images/arrow_r.png) no-repeat center center;
    right: -95px;
}
.dong{
   
}
.dong .dongtai{
    margin-top: 45px;
}
.dong .dongtail{
   
    float: left;
}
.dong .dongtair{
  
}
.dong .dongtail{
    overflow: hidden;
    position: relative;
}
.dong .dongtail img.img1{
    width: 100%;
}
.dong .dongtail .meng{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.45;
}
.dong .dongtail .bo h3{
    color: #fff;
    font-size: 24px;
    font-family: "Arial";
    letter-spacing: 1px;
}
.dong .dongtail .bo h5{
    color: #fff;
    font-family: "Arial";
    text-transform: uppercase;
    margin-top: 11px;
}
.dong .dongtail .bo span{
    cursor: pointer;
    display: inline-block;
    margin-top: 21px;
}
.dong .dongtail .bo span:hover .img_s{
    display: none;
}
.dong .dongtail .bo span:hover .img_d{
    display: inline-block;
}
.dong .dongtail .bo{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-top: -71px;
    margin-left: -50px;
}
.dong .dongtair .imgk{
    overflow: hidden;
}
.dong .dongtair .imgk img{
    width: 100%;
}
.dong .dongtair .imgk:hover img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.dong .dongtair li{
    border-bottom: 1px dashed #e5e5e5;
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.dong .dongtair li a{
    color: #333;
}
.dong .dongtair li img{
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    right: 0;
}
.dong .dongtair li img.img_do{
    opacity: 0;
}
.dong .dongtair li:hover a{
    color: #ef1a24;
}
.dong .dongtair li:hover .img_s{
    opacity: 0;
}
.dong .dongtair li:hover .img_do{
    opacity: 1;
}
@media screen and (min-width: 768px){
    .dong .dongtair li:hover img{
        transform: translateX(-20px);
        transition: all 1s;
    }
}
/*@-webkit-keyframes dong{
    0%{
        -webkit-transform:translateX(0); 
        transform:translateX(0); 
    }
    60%,100%{
        -webkit-transform:translateX(-10px); 
        transform:translateX(-10px); 
    }
    70%,90%{
        -webkit-transform:translateX(-8px); 
        transform:translateX(-8px); 
    }
    80%{
        -webkit-transform:translateX(-12px); 
        transform:translateX(-12px); 
    }
}
@keyframes dong{
    0%{
        -webkit-transform:translateX(0); 
        transform:translateX(0); 
    }
    60%,100%{
        -webkit-transform:translateX(-20px); 
        transform:translateX(-20px); 
    }
    70%,90%{
        -webkit-transform:translateX(-25px); 
        transform:translateX(-25px); 
    }
    80%{
        -webkit-transform:translateX(-15px); 
        transform:translateX(-15px); 
    }
}*/
.dong .dongtail .bofang{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    margin-left: -19px;
}
.dong .dongtai_ph{
    display: none;
}
.dong .dongtai_ph .dongtair li img{
    margin-top: -3.5px;
}
.dong .dongtail.dongtai_ph{
    margin-top: 30px;
}

/*瑙嗛寮圭獥*/
.modal_mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 1;
}
.modal_mask:focus, 
.modal_mask:hover {
    opacity: 1;
}
.modal-dialog{
    margin-top: 195px;
}
video{
    width: 100%;
}
.modal-content{
    background-color: #000;
}
.modal-header{
    height: 0;
    min-height: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0;
}
.modal-header .h_close{
    font-size: 40px;
    margin-top: 0;
    margin-right: 8px;
    color: #fff;
    opacity: 1;
}
.modal-body{
    padding: 0px 0;
}
.modal-footer{
    border: 0;
    display: none;
}
.modal.fade .modal-dialog{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
@media screen and (min-width: 768px) {
    .modal-dialog{
        width: 687px;
    }
}

.kefu {
    background-color: #525252;
    padding-top: 44px;
    padding-bottom: 20px;
    text-align: center;
    letter-spacing: .6px;
}
.kefu h3{
    color: #dcdcdc;
    font-size: 24px;
    font-family: "Arial";
}
.kefu h6{
    color: #dbdbdb;
    font-size: 12px;
    font-family: "Arial";
    text-transform: uppercase;
    margin-top: 9px;
}
.kefu h6 span{
    position: relative;
}
.kefu h6 span:before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    width: 1200px;
    height: 1px;
    background-color: #5b5b5b;
    right: 142px;
}
.kefu h6 span:after{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    width: 1200px;
    height: 1px;
    background-color: #5b5b5b;
    left: 142px;
}
.kefu .ul1{

}
.kefu .ul1 li{
    float: left;
    width: 25%;
    padding-top: 58px;
    padding-bottom: 40px;
}
.kefu .ul1 li a{
    display: inline-block;
    position: relative;
}
.kefu .ul1 li a .img2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.kefu .ul1 li:hover img{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.kefu .ul1 li:hover .img1{
    opacity: 0;
}
.kefu .ul1 li:hover .img2{
    opacity: 1;
}
.kefu .ul1 h5{
    color: #888888;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 25px;
}
.kefu .ul1 li:hover h5{
    color: #fff;
}
.kefu .kefu_ph{
    display: none;
}
.kefu .kefu_ph h3{
    color: #005dac;
}
.kefu .kefu_ph h6{
    color: #005dac;
    margin-top: 12px;
}
.kefu .kefu_ph .ul2{
    background-color: #777;
    margin-top: 23px;
}
.kefu .ul2 li{
    padding-top: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #8a8a8a;
}
.kefu .ul2 h5{
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 12px;
}
/*搴曢儴*/
footer{
    padding-top: 45px;
    background-color: #04182C;
}
footer .logo_di{
    width: 225px;
    float: left;
    text-align: center;
}
footer .logo_di .img2{
    /* margin-top: 40px; */
}
footer .logo_di h6{
    margin-top: 5px;
    color: #888;
    font-size: 12px;
    font-family: "Arial";
    line-height: 15px;
}
footer .ul_di{
    float: left;
    margin-left: 105px;
}
footer .ul_di h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 30px;
    margin-bottom: 28px;
}
footer .ul_di li a{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
}
footer .ul_di li{
    padding-top: 5px;
    padding-bottom: 5px;
}
footer .ul_di ul{
    float: left;
    width: 203px;
}
footer .ul_di ul:last-child{
    width: 260px;
}
footer .lian_di{
    border-bottom: 1px solid #dadada;
    margin-top: 36px;
    padding-bottom: 22px;
    padding-left: 21px;
}
footer .lian_di .span1{
    float: left;
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    font-weight: bold;
    letter-spacing: 1px;
}
footer .lian_di .span1 img{
    margin-right: 14px;
    margin-top: -6px;
}
footer .lian_di .span2{
    float: right;
    position: relative;
}
footer .lian_di .span2 img{
    margin-left: 15px;
    cursor: pointer;
}
footer .lian_di .span2 .ma_di{
    position: absolute;
    bottom: 22px;
    left: 0px;
    width: 100px;
    height: 103px;
    display: none;
}
footer .banqu_di{
    color: #fff;
    font-size: 13px;
    font-family: "Arial";
    text-align: center;
    padding-top: 50px;
    padding-bottom: 28px;
    background: #04182C;
}
footer .banqu_di .span1,
footer .banqu_di .span3,
footer .banqu_di .span4{
    font-family: "Arial";
    margin-right: 8px;
}
footer .banqu_di a{
   color: #fff;
}
.best{
    padding-top: 60px;
    padding-bottom: 99px;
    overflow: hidden;
    position: relative;
}
.best .container{
    position: relative;
    z-index: 2;
}
.best h2{
    color: #fff;
    font-family: "Arial";
    letter-spacing: 1px;
    text-align: center;
}
.best h5{
    color: #fff;
    font-family: "Arial";
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 13px;
    position: relative;
    text-align: center;
}
.best h5:after{
    content: '';
    width: 30px;
    height: 3px;
    background-color: #999;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -18px;
}
.best h5:before{
    content: '';
    width: 260px;
    height: 1px;
    background-color: #707277;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    bottom: -17px;
}
.best_kuang{
    margin-top: 41px;
}
.best_kuang .ull{
    width: 126px;
    float: left;
    text-align: right;
    overflow: hidden;
    min-height: 369px;
}
.best_kuang .best_con{
    width: 1074px;
    float: left;
    position: relative;
    padding-left: 114px;
    padding-top: 42px;
}
.best_kuang .ul1{
    position: relative;
    padding-top: 47px;
}
.best_kuang .ul1 span{
    color: #fff;
    font-size: 16px;
    font-family: "Arial";
    letter-spacing: .8px;
    cursor: pointer;
}
.best_kuang .ul1 span.active{
    color: #ef1a24;
}
.best_kuang .ul1 li{
    line-height: 1.5;
    margin-bottom: 20px;
}
.best_kuang .best_con:before{
    content: '';
    position: absolute;
    top: -260px;
    left: 55px;
    width: 1px;
    height: 1200px;
    background-color: #e3d8d4;
    opacity: 0.24;
}
.best_kuang .best_con:after{
    content: '';
    position: absolute;
    top: 44px;
    left: 54px;
    width: 3px;
    height: 30px;
    background-color: #ef1a24;
}
.best_kuang .best_zi{
    width: 369px;
    float: left;
    padding-right: 14px;
}
.best_kuang .best_img{
    width: 609px;
    float: left;
    margin-right: -18px;
}
.best_kuang .best_img img{
    width: 100%;
}
.best_kuang .best_zi h3{
    color: #fff;
    font-size: 24px;
    font-family: "Arial";
    font-weight: bold;
    letter-spacing: 1.2px;
}
.best_kuang .best_zi h6{
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    line-height: 1.8;
    margin-top: 17px;
    letter-spacing: .6px;
}
.best_kuang .best_zi .ul2{
    margin-top: 19px;
}
.best_kuang .best_zi .ul2 h4{
    color: #ef1a24;
    font-size: 16px;
    font-family: "Arial";
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 2px;
}
.best_kuang .best_zi .ul2 p{
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    padding-top: 6px;
    letter-spacing: 1px;
}
.best_kuang .best_zi .best_a{
    margin-top: 50px;
    color: #fff;
    font-size: 14px;
    font-family: "Arial";
    display: inline-block;
}
.best_kuang .best_zi .best_a:hover{
    color: #ef1a24;
}
.best_kuang .best_zi .best_a:hover .img_s{
    display: none;
}
.best_kuang .best_zi .best_a:hover .img_d{
    display: inline-block;
}
.best_kuang .best_zi .best_a img{
    margin-left: 10px;
    margin-top: -0px;
}
/**/
.best_kuang .best_con .best_item{
    display: none;
}
.best_kuang .best_con .best_item:first-child{
    display: block;
}
.zUIpanelScrollBox,.zUIpanelScrollBar{
    width:10px;
    top:4px;
    right:2px;
    border-radius:5px;

}
.zUIpanelScrollBox{
    background:black;opacity:0.1;
    filter:alpha(opacity=10);
}
.zUIpanelScrollBar{
    background:#fff;opacity:0.8;
    filter:alpha(opacity=80);
}
.best2{
    display: none;
    padding-top: 60px;
}
.best_pdh{

}
.best_pdh .ul1{
    margin-top: 13px;
}
.best_pdh .ul1 li{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    cursor: pointer;
}
.best_pdh .ul1 li:last-child{
    border-bottom: 1px solid #dcdcdc;
}
.best_pdh .ul1 li.active{
    color: #ef1a24;
    border-bottom: 1px solid #ef1a24;
}
.best_pdh .best_zi{
    padding-top: 26px;
}
.best_pdh .best_zi h3{
    color: #005dac;
    font-size: 16px;
    font-family: "Arial";
    font-weight: bold;
    letter-spacing: .9px;
}
.best_pdh .best_zi h6{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 2;
    letter-spacing: .8px;
    margin-top: 7px;

}
.best_pdh .best_zi .ul2{
    margin-top: 23px;
}
.best_pdh .best_zi .ul2 h4{
    color: #005dac;
    font-size: 16px;
    font-family: "Arial";
    font-weight: bold;
    letter-spacing: .9px;
    margin-bottom: 6px;
}
.best_pdh .best_zi .ul2 li{
    color: #666;
    font-size: 16px;
    font-family: "Arial";
    line-height: 2;
    display: inline-block;
    letter-spacing: .8px;
}
.best_pdh .best_zi .best_a{
    color: #005dac;
    font-size: 14px;
    font-family: "Arial";
    letter-spacing: .9px;
    display: inline-block;
    margin-top: 19px;
}
.best_pdh .best_zi .best_a img{
    margin-left: 7px;
}
.best_pdh .best_img{
    width: 100%;
    margin-top: 23px;
}
.best_pdh .best_conp .best_item{
    display: none;
}
.best_pdh .best_conp .best_item:first-child{
    display: block;
}
/*鍐呴〉鍏叡*/
.banner{
    position: relative;
    z-index: 2;
}
.tuan{
    background: url(../images/tuan.png) center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.tuand{
    background-color: #22384c;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.tuand0{
    background-color: #000;
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner img{
    width: 100%;
}
.banner h1{
    color: #fff;
    font-size: 48px;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    position: absolute;
    top: 38.2%;
    text-align: center;
    left: 0;
    width: 100%;
    z-index: 2;
}
.nav_er{
    height: 70px;
    line-height: 70px;
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    background-color: #fafafa;
}
.nav_er li{
    margin-right: 18px;
    position: relative;
    float: left;
}
.nav_er li::after{
    content: '';
    position: absolute;
    top: 51%;
    right: -12px;
    width: 7px;
    height: 7px;
    margin-top: -3.5px;
    background: url(../images/arrow_tou.png) no-repeat center center;
}
.nav_er a{
    color: #666;
}
.nav_er a:last-child{
    color: #ef1a24;
}
.nav_er li:last-child::after{
    display: none;
}
.banner_nav{
    position: absolute;
    top: 52%;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 48px;
    font-family: "Arial";
    text-align: center;
}
.banner_nav li{
    display: inline-block;
    position: relative;
    margin-right: 28px;
}
.banner_nav li:last-child{
    margin-right: 0;
}
.banner_nav li a{
    display: block;
    width: 155px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #fff;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 16px;
    font-family: "Arial";
}
.banner_nav li a::after,
.banner_nav li a::before{
    content: '';
    position: absolute;
    top: 15px;
    width: 8px;
    height: 1px;
    background-color: #fff;
}
.banner_nav li a::after{
    right: 9px;
}
.banner_nav li a::before{
    left: 9px;
}
.banner_nav li a.active,
.banner_nav li a:hover{
    background-color: #ef1a24;
    border-color: #ef1a24;
}
.banner_nav li .meng{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.15;
}
/*02*/
.product_btn{
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px;
    display: none;
}
.product_btn img{
    cursor: pointer;
}
.product_list{
    
}
@media screen and (min-width: 1200px) {
    .product_list .container{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

.product_list h1{
    color: #333333;
    font-size: 72px;
    font-family: "RT";
    padding-left: 68px;
    padding-top: 38px;
}
.product_list h2{
    color: #333333;
    font-size: 30px;
    /*font-family: "鎬濇簮榛戜綋 CN","Arial";*/
    font-family: "Arial";
    font-weight: bold;
    padding-left: 68px;
    margin-top: 11px;
}
.product_l{
    border-top: 1px solid #e5e5e5;
    margin-top: 46px;
}
.product_l .ul1{
    float: left;
    width: 387px;
}
.product_l .ul1 li{
    border-bottom: 1px solid #e5e5e5;
}

.product_l .ul1 li .a{
    position: relative;
}

.product_l .ul1 li a{
    display: block;
    color: #666;
    font-size: 20px;
    font-family: "Arial";
    height: 54px;
    width: 100%;
    padding-left: 68px;
    line-height: 54px;
    position: relative;
}
.product_l .ul1 li.active .a{
    border-bottom: 1px solid #e5e5e5;
    color: #ef1a24;
}
.product_l .ul1 li.on .a{
    color: #ef1a24;
}


.product_l .ul1 li.active .a .img_s{
    display: none;
}
.product_l .ul1 li.active .a .img_d{
    display: block;
}
.product_l .ul1 li img{
    position: absolute;
    right: 27px;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    cursor: pointer;
}
.product_l .ul_d{
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
.product_l .ul_d li{
    height: auto;
    border-bottom: 0;
}
.product_l .ul_d li a{
    display: inline-block;
    font-size: 16px;
    border-bottom: 0;
    line-height: 37px;
    height: auto;
}
.product_l .ul_d li.on a{
    color: #ef1a24;
}
.product_l .ul1 li a:hover{
    color: #ef1a24;
}
.product_l .you{
    float: left;
}
.product_l .ul2{
    border-left: 1px solid #e5e5e5;
}
.product_l .ul2 li{
    width: 20%;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    float: left;
    padding-top: 25px;
    padding-bottom: 43px;
    overflow: hidden;
  height: 422px;
}
.product_l .ul2 .img_k{
    text-align: center;
    overflow: hidden;
    
}
.product_l .ul2 .img_k img{
    max-width: 100%;
}
.product_l .ul2 .zik{
    display: block;
    text-align: center;
}
.product_l .ul2 .zi{
    display: inline-block;
}
.product_l .ul2 .zi a.a{
    text-align: left;
    display: block;
    color: #ef1a24;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 12px;
}
.product_l .ul2 .zi a.a img{
    margin-left: 8px;
    margin-top: -2px;
}
.product_l .ul2 h3{
    margin-top: 20px;
    font-size: 18px;
    font-family: "Arial";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product_l .ul2 h3 a{
    color: #525252;
}
.product_l .ul2 li:hover a{
    color: #ef1a24;
}
/*宸︿晶鍑虹殑鑿滃崟*/
.nav_meng{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.45;
    z-index: 201;
    display: none;
}
.nav_cai{
    position: fixed;
    top: 0;
    left: -269px;
    bottom: 0;
    width: 269px;
    background-color: #fff;
    z-index: 202;
    overflow: auto;
}
.nav_cai h5 {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 15px;
}
.nav_cai h5 .span1{
    color: #333;
    font-family: "RT";
}
.nav_cai h5 .span2{
    color: #ef1a24;
    font-family: "Arial";
    line-height: 39px;
}
.nav_cai h5 img{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 18px;
}
.nav_cai .ul1 h5{
    height: 68px;
    line-height: 76px;
    color: #666;
    font-family: "Arial";
    cursor: pointer;
}
.nav_cai .ul1 h5 a{
    color: #666;
}
.nav_cai .ul1 h5 img{
    position: absolute;
    top: 30px;
    right: 44px;
}
.nav_cai .ul1 h5.active .img_s{
    display: none;
}
.nav_cai .ul1 h5.active .img_d{
    display: block;
}
.nav_cai .ul2{
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
    padding-top: 7px;
    display: none;
}
.nav_cai .ul2 li{
    font-size: 14px;
    font-family: "Arial";
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
}
.nav_cai .ul2 li a{
    color: #666;
}
/*01*/
.product_nei{
    padding-top: 65px;
}
.product_nei01{
    padding-bottom: 115px;
}
.product_nei01 .pnei_1{
    float: left;
    width: 50%;
    padding-right: 22px;
}
.product_nei01 .pnei_1 .h31{
    color: #333;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 48px;
}
.product_nei01 .pnei_1 .h32{
    color: #ef1a24;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 67px;
}
.product_nei01 .pnei_1 h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2.7;
    letter-spacing: 1.2px;
    margin-top: 8px;
}
.product_nei01 .pnei_2{
    float: left;
    width: 50%;
    text-align: center;
}
.product_nei01 .pnei_2 .slick-slider{
    margin-left: 0;
    margin-right: 0;
}
.product_nei01 .pnei_2 .slick-slide{
    padding-right: 0;
    padding-left: 0;
    
}
.product_nei01 .pnei_2 .slick-slide img{
    max-width: 100%;
}
.product_nei01 .pnei_2 .slick-arrow{
    position: absolute;
    top: 50%;
    width: 41px;
    height: 41px;
    z-index: 1;
}
.product_nei01 .pnei_2 .slick-prev{
    background: url(../images/arrow_l.png) no-repeat center center;
    left: 4px;
}
.product_nei01 .pnei_2 .slick-next{
    background: url(../images/arrow_r.png) no-repeat center center;
    right: 4px;
}
.product_nei01 .pnei_2 .slick-dots{
    position: absolute;
    bottom: -102px;
    left: 0;
    width: 100%;
    text-align: center;
}
.product_nei01 .pnei_2 .slick-dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ef1a24;
    opacity: 0.3;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}
.product_nei01 .pnei_2 .slick-dots li.slick-active{
    width: 20px;
    height: 20px;
    opacity: 1;
    border: 5px solid #E3E3E3;
}
.product_nei01 .pnei_3{
    float: left;
    margin-top: 39px;
}
.product_nei01 .pnei_3 .lian_a{
    display: inline-block;
    width: 198px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    font-size: 18px;
    font-family: "Arial";
    position: relative;
    text-align: center;
}
.product_nei01 .pnei_3 .lian_a img{
    margin-left: 20px;
    position: relative;
    z-index: 1;
    margin-top: -5px;
}
.product_nei01 .pnei_3 .lian_a span{
    position: relative;
    z-index: 1;
}
.product_nei01 .pnei_3 .lian_a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 7px;
    width: 100%;
}
.product_nei01 .pnei_3 .lian_a:hover::after{
    height: 100%;
}
.product_nei01 .pnei_3 .lian_a1{
    background-color: #1d5ca9;
}
.product_nei01 .pnei_3 .lian_a2{
    background-color: #26ba98;
}
.product_nei01 .pnei_3 .lian_a3{
    background-color: #74b7e1;
}
.product_nei01 .pnei_3 .lian_a1::after{
    background-color: #0d478d;
}
.product_nei01 .pnei_3 .lian_a2::after{
    background-color: #089473;
}
.product_nei01 .pnei_3 .lian_a3::after{
    background-color: #5ea4c7;
}
.product_nei02{
    background-color: #fafafa;
    border-bottom: 2px solid #dfe2e5;
}
.product_nei02 li{
    width: 33.333%;
    float: left;
    text-align: center;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
.product_nei02 li a{display:block; width:100%;}
.product_nei02 li p{
    color: #005dac;
    font-size: 16px;
    font-family: "Arial";
}
.product_nei02 li::after{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #d7d7d7;
    display: none;
}
.product_nei02 li.active
{
    background-color: #e9e9e9;
}
.product_nei02 li.active::after{
    display: block;
}
.product_nei03{
    padding-top: 75px;
}
.product_nei03 h1{
    color: #015cac;
    font-size: 36px;
    font-family: "Arial";
}
.product_nei03 .h12{
    margin-top: 109px;
}
.product_nei03 h1 span{
    font-size: 23px;
    vertical-align: middle;
    margin-right: 13px;
}
.product_nei03 h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    margin-top: 58px;
}
.product_nei03 h4 span{
    color: #015cac;
    margin-right: 6px;
}
.product_nei03 .ul1{
    margin-top: 34px;
}
.product_nei03 li{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    padding-top: 22px;
}
.product_nei03 li span{
    margin-right: 7px;
}
.product_nei03 .jiegou {
    padding-top: 50px;
    padding-bottom: 121px;
    padding-left: 73px;
}
.product_nei03 .jiegou div{
    display: inline-block;
}
.product_nei03 .ul2{
    margin-top: 71px;
    margin-left: 44px;
    margin-right: 224px;
}
.product_nei03 .ul2 li{
    color: #333;
    padding-top: 34px;
}
.product_nei03 li span{
    color: #015cac;
}
.product_nei03 .pro_item{
    display: none;
}
.product_nei03 .pro_item:first-child{
    display: block;
}
.pro_item{padding-bottom:50px; color: #666;
    font-size: 18px;
    font-family: "Arial"; }
/*03*/
.nav_san {
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    margin-top: 50px;
}
.nav_san li{
    /*display: inline-block;*/
    display: table-cell;
    margin-left: 12.5px;
    margin-right: 12.5px;
}
.nav_san li a{
    color: #525252;
    font-size: 18px;
    font-family: "Arial";
    line-height: 70px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    
}

@media screen and (max-width: 991px) {
.nav_san li{
    display: none
}
}

/*.nav_san li a::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    margin-left: -8px;*/
/*    bottom: -5px;*/
/*    background: #008cd6;*/
/*    display: none;*/
/*}*/
.nav_san li a:hover,
.nav_san li a.active{
    background: #008cd6;
    color: #fff;
}
.nav_san li a:hover::after,
.nav_san li a.active::after{
    display: block;
}
.recruit{
    padding-top: 60px;
    padding-bottom: 99px;
}
.recruit .lian_a{
    display: inline-block;
    width: 198px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    font-size: 18px;
    font-family: "Arial";
    position: relative;
    text-align: center;
    background-color: #26ba98;
    margin-top: 61px;
}
.recruit .lian_a img{
    margin-left: 20px;
    position: relative;
    z-index: 1;
    margin-top: -5px;
}
.recruit .lian_a span{
    position: relative;
    z-index: 1;
}
.recruit .lian_a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 7px;
    width: 100%;
    background-color: #0f9c7b;
}
.recruit .lian_a:hover::after{
    height: 100%;
}
.recruit h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.recruit h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 15px;
}
.recruit h4{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.8;
    margin-top: 65px;
    letter-spacing: .8px;
}
.recruit .img{
    width: 100%;
    margin-top: 69px;
}
.recruit h5{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    font-family: "Arial";
    margin-top: 70px;
    letter-spacing: .6px;
}
.recruit .ul1{
    margin-top: 45px;
}
.recruit .ul1 li{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    letter-spacing: .75px;
    line-height:36px;
}
.recruit .tuijian{
    margin-left: -8px;
    margin-right: -8px;
    text-align: center;
    margin-top: 47px;
}
.recruit .tuijian .col-sm-4{
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 30px;
}
.recruit .tuijian .imgk{
    overflow: hidden;
    width: 100%;
}
.recruit .tuijian .imgk img{
    width: 100%;
}
.recruit .tuijian h3{
    font-size: 24px;
    font-family: "Arial";
    margin-top: 21px;
}
.recruit .tuijian h6{
    font-size: 16px;
    font-family: "Arial";
    line-height: 2.2;
    margin-top: 23px;
    padding: 0 35px 0 35px;
    height: 105.6px;
    overflow: hidden;
}
.recruit .tuijian h3 a{
    color: #333;
}
.recruit .tuijian h6 a{
    color: #333;
}
.recruit .tuijian .more_re{
    color: #ef1a24;
    font-size: 16px;
    font-family: "Arial";
    margin-top: 24px;
    display: inline-block;
}
.recruit .tuijian .more_re img{
    margin-left: 10px;
    margin-top: -1px;
}
.recruit .tuijian .col-sm-4:hover .imgk img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.recruit .tuijian .col-sm-4:hover h3 a{
    color: #ef1a24;
}
/*04*/
/*.chanfu .nav_san li{*/
/*    margin-left: 35.5px;*/
/*    margin-right: 35.5px;*/
/*}*/
.down {
    padding-top: 57px;
}
.down h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.down h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 15px;
}
.btn-select {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 43px;
    background-color: #fff;
    font-size: 14px;
    font-family: "Arial";
    color: #999;
    border: 1px solid #dcdcdc;
}
.btn-select::before{
    content: '';
    position: absolute;
    top: 10px;
    left: 19px;
    width: 1px;
    height: 23px;
    background-color: #dcdcdc;
}
.btn-select .cur-select {
    position: absolute;
    display: block;
    width: 100%;
    height: 43px;
    line-height: 43px;
    background: url(../images/select.png) no-repeat center right 15px;
    text-indent: 26px;
    padding-left: 14px;
    color: #999;
}
.btn-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 43px;
    line-height: 86px;
    opacity: 0;
    filter: alpha(opacity: 0;);
    color: #999;
    font-size: 14px;
    font-family: "Arial";
    cursor: pointer;
}
.btn-select select option {
    text-indent: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 11px;
    cursor: pointer;
}
.btn-select select option:hover {
    background-color: #f80;
    color: #fff;
} 
.sou_down{
    margin-right: -21px;
    margin-left: -21px;
    margin-top: 60px;
}
.sou_down .col-sm-6{
    padding-left: 21px;
    padding-right: 21px;
}
.sou_down .input{
    width: 100%;
    position: relative;
}
.sou_down .input input{
    width: 100%;
    height: 43px;
    border: 1px solid #dcdcdc;
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    padding-left: 34px;
}
.sou_down .input:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 23px;
    background-color: #dcdcdc;
    top: 10px;
    left: 19px;
}
.sou_down .input button{
    width: 104px;
    height: 39px;
    background: url(../images/sou.png) no-repeat center center;
    background-color: #ef1a24;
    position: absolute;
    top: 50%;
    margin-top: -19.5px;
    right: 2px;
}
.list_down{
    padding-top: 24px;
}
.list_down .col-md-4{
    margin-top: 35px;
}
.list_down .downk{
    position: relative;
    background-color: #f5f5f5;
    padding-top: 46px;
    padding-left: 34px;
    padding-bottom: 40px;
}
.list_down .downk::before{
    content: '';
    width: 100%;
    height: 3px;
    background-color:#ef1a24;
    position: absolute;
    top: 0;
    left: 0;
}
.list_down .downl{
    float: left;
    width: 86px;
    text-align: right;
    padding-right: 24px;
}
.list_down .downl h5{
    color: #ef1a24;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 12px;
}
.list_down .downl h1{
    color: #ef1a24;
    font-size: 36px;
    font-weight: bold;
    font-family: "Arial";
    margin-top: 12px;
}
.list_down .downr{
    float: left;
    width: 230px;
    border-left: 1px solid #dcdcdc;
    padding-left: 20px;
    padding-bottom: 14px;
}
.list_down .downr h4{
    color: #333;
    font-size: 18px;
    font-family: "Arial";
    letter-spacing: 1px;
    margin-top: 8px;
    height: 19.8px;
    overflow: hidden;
}
.list_down .downr h5{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 2.1;
    letter-spacing: 0.4px;
    margin-top: 5px;
}
.list_down .downr h5.h51{
    height: 88.2px;
    overflow: hidden;
}
.list_down .downr h5.h52{
    font-family: "Arial";
    line-height: 1;
    margin-top: 19px;
}
.list_down .downr h6{
    color: #666;
    font-size: 12px;
    font-family: "Arial";
    cursor: pointer;
    margin-top: 21px;
}
.list_down .downr h6 a{color: #666;}
.list_down .downk:hover::before{
    height: 6px;
}
.list_down .downk:hover .downr{
    border-color: #ef1a24;
}
.list_down .downk:hover h4,
.list_down .downk:hover h5,
.list_down .downk:hover h6,
.list_down .downk:hover h6 a{
    color: #ef1a24;
}
.list_down .downk:hover .img_s{
    display: none;
}
.list_down .downk:hover .img_d{
    display: inline-block;
}
/*05*/
.news{
    
}
.news01{
    padding-top: 60px;
    padding-bottom: 58px;
}
.news01 h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.news01 h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 15px;
}
.news02{
    background-color: #fafafa;
    padding-top: 68px;
    padding-bottom: 66px;
}
.news02 h4{
    color: #ef1a24;
    font-size: 18px;
    font-family: "Arial";
}
.news02 h3{
    color: #333;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 24px;
}
.news02 h3 a{
    color: #333;
}
.news02 h5{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 1.85;
    margin-top: 25px;
    height: 103.6px;
    overflow: hidden;
}
.news02 .img_s{
    margin-left: 45px;
    width: 700px;
}
.news03{
    /*margin-top: -98px;*/
}
.news03 .slick_news{
    width: 1050px;
    border: 1px solid #ececec;
    background-color: rgba(255,255,255,0.7);
    margin: 0 auto;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 28px;
}
.slick_news .slick-list{
    width: 100%;
}
.slick_news .slick-dots{
    display: none !important;
}
.slick_news .slick-arrow{
    position: absolute;
    top: 50%;
    width: 41px;
    height: 41px;
    margin-top: -20px;
}
.slick_news .slick-prev{
    background: url(../images/arrow_l.png) no-repeat center center;
    left: -73px;
}
.slick_news .slick-next{
    background: url(../images/arrow_r.png) no-repeat center center;
    right: -73px;
}
.slick_news .slick-slide .imgk{
    overflow: hidden;
}
.slick_news .slick-slide .imgk img{
    width: 100%;
}
.slick_news h5{
    color: #333;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 27px;
    margin-bottom: 32px;
}
.slick_news h5 a{
    color: #333;
}
.slick_news .slick-slide:hover .imgk img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.slick_news .slick-slide:hover h5 a{
    color: #ef1a24;
}
.news04{
    padding-top: 46px;
}
.news04 .col-xs-12{
    background-color: #fafafa;
    margin-top: 20px;
    padding-top: 26px;
    padding-bottom: 33px;
}
.news04 .col-xs-12::before{
    content: '';
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ef1a24;
    display: none;
}
.news04 .zuo{
    width: 450px;
    float: left;
    color: #333;
    padding-left: 24px;
    padding-right: 40px;
}
.news04 .zuo h3{
    font-size: 24px;
    font-family: "Arial";
    line-height: 1.8;
    height: 86.4px;
    overflow: hidden;
    letter-spacing: 1px;
}
.news04 .zuo h5{
    font-size: 16px;
    font-family: "Arial";
    margin-top: 26px;
    letter-spacing: .8px;
}
.news04 .you{
    width: 704px;
    float: left;
    padding-left: 34px;
    border-left: 1px solid #d8d8d8;
    margin-top: 11px;
    letter-spacing: 1.4px;
}
.news04 .you h5{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 2.1;
    margin-top: -5px;
}
.news04 .you .more_a{
    float: right;
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    display: inline-block;
    margin-top: 15px;
}
.news04 .you .more_a img{
    margin-top: -4px;
}
.news04 .col-xs-12:hover{
    background-color: #f5f5f5;
}
.news04 .col-xs-12:hover::before{
    display: block;
}
.news04 .col-xs-12:hover .zuo{
    color: #ef1a24;
}
.news04 .col-xs-12:hover .more_a{
    color: #ef1a24;
}
.news04 .col-xs-12:hover .more_a .img_s{
    display: none;
}
.news04 .col-xs-12:hover .more_a .img_d{
    display: inline-block;
}
.news04 .col-xs-12:hover .you h5{
    color: #333;
}
/*06*/
.newsx{
    padding-top: 31px;
    padding-bottom: 39px;
}
.newsx h3{
    color: #333;
    font-size: 24px;
    font-family: "Arial";
    text-align: center;
}
.newsx h6{
    color: #333;
    font-size: 12px;
    font-family: "Arial";
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 34px;
    padding-bottom: 13px;
}
.newsx h6 .span1,
.newsx h6 .span3
{
    color: #999;
}
.newsx h6 .span2{
    margin-right: 35px;
}
.newsx .newsxc{
    padding-top: 21px;
}
.newsx .newsxc p{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2.2;
    letter-spacing: .5px;
    /*text-indent: 2em;*/
}
.newsx .newsxc p img{
    max-width: 100%;
}
.newsx .newsxc .row{
    margin-top: 53px;
    margin-bottom: 97px;
    margin-left: -35px;
    margin-right: -35px;
}
.newsx .newsxc .col-sm-6{
    padding-right: 35px;
    padding-left: 35px;
}
.newsx .newsxc .col-sm-6 img{
    width: 100%;
}
.newsx .newsf{
    text-align: center;
    padding-top: 114px;
    padding-bottom: 95px;
}
.newsx .newsf .newsfspan{
    display: inline-block;
}
.newsx .newsf span{
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    display: inline-block;
    float: left;
}
.newsx .newsf .erma{
    position: absolute;
    bottom: 50px;
    left: -24px;
    height: 0;
    width: 100px;
    overflow:hidden;
}
.newsx .newsf .erhover{
    position: relative;
}
.newsx .newsf .erhover:hover .erma{
    height: 103px;
} 



.newsx .newspage{
    padding-top: 15px;
    padding-bottom: 15px;

}
.newsx .newspage span{
    border-bottom: 1px solid #949494;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsx .newspage .span1{
    float: left;
    max-width: 332px;
}
.newsx .newspage .span2{
    float: right;
    max-width: 291px;
}
.newsx .newspage span a{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
}
/*07*/
.speech{
    padding-top: 50px;
    padding-bottom: 111px;
}
.speech h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.speech h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 5px;
}
.speech .tu{
    margin-top: 59px;
}
.speech .tu img.fl{
    width: 320px;
    height: 278px;
}
.speech .tu .tit{
    text-align:center;
    width: 880px;
    height: 207px;
    border-bottom: 8px solid #e9e9e9;
    line-height: 199px;
    background-color: #fafafa;
    color: #333;
    font-size: 30px;
    font-family: "Arial";
    position: relative;
}
.speech .tu .tit .img1{
    margin-left: 90px;
    margin-right: 100px;
    margin-top: -47px;
}
.speech .tu .tit .img2{
    position: absolute;
    bottom: -79px;
    left: 0;
}
.speech .zhici{
    padding-top: 49px;
}
.speech .zhici p{
    color: #333;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2.2;
    letter-spacing: 0.5px;
}
.speech .zhici p:last-child{
    text-align: right;
}
.speech .zhici img.fr{
    margin-left: 28px;
    margin-top: -118px;
}
.speech .zhici .quan{
    text-align: center;
    margin-top: 16px;
    margin-bottom: 40px;
}
.speech .zhici .quan img{
    cursor: pointer;
}
.speech .zhici .zhicip p{
    display: none;
}
.speech .zhici .zhicip p:nth-child(1),
.speech .zhici .zhicip p:nth-child(2),
.speech .zhici .zhicip p:nth-child(3),
.speech .zhici .zhicip p:nth-child(4)
{
    display: block;
}
.speech .zhici .zhicip p:last-child{
    text-align: left;
}
/*16*/
.future{
    padding-top: 53px;
    padding-bottom: 115px;
}
.future h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.future h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 15px;
}
.future_list{
    border-top: 1px solid #dcdcdc;
    margin-top: 63px;
    
}
.future_list .row{
    margin-left: 0;
}
.future_list .col-md-4{
    border-right: 1px solid #dcdcdc;
    padding-top: 61px;
}
.future_list .col-md-4:nth-child(3){
    border-right: 0;
}
.future_list .col-md-4:nth-child(1),
.future_list .col-md-4:nth-child(4){
    padding-left: 0;
}
.future_list .col-md-4:nth-child(4),
.future_list .col-md-4:nth-child(5)
{
    padding-bottom: 58px;
}
.future_list h3{
    color: #333;
    font-size: 24px;
    font-family: "Arial";
    line-height: 1.2;
    height: 57.6px;
    overflow: hidden;
}
.future_list h3 a{
    color: #333;
}
.future_list h4{
    color: #333;
    font-size: 18px;
    font-family: "Arial";
    margin-top: 9px;
}
.future_list h5{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 1.9;
}
.future_list h5.h51{
    margin-top: 9px;
    height: 80px;
    overflow: hidden;
}
.future_list h5.h52 {
    margin-top: 30px;
    margin-bottom: 11px;
}
.future_list h5.h51 a{
    color: #666;
}
.future_list h5.h52 a{
    color: #ef1a24;
}
.future_list h5.h52 img{
    margin-left: 7px;
    margin-top: -3px;
}
.future_list .h_lp{
    width: 810px;
    background-color: #fafafa;
}
/*15*/
.faq{
    padding-top: 60px;
}
.faq h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.faq h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 15px;
    margin-bottom: 57px;
}
.faq h3{
    color: #666;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 68px;
    margin-bottom: 66px;
}
.faq00{
    background-color: #fafafa;
    padding-top: 27px;
}
.faqrow {
    margin-left: -28px;
    margin-right: -28px;
}
.faqrow .col-sm-12{
    padding-left: 28px;
    padding-right: 28px;
}
.faq .faq1{
    padding-left: 35px;
    padding-right: 35px;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 #dcdcdc;
    cursor: pointer;
    margin-top: 40px;
}
.faq .faq1 h4{
    height: 114px;
    line-height: 114px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 18px;
    font-family: "Arial";
}
.faq .faq1 h5{
    line-height: 2.5;
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    letter-spacing: 1px;
    padding-bottom: 105px;
    display: none;
}
.faq .faq1 h5:first-line{
    line-height: 1;
}
.faq .faq1 h5 span{
    font-size: 18px;
    color: #ef1a24;
    line-height: 0;
}
.faq .faq1:hover h4{
    color: #ef1a24;
}
/*14*/
.contact{
    padding-top: 55px;
}
.contact h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.contact h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 15px;
}
.contact .h51{
    color: #666;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.9;
    margin-top: 60px;
    border-top: 1px solid #dcdcdc;
    padding-top: 22px;
}
.contact .h52{
    color: #333;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 42px;
    margin-bottom: 33px;
}
.contact .h52 img{
    margin-top: -3px;
    margin-right: 10px;
}
.contact .h52 span{
    color: #ef1a24;
    font-size: 30px;
    font-family: "Arial";
    font-weight: bold;
}
.con_form{
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #f4f4f4;
    padding-top: 60px;
    padding-bottom: 57px;
}
.con_form .container{
    padding-left: 35px;
}
.con_form .btn-select{
    width: 275px;
    border-left: 0;
    height: 48px;
    font-size: 18px;
    color: #666;
    float: left;
}
.con_form .btn-select.one{
    border-left: 1px solid #dcdcdc;
    margin-left: 0;
}
.con_form .btn-select::before{
    display: none;
}
.con_form .btn-select .cur-select {
    text-indent: 4px;
    height: 48px;
    line-height: 47px;
}
.con_form button{
    width: 232px;
    height: 49px;
    background-color: #ef1a24;
    color: #fff;
    font-size: 16px;
    font-family: "Arial";
    text-align: center;
    line-height: 49px;
    letter-spacing: 5px;
    position: relative;
    margin-left: 40px;
    float: left;
    margin-top: -2px;
}
.con_form button:after{
    content: '';
    position: absolute;
    bottom: 1px;
    left: 1px;
    width: 230px;
    background-color: #0d488e;
    height: 4px;
}
.con_re{
    padding-top: 27px;
    padding-bottom: 35px;
    padding-left: 20px;
}
.con_re .zuo{
    float: left;
    width: 278px;
    padding-top: 21px;
}
.con_re .zuo h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
}
.con_re .zuo h4 span{
    color: #ef1a24;
}
.con_re .you{
    float: left;
    min-height: 469px;
    border-left: 1px solid #dcdcdc;
    padding-left: 25px;
    padding-top: 21px;
}
.con_re .you ul{
    width: 398px;
    float: left;
    margin-left: 80px;
    padding-right: 80px;
}
.con_re .you ul:first-child{
    margin-left: 0;
}
.con_re .you li{
    margin-bottom: 46px;
}
.con_re .you li .h41{
    color: #ef1a24;
    font-size: 18px;
    font-family: "Arial";
}
.con_re .you li .h42{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 1.65;
    margin-top: 5px;
}
.con_re .you li .h43{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2;
}
.con_biao{
    border-top: 1px solid #dedede;
    background-color: #f4f4f4;
    padding-top: 71px;
    padding-bottom: 74px;
}
.con_biao h1{
    color: #ef1a24;
    font-size: 30px;
    font-family: "Arial";
    text-align: center;
}
.con_biao h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    position: relative;
    text-align: center;
    margin-top: 20px;
}
.con_biao h4::after{
    content: '';
    position: absolute;
    bottom: -28px;
    width: 38px;
    height: 1px;
    left: 50%;
    margin-left: -19px;
    background-color: #b6b6b6;
}
.con_biao .row{
    margin-left: -13.5px;
    margin-right: -13.5px;
    margin-top: 54px;
}
.con_biao .col-sm-6{
    padding-right: 13.5px;
    padding-left: 13.5px;
}
.con_biao .col-xs-12{
    margin-top: 21px;
}
.con_biao .col-xs-12 input{
    width: 100%;
    height: 51px;
    border: 1px solid #d5d5d5;
    background-color: transparent;
    padding-left: 15px;
    color: #666;
    font-size: 14px;
    font-family: "Arial";
}
.con_biao .col-xs-12 textarea{
    width: 100%;
    height: 123px;
    border: 1px solid #d5d5d5;
    background-color: transparent;
    padding-left: 15px;
    padding-top: 15px;
    color: #666;
    font-size: 14px;
    font-family: "Arial";
}
.yan{
    margin-top: 63px;
}
.yan .input1{
    width: 244px;
    height: 49px;
    border: 1px solid #d5d5d5;
    background-color: transparent;
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    float: left;
}
.yan .input2{
    float: right;
    width: 200px;
    height: 41px;
    color: #fff;
    font-size: 18px;
    font-family: "Arial";
    letter-spacing: 5px;
    background-color: #ef1a24;
    margin-top: 8px;
}
.yan .input3{
    float: right;
    width: 200px;
    height: 41px;
    color: #fff;
    font-size: 18px;
    font-family: "Arial";
    letter-spacing: 5px;
    background-color: #26ba98;
    margin-right: 21px;
    margin-top: 8px;
}
.yan img{
    float: left;
    margin-left: 27px;
    margin-top: 5px;
    width: 90px;
    height: 40px;
}
.con_xi{
    text-align: center;
    padding-top: 38px;
    padding-bottom: 75px;
}
.con_xi .col-sm-6{
    margin-top: 35px;
}
.con_xi h4{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    margin-top: 29px;
}
.con_xi h5{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 12px;
}
.h_map{
    height: 393px;
    width: 100%;
}
/*11*/
.zuijia{
    padding-top: 52px;
}
.zuijiah{
    padding-top: 0;
}
/*.zuijia h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}*/
.zuijia h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 13px;
}
.zuijia h5.h51{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    margin-top: 52px;
    line-height: 1.7;
}
.zuijial{
    border: 1px solid #dcdcdc;
    margin-top: 57px;
    margin-bottom: 132px;
}
.slick_zui{
    width: 796px;
    float: left;
    margin: 0;
}
.slick_zui .slick-slide{
    padding: 0;
}
.slick_zui .slick-dots{
    display: none !important;
}
.slick_zui .slick-arrow{
    position: absolute;
    bottom: 0;
    width: 89px;
    height: 89px;
    border-left: 1px solid #dcdcdc;
}
.slick_zui .slick-prev{
    background: url(../images/arrow_sl.jpg) no-repeat center center;
    right: -315px;
}
.slick_zui .slick-next{
    background: url(../images/arrow_sr.jpg) no-repeat center center;
    right: -403px;
}
.zuijialz{
    
}
.zuijiar{
    width: 402px;
    float: left;
    display: none;
    padding-top: 93px;
    border-bottom: 1px solid #dcdcdc;
    height: 501px;
    padding-left: 48px;
    padding-right: 42px;
}
.zuijialz .zuijiar:first-child{
    display: block;
}
.zuijiar h5{
    color: #ef1a24;
    font-size: 14px;
    font-family: "Arial";
}
.zuijiar h4{
    color: #ef1a24;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 15px;
}
.zuijiar ul{
    margin-top: 26px;
}
.zuijiar li{
    color: #666;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.8;
}
/*.zuijia02{
    padding-top: 90px;
    border-top: 1px solid #dcdcdc;
}*/
.zuijia02 h5{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    line-height: 1.7;
    margin-bottom: 53px;
}
.zuijia02 .divhover .imgk{
    overflow: hidden;
    position: relative;
  	height:200px;
}
.zuijia02 .divhover .imgk img{
    width: 100%;
    height:100%;
}
.zuijia02 .divhover p{
    color: #333;
    font-family: "Arial";
    font-size: 16px;
    position: relative;
    padding-top: 5px;
    margin-top: 13px;
    padding-bottom: 5px;
    margin-bottom: 17px;
    padding-left: 14px;
}
.zuijia02 .divhover p a{
    color: #333;
    position: relative;
    z-index: 1;
    display: block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.zuijia02 .divhover p img{
    opacity: 0;
    margin-left: 10px;
    margin-top: -3px;
}
.zuijia02 .divhover p:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #008bd6;
}
.zuijia02 .divhover p:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #008bd6;
    opacity: 0.6;
}
.zuijia02 .divhover{
    display: block;
    width: 100%;
}
.zuijia02 .divhover:hover a{
    color: #fff;
    text-align: center;
}
.zuijia02 .divhover:hover p img{
    opacity: 1;
}
.zuijia02 .divhover:hover p:after{
    width: 100%;
}
.zuijia02 .divhover:hover .imgk img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.zuijia03{
    background-color: #f7f7f7;
}
.zuijia03l{
    width: 112px;
    float: left;
}
.zuijia03l h4{
    color: #ef1a24;
    font-family: "Arial";
    font-size: 24px;
    margin-top: 124px;
    position: relative;
}
.zuijia03l h4::after{
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #ef1a24;
}
.zuijia03r{
    border-left: 1px solid #dcdcdc;
    width: 1088px;
    float: left;
    padding-left: 181px;
    padding-right: 64px;
    padding-top: 50px;
    padding-bottom: 75px;
}
.slick_zui2{
    margin-left: -38px;
    margin-right: -38px;
}
@font-face {
    font-family: 'RC';
    src: url('../fonts/Roboto-Condensed.eot');
    src: url('../fonts/Roboto-Condensed.woff') format('woff'), 
    url('../fonts/Roboto-Condensed.ttf') format('truetype'), 
    url('../fonts/Roboto-Condensed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.slick_zui2 .slick-dots{
    position: absolute;
    top: 162px;
    left: -102px;
}
.slick_zui2 .slick-dots::after{
    content: '';
    position: absolute;
    right: -31px;
    top: 50%;
    margin-top: -139px;
    width: 1px;
    height: 278px;
    background-color: #ef1a24;
}
.slick_zui2 .slick-dots::before{
    content: '';
    position: absolute;
    right: -37px;
    top: 50%;
    margin-top: -4px;
    width: 7px;
    height: 8px;
    background: url(../images/arrow_san.jpg) no-repeat center center;
    z-index: 1;
}
.slick_zui2 .slick-dots li{
    color: #999;
    font-size: 16px;
    font-family: "RC";
    line-height: 2.2;
    cursor: pointer;
}
.slick_zui2 .slick-dots li.slick-active{
    color: #333;
}
.slick_zui2 .slick-slide{
    padding-right: 38px;
    padding-left: 38px;
}
/*.zuik{
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 44px;
}
.zuikn{
    display: inline-block;
    text-align: left;
}*/

.zuik{
    border: 1px solid #eee;
    background-color: #fff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 44px;
    padding-left: 15px;
    padding-right: 15px;
}
.zuikn{
    display: inline-block;
    text-align: left;
    max-width: 100%;
}
.zuikn .imgk{
    text-align: center;
}
.zuikn img{
    max-width: 100%;
}



.zuikn h5{
    color: #525252;
    font-family: "Arial";
    font-size: 18px;
    margin-top: 30px;
}
.zuikn .more_z{
    display: inline-block;
    margin-top: 13px;
    color: #ef1a24;
    font-family: "Arial";
    font-size: 14px;
}
.zuikn .more_z img{
    margin-left: 7px;
    margin-top: -3px;
}
/*12*/
.banzi{
    position: absolute;
    top: 118px;
    right: 15px;
    width: 632px;
    height: 355px;
    background-color: #fff;
    padding-top: 50px;
    padding-left: 55px;
    padding-right: 50px;
    z-index: 1;
    display: none;
}
.banzip{
    position: static;
    display: none;
    padding-left: 0;
    height: auto;
    padding-top: 0;
    padding-right: 0;
    width: auto;
    padding-bottom: 35px;
}
.banzi h4{
    color: #ef1a24;
    font-family: "Arial";
    font-size: 24px;
    line-height: 1.5;
}
.banzi h5{
    color: #666;
    font-family: "Arial";
    font-size: 16px;
    line-height: 1.8;
    margin-top: 30px;
}
.zuijiax{
    padding-top: 29px;
}
.zuijiax h1{
    color: #ef1a24;
    font-family: "Arial";
    font-size: 48px;
}
.zuijiax h3{
    color: #ef1a24;
    font-family: "Arial";
    font-size: 24px;
    margin-top: 21px;
}
.zuijiap{
    margin-top: 51px;
    margin-bottom: 112px;
}
.zuijiap p{
    color: #666;
    font-family: "Arial";
    font-size: 16px;
    line-height: 2.3;
}
.zuijiap .row{
    margin-top: 27px;
    margin-left: -11px;
    margin-right: -11px;
}
.zuijiap .col-sm-6{
    padding-left: 11px;
    padding-right: 11px;
    margin-top: 30px;
}
.zuijiap .col-sm-6 img{
    width: 100%;
}
.zuijiax .zuijia03{
    border-top: 1px solid #dcdcdc;

}
@media screen and (min-width: 1200px) {
    .banzi{
        display: block;
    }
    .banzip{
        display: none;
    }
    /*.zuijia .banner{
        height: 593px;
    }*/
    .zuijia .banner .img_z{
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
        width: auto;
    }
}
.zuijiax03 .slick_jie .slick-dots{
    display: none !important;
}
/*10*/
.gongsi1{
    padding-top: 52px;
    padding-bottom: 64px;
    background: url(../images/no.png) no-repeat bottom 30px right 50px;
    background-color: #f5f5f5;
}
.gongsi h1{
    color: #333;
    font-size: 72px;
    font-family: "RT";
}
.gongsi h2{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    font-family: "鎬濇簮榛戜綋 CN","Arial";
    margin-top: 13px;
}
.gongsi12{
    width: 100%;
    padding: 0;
    margin-top: 61px;
}
.gongsi12 .row{
    margin:0;
}
.gongsi12 .col-lg-6{
    padding: 0;
}
.gongsi12img{
    width: 100%;
}
.gongsi12 .gongsi122{
    padding-left: 105px;
    padding-right: 88px;
    padding-top: 48px;
}
.gongsi12 h4{
    color: #333;
    font-size: 36px;
    font-family: "Arial";
    margin-top: 50px;
    margin-bottom: 20px;
}
.gongsi12 h4 img{
    float: left;
    margin-top: -80px;
    margin-right: 41px;
}
.gongsi12 h3{
    color: #333;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2.2;
    text-indent: 2em;
    margin-top: 42px;
}
.gongsi12 h3 span{
    color: #ef1a24;
}
.gongsi12 h3 .span1{
    font-size: 24px;
}
.gongsi12 p{
    color: #333;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2.2;
    text-indent: 2em;
    margin-top: 42px;
}
.gongsi2{
    background: url(../images/sanjiao.png) no-repeat top right 360px;
    background-color: #fff;
    padding-top: 56px;
    padding-bottom: 45px;
}
.gongsi2 h1{
    font-size: 60px;
}
.gongsi2 h2{
    margin-top: 26px;
}
.gongsi22 {
    margin-top: 58px;
}
.gongsi22 .wenhua01{
    width: 25%;
    text-align: center;
    float: left;
}
.gongsi22 .wenhua01 .zik{
    display: inline-block;
    text-align: center;
}
.gongsi22 .wenhua01 .zik img{
    max-height: 100%;
}
.gongsi22 .wenhua011{
    /*width: 34%;*/
}
.gongsi22 .wenhua010{
    /*text-align: left;*/
}
.gongsi22 .wenhua01 h4{
    color: #666;
    font-size: 24px;
    font-family: "Arial";
    margin-top: 17px;
}
.gongsi22 .wenhua01 h5{
    color: #666;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.9;
    margin-top: 17px;
}
.gongsi3{
    background: url(../images/sanjiao2.png) no-repeat top right 360px;
    background-color: #f5f5f5;
    padding-top: 86px;
    padding-bottom: 103px;
}
.gongsi32b{
    background: url(../images/guan02.jpg) no-repeat center center;
    height: 496px;
}
.gongsi32{
    margin-top: 59px;
}
.gongsi32 .gongsil{
    width: 580px;
    float: left;
    margin-top: 255px;
    margin-left: 145px;
    text-align: center;
}
.gongsi32 .gongsil h6{
    color: #fff;
    margin-top: 7px;
    text-align: center;
}
.slick_gongsi .slick-prev{
    background: url(../images/arrow_l3.png) no-repeat center center;
    width: 41px;
    height: 41px;
    left: -64px;
}
.slick_gongsi .slick-next{
    background: url(../images/arrow_r3.png) no-repeat center center;
    width: 41px;
    height: 41px;
    right: -64px;
}
.slick_gongsi .slick-dots{
    bottom: -31px;
}
.slick_gongsi .slick-dots li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.7;
    vertical-align: middle;
}
.slick_gongsi .slick-dots li.slick-active{
    width: 18px;
    height: 18px;
    background-color: #ef1a24;
    border: 4px solid #fff;
    opacity: 1;
}

.gongsi32 .gongsir{
    float: left;
    width: 545px;
    background-color: #fff;
    padding-top: 60px;
    padding-left: 65px;
    padding-right: 80px;
    height: 385px;
    margin-top: 55px;
    margin-left: 185px;
}
.gongsi32 .gongsir h4{
    color: #333;
    font-size: 20px;
    font-weight: bold;
    font-family: "Arial";
}
.gongsi32 .gongsir ul{
    margin-top: 44px;
    height:215px; overflow-y:auto;
}
.gongsi32 .gongsir li{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.9;
}
.gongsi32 .gongsir li span{
    color: #28b998;
}
.gongsi_con{
    width: auto;
    padding-right: 0;
    padding-left: 15px;
}
/*09*/
.fangx.act{

}
.nav_fang{
    float: left;
    width: 443px;
    text-align: right;
    padding-right: 35px;
    padding-top: 115px;
}
.fangx.act .nav_fang{
    position: fixed;
    top: 100px;
}
.fangx.act .fangr{
    margin-left: 443px;
}
.nav_fang h4{
    color: #333;
    font-size: 24px;
    font-family: "Arial";
    margin-bottom: 36px;
}
.nav_fang h5{
    color: #333;
    font-size: 18px;
    font-family: "Arial";
    line-height: 2;
    cursor: pointer;
}
.nav_fang h5.act{
    color: #ef1a24;
}
.nav_fang ul{

}
.nav_fang li{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 2.55;
}
.nav_fang li span{
    cursor: pointer;
}
.nav_fang li span.act{
    color: #ef1a24;
}
.fangr {
    float: left;
    border-left: 1px solid #dcdcdc;
    padding-right: 0;
    padding-left: 0;
    padding-top: 113px;
}
.fangr h2{
    color: #ef1a24;
    font-size: 36px;
    font-family: "Arial";
    margin-bottom: 63px;
}
.fangr h3.h31{
    color: #ef1a24;
    font-size: 18px;
    font-family: "Arial";
    height: 57px;
    line-height: 57px;
    background: #fafafa;
    border-left: 6px solid #ef1a24;
    margin-right: 181px;
    margin-bottom: 56px;
    padding-left: 22px;
}
.fangr h3.h312{
    margin-bottom: 65px;
}
.fangr1{
    padding-bottom: 55px;
    margin-right: 181px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 60px;
}
.fangr1 p{
    color: #666;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.9;
    text-indent: 2em;
}
.fangr2{
    border: 1px solid #dcdcdc;
    margin-bottom: 62px;
}
.fangr21 .fangr21l,
.fangr23 .fangr21l,
.fangr21 .slick_fang,
.fangr23 .slick_fang
{
    float: left;
}
.fangr22 .slick_fang,
.fangr22 .fangr21l
{
    float: right;
}
.fangr21l{
    width: 402px;
    padding-top: 60px;
}
.fangr21l h3{
    color: #ef1a24;
    font-size: 24px;
    font-family: "Arial";
}
.fangr21l h5{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.85;
    margin-top: 24px;
    margin-bottom: 35px;
    padding-right: 45px;
}
.fangr21l h6{
    color: #ef1a24;
    font-size: 18px;
    font-family: "Arial";
    margin-top: 2px;
}
.fangr21l ul{
    padding-left: 16px;
    margin-top: 5px;
}
.fangr21l li{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 2.1;
}
.fangr22 .fangr21l li{
    color: #333;
}
.slick_fang{
    margin: 0;
}
.fangr21l1{
    padding-left: 45px;
    /*border-bottom: 1px solid #dcdcdc;
    height: 468px;*/
}
.fangr21lxi{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 63px;
    border-top: 1px solid #dcdcdc;
    background: #fff;
}
.fangr21lxi button{
    width: 87px;
    height: 63px;
    border-left: 1px solid #dcdcdc;
}
.fangr22 .fangr21lxi{
    text-align: right;
}
.fangr21lxi .btn1{
    background: url(../images/arrow_sl.jpg) no-repeat center center;
    margin-left: 228px;
}
.fangr21lxi .btn2{
    background: url(../images/arrow_sr.jpg) no-repeat center center;
    margin-left: -4px;
    border-right: 1px solid #dcdcdc;
}
@media screen and (min-width: 1199px) {
    .slick_fang .slick-arrow{
        display: none !important;
    }
}
@media screen and (max-width: 1199px) {
    .fangr21lxi{
        display: none;
    }
}
.slick_fang .slick-slide{
    padding: 0;
}
.slick_fang .slick-slide img{
    width: 100%;
}
@media screen and (max-width: 1360px) and (min-width: 1200px) {
    .slick_fang .slick-slide img{
        height: 262px;
        width: auto;
    }
    .fangr21l1{
        overflow: hidden;
    }
}
.slick_fang .slick-arrow{
    width: 87px;
    height: 63px;
    border-left: 1px solid #dcdcdc;
    bottom: 0;
    top: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.slick_fang .slick-prev{
    background: url(../images/arrow_sl.jpg) no-repeat center center;
    bottom: 0;
}
.slick_fang .slick-next{
    background: url(../images/arrow_sr.jpg) no-repeat center center;
}
.slick_fang1 .slick-next,
.slick_fang3 .slick-next{
    left: -87px;
}
.slick_fang1 .slick-prev,
.slick_fang3 .slick-prev{
    left: -174px;
}
.slick_fang2 .slick-next{
    right: -403px;
}
.slick_fang2 .slick-prev{
    right: -317px;
}
.slick_fang.slick-dotted.slick-slider{
    margin-bottom: 0;
}
.fangd{
    border: 1px solid #dcdcdc;
    padding-top: 58px;
    padding-right: 68px;
    padding-left: 45px;
    padding-bottom: 75px;
    margin-right: 181px;
}
.fangd h4{
    color: #ef1a24;
    font-size: 24px;
    font-family: "Arial";
}
.fangd h5{
    color: #333;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.9;
    margin-top: 37px;
}
.fangd ul{
    margin-top: 32px;
}
.fangd li{
    color: #666;
    font-size: 14px;
    font-family: "Arial";
    line-height: 2.1;
}
.fangd li span{
    color: #ef1a24;
    font-size: 18px;
    font-family: "Arial";
    line-height: 0;
}
.fanganx{
    text-align: right;
    margin-right: 181px;
    padding-top: 63px;
    padding-bottom: 62px;
}
.fanganx a{
    display: inline-block;
    width: 224px;
    height: 62px;
    line-height: 62px;
    color: #fff;
    font-size: 18px;
    font-family: "Arial";
    position: relative;
    text-align: center;
    background-color: #74b7e1;
}
.fanganx a span{
    position: relative;
    z-index: 1;
}
.fanganx a img{
    position: relative;
    z-index: 1;
    margin-left: 20px;
    margin-top: -5px;
}
.fanganx a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 7px;
    width: 100%;
    background-color: #5ea4c7;
}
.fanganx a:hover::after{
    height: 100%;
}
.fangrbb{
    border-bottom: 1px solid #dcdcdc;
    padding-left: 76px;
}
.fangtitle{
    color: #ef1a24;
    font-size: 30px;
    font-family: "Arial";
    padding-left: 85px;
    line-height: 152px;
}



/*濯掍綋鏌ヨ*/
@media screen and (max-width: 1750px) {
    .gongsi12 .gongsi122 {
        padding-left: 72px;
        padding-right: 50px;
    }
    .gongsi32 .gongsir{
        margin-left: 141px;
    }
}
@media screen and (max-width: 1650px) {
    .gongsi32 .gongsir{
        margin-left: 114px;
    }
    .gongsi32 .gongsil{
        margin-left: 118px;
    }
}
@media screen and (max-width: 1550px) {
    .gongsi32 .gongsir{
        margin-left: 80px;
    }
    .gongsi32 .gongsil{
        margin-left: 80px;
    }
    .slick_gongsi .slick-prev{
        left: -47px;
    }
    .slick_gongsi .slick-next{
        right: -47px;
    }
}
@media screen and (max-width: 1500px) {
    .ban .slick-next {
        margin-right: -597px;
    }
    .ban .slick-prev {
        margin-left: -597px;
    }
    .product_l .ul2 li{
        width: 25%;
    }
}
@media screen and (max-width: 1400px) {
    .gongsi12 .gongsi122 {
        padding-left: 40px;
        padding-right: 30px;
    }
    .gongsi32 .gongsil {
        width: 526px;
    }
    .gongsi32 .gongsir {
        width: 505px;
    }
}
@media screen and (max-width: 1380px) {
    .slick_chan .slick-next {
        right: -41px;
    }
    .slick_chan .slick-prev {
        left: -41px;
    }
    .jie .slick_jie .slick-prev{
        left: -46px;
    }
    .jie .slick_jie .slick-next{
        right: -46px;
    }
    .product_l .ul2 li{
        width: 50%;
    }
}
@media screen and (max-width: 1230px) {
    .head_pc .li_item ,.head_pca .li_item {
        padding: 0px 19px;
        padding-top: 40px;
    }
    .xiala .xiala_r {
        width: 673px;
    }
    .xiala .xiala_r ul{
        margin-left: 0;
    }
    .xiala .xiala_r li{
        margin-left: 41px;
    }
    .dong .dongtair {
       
    }
    .dong .dongtail {
        width: 766px;
    }
    footer .ul_di {
        margin-left: 91px;
    }
    footer .ul_di ul {
        width: 188px;
    }
    .best_kuang .best_con {
        width: 1014px;
    }
    .best_kuang .best_img {
        width: 572px;
    }
    .best_kuang .best_zi {
        width: 346px;
    }
    .best {
        background-size: auto 100%;
    }
    .news04 .you {
        width: 644px;
    }
    .slick_news .slick-next{
        right: -46px;
    }
    .slick_news .slick-prev{
        left: -46px;
    }
    .speech .tu .tit {
        width: 820px;
    }
    .future_list .h_lp {
        width: 770px;
    }
    .con_re .you ul {
        margin-left: 78px;
    }
    .con_re .zuo {
        width: 240px;
    }
    .slick_zui {
        width: 736px;
    }
    .zuijia03r {
        width: 1028px;
    }
    .gongsi32 .gongsir {
        width: 460px;
        padding-left: 49px;
        padding-right: 49px;
    }
}
@media screen and (max-width: 1199px) {
    .header_top,
    .head_pc,
    .head_pca,
    footer .di_dis,
    .product_l .ul1
    {
        display: none;
    }
    .head_ph,
    .product_btn
    {
        display: block;
    }
    .main{
        padding-top: 60px;
    }
    .ban .slick-dots {
        bottom: 15px;
    }
    .ban .slick-next {
        right: 30px;
        margin-right: 0;
    }
    .ban .slick-prev {
        left: 30px;
        margin-left: 0;
    }
    .dong .dongtair {
        width: 100%;
        padding-left: 0;
        margin-top: 5px;
    }
    .dong .dongtail {
        width: 100%;
    }
    footer {
        padding-top: 0;
    }
    .best_kuang .best_con {
        width: 814px;
    }
    .best_kuang .best_zi {
        width: 300px;
    }
    .best_kuang .best_img {
        width: 418px;
    }
    .product_l .ul2 li{
        width: 33.333%;
    }
    .product_list h1,
    .product_list h2{
        padding-left: 0;
    }
    .product_nei01 .pnei_1 {
        padding-right: 46px;
    }
    .product_nei03 .ul2 {
        margin-right: 94px;
    }
    .recruit .tuijian h6{
        padding: 0;
    }
    .list_down .downr {
        width: 100%;
        border-left: 0;
        padding-left: 0;
        padding-right: 25px;
    }
    .list_down .downl {
        text-align: left;
    }
    .news02 .img_s {
        width: 522px;
    }
    .news03{
        margin-top: 46px;
    }
    .news03 .slick_news{
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
    .news04 .zuo {
        width: 100%;
        padding-right: 10px;
    }
    .news04 .zuo h3{
        height: auto;
    }
    .news04 .zuo h5{
        margin-top: 0;
    }
    .news04 .you{
        width: 100%;
        padding-left: 24px;
        border: 0;
        padding-right: 10px;
    }
    .speech .tu .tit {
        width: 620px;
    }
    .speech .tu .tit .img1 {
        margin-left: 38px;
        margin-right: 18px;
    }
    .speech .zhici img.fr {
        width: 524px;
    }
    .future_list .h_lp {
        width: 636px;
    }
    .con_re .you ul {
        width: 337px;
        margin-left: 0;
    }
    .con_form button {
        width: 89px;
        margin-left: 6px;
    }
    .con_form button::after{
        width: 87px;
    }
    .slick_zui {
        width: 100%;
    }
    .slick_zui img{
        width: 100%;
    }
    .zuijiar{
        width: 100%;
    }
    .slick_zui .slick-prev{
        z-index: 1;
        right: 89px;
        background-color: #fff;
    }
    .slick_zui .slick-next{
        right: 0;
        background-color: #fff;
    }
    .zuijia03r {
        width: 828px;
        padding-right: 27px;
    }
    .slick_zui2 .slick-slide {
        padding-right: 20px;
        padding-left: 20px;
    }
    .slick_zui2 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .gongsi_con{
        padding-right: 15px;
    }
    .gongsi22 .wenhua011 {
        width: 25%;
    }
    .gongsi22 .wenhua01 {
        width: 25%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .gongsi22 .wenhua010{
        padding-left: 0;
    }
    .gongsi22 .wenhua012{
        padding-right: 0;
        text-align: right;
    }
    .gongsi32b {
        background: url(../images/guan02.jpg) no-repeat top center;
        height: auto;
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .gongsi32 .gongsil{
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 0;
    }
    .gongsi32 .gongsir{
        width: 100%;
        margin-left: 0;
        padding-bottom: 46px;
        height: auto;
    }
    .slick_gongsi .slick-prev {
        left: 16px;
        z-index: 1;
        background-image: url(../images/arrow_l.png);
    }
    .slick_gongsi .slick-next {
        right: 16px;
        z-index: 1;
        background-image: url(../images/arrow_r.png);
    }
    .nav_fang{
        display: none;
    }
    .fangr{
        float: none;
        border-left: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fangrbb {
        padding-left: 0;
    }
    .fangr h3.h31,
    .fangr1{
        margin-right: 0;
    }
    .fangr21l {
        width: 100%;
    }
    .slick_fang.slick-dotted.slick-slider{
        width: 100%;
    }
    .slick_fang img{
        width: 100%;
    }
    .fangr21l1 {
        height: auto;
        padding-bottom: 42px;
    }
    .slick_fang .slick-prev{
        right: 87px;
        bottom: auto;
        left: auto;
        top: -63px;
        border-top: 1px solid #dcdcdc;
    }
    .slick_fang .slick-next{
        right: 0;
        bottom: auto;
        left: auto;
        top: -63px;
        border-top: 1px solid #dcdcdc;
    }
    .fangd,
    .fanganx{
        margin-right: 0;
    }
    .gongsi3,
    .gongsi2{
        background-image: none; 
    }
    .slick_gongsi .slick-dots {
        bottom: -19px;
    }
    .banzip{
        display: block;
    }
    .product_nei03 .jiegou{
        padding-left: 0;
    }

}
@media screen and (max-width: 991px) {
    .slick_zui2 .slick-dots{
        display: none !important;
    }
    .best,
    .news02 .img_s
    {
        display: none;
    }
    .best2,
    .news02 .img_d
    {
        display: block;
    }
    .search .input
    {
        width: 100%;
    }
    .chan_lun {
        padding-left: 0px;
        padding-right: 0px;
    }
    .slick_chan .slick-next{
        right: -15px;
    }
    .slick_chan .slick-prev{
        left: -15px;
    }
    .jie .slick_jie .slick-prev {
        left: 9px;
        top: 44%;
    }
    .jie .slick_jie .slick-next {
        right: 9px;
        top: 44%;
    }
    .banner h1{
        font-size: 30px;
    }
    .product_l .ul2 li{
        width: 33.333%;
    }
    .product_l .ul2 li{
        width: 50%;
    }
    .product_nei {
        padding-top: 0;
    }
    .product_nei01 .pnei_1{
        width: 100%;
        padding-right: 0;
    }
    .product_nei01 .pnei_1 .h32 {
        margin-top: 38px;
    }
    .product_nei01 .pnei_2 {
        width: 100%;
        margin-top: 40px;
    }
    .product_nei01 .pnei_2 .slick-dots {
        bottom: -50px;
    }
    .product_nei01 .pnei_3 {
        margin-top: 110px;
        text-align: center;
        width: 100%;
    }
    .product_nei03 .jiegou div {
        width: 100%;
    }
    .news02 .img_d{
        width: 100%;
    }
    .news02 h5 {
        height: auto;
        margin-bottom: 23px;
    }
    .slick_news .slick-prev {
        left: -2px;
        z-index: 1;
    }
    .slick_news .slick-next {
        right: -2px;
    }
    .newsx .newsxc .row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .newsx .newsxc .col-sm-6{
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 53px;
    }
    .newsx {
        padding-top: 38px;
        padding-bottom: 55px;
    }
    .newsx .newsf {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .speech .tu .tit {
        width: 400px;
        font-size: 21px;
    }
    .speech .tu .tit .img1{
        width: 30px;
        margin-top: -23px;
        margin-left: 26px;
        margin-right: 14px;
    }
    .speech .zhici img.fr {
        width: 294px;
    }
    .future_list .h_lp {
        width: 100%;
    }
    .future_list{
        background: transparent;
    }
    .future_list .col-md-4{
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 58px;
    }
    .future_list .col-md-4:nth-child(3){
        border-right: 1px solid #dcdcdc;
    }
    .future_list .col-md-4:nth-child(1),
    .future_list .col-md-4:nth-child(4){
        padding-left: 15px;
    }
    .future_list .row{
        border-left: 1px solid #dcdcdc;
    }
    .con_form .btn-select {
        width: 50%;
        margin-bottom: 15px;
    }
    .con_form button {
        width: 50%;
        margin-left: 0;
        height: 48px;
        margin-top: 0;
    }
    .con_re .zuo {
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 20px;
    }
    .con_re .you {
        float: left;
        min-height: auto;
        width: 100%;
        border: 0;
        padding-left: 0;
    }
    .con_re .you ul {
        width: 50%;
    }
    .yan .input3,
    .yan .input2
    {
        width: 160px;
    }
    .zuijia03l {
        width: 100%;
    }
    .zuijia03l h4 {
        margin-top: 51px;
    }
    .zuijia03l h4::after{
        display: none;
    }
    .zuijia03r {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-left: 0;
    }
    .gongsi22 .wenhua01 {
        width: 50%;
        text-align: center !important;
        margin-top: 20px;
    }
    .con_form .btn-select:nth-child(3) {
        border-left: 1px solid #dcdcdc;
        margin-left: 0;
    }
    .con_form button::after {
        width: 99%;
    }
    .con_form .container {
        padding-left: 15px;
    }

}
@media screen and (max-width: 767px) {
    .ban .slick-arrow,
    .product_nei01 .pnei_2 .slick-arrow,
    .newsx .newsf,
    .slick_zui .slick-arrow,
    .slick-prev, .slick-next
    {
        display: none !important;
    }
    .search .container,
    .ban .slick-slide img.img_s,
    .color,
    .jie .slick_jie,
    .dong .dongtai_pc,
    .kefu .container,
    .nav_er,
    .banner .img_s,
    .h_lp,
    .banner_nav,
    .speech .tu .tit,
    .speech .zhici img.fr
    {
        display: none;
    }
    .search .sou_img,
    .ban .slick-slide img.img_d,
    .slick_jie2,
    .dong .dongtai_ph,
    .kefu .kefu_ph,
    .banner .img_d,
    .h_phpage
    {
        display: block;
    }
    .slick_chan .slick-dots{
        display: block !important;
    }
    .ban .slick-dots li{
        margin-left: 6px;
        margin-right: 6px;
        width: 6px;
        height: 6px;
    }
    .ban .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
    }
    .ban .slick-dots {
        bottom: 5px;
    }
    .search{
        height: 36px;
        padding-top: 7px;
    }

    .slick_chan .slick-next{
        background: url(../images/arrow_rx.png) no-repeat center center;
        width: 21px;
        height: 21px;
    }
    .slick_chan .slick-prev{
        background: url(../images/arrow_lx.png) no-repeat center center;
        width: 21px;
        height: 21px;
    }
    .chan_lun p{
        font-size: 14px;
    }
    .chan_lun .imgk {
        
    }
    .sh2{
        font-size: 24px;
    }
    .sh5{
        font-size: 12px;
        margin-top: 12px;
    }
    .chan {
        padding-top: 23px;
        padding-bottom: 17px;
    }
    .chan_lun {
        margin-top: 26px;
    }
    .best2 {
        padding-top: 23px;
    }
    .jie {
        padding-top: 31px;
    }
    .slick_jiel {
        margin-top: 10px;
    }
    .dong {
        padding-top: 14px;
        padding-bottom: 10px;
    }
    .dong .dongtair {
        margin-top: 12px;
    }
    .dong .dongtair li a{
        color: #666;
        font-size: 14px;
    }
    .dong .dongtair li {
        padding-bottom: 5px;
        padding-top: 8px;
    }
    .kefu {
        background-color: #fff;
        padding-top: 17px;
        padding-bottom: 0;
    }
    footer .banqu_di {
        padding-top: 13px;
        padding-bottom: 11px;
    }
    footer .banqu_di .span5{
        width: 100%;
        display: inline-block;
        margin-top: 6px;
    }
    .product_list h1{
        font-size: 30px;
        padding-top: 25px;
    }
    .product_list h2{
        font-size: 18px;
        margin-top: 5px;
    }
    .product_l {
        margin-top: 33px;
    }
    .product_l .ul2 .img_k {
        height: 150px;
    }
    .product_l .ul2 .img_k img{
        max-height: 100%;
    }
    .product_l .ul2 h3,
    .product_l .ul2 .zi a.a{
        font-size: 12px;
    }
    .product_l .ul2 li{
        display: none;
    }
    .product_l .ul2 li:nth-child(1),
    .product_l .ul2 li:nth-child(2),
    .product_l .ul2 li:nth-child(3),
    .product_l .ul2 li:nth-child(4),
    .product_l .ul2 li:nth-child(5),
    .product_l .ul2 li:nth-child(6),
    .product_l .ul2 li:nth-child(7),
    .product_l .ul2 li:nth-child(8)
    {
        display: block;
    }
    .product_nei01 .pnei_2 .slick-slide{
        height: auto;
    }
    .product_nei01 .pnei_3 .lian_a{
        margin-top: 5px;
    }
    .product_nei01 {
        padding-bottom: 68px;
    }
    .main .nav_san li {
        margin-right: 8px;
        margin-left: 8px;
    }
    .nav_san li a {
        font-size: 14px;
    }
    /*03*/
    .recruit h1{
        font-size: 30px;
    }
    .recruit h2{
        font-size: 18px;
    }
    .recruit {
        padding-top: 21px;
        padding-bottom: 30px;
    }
    .recruit h2{
        margin-top: 5px;
    }
    .recruit h4 {
        font-size: 14px;
        margin-top: 18px;
    }
    .recruit .img {
        margin-top: 25px;
    }
    .recruit h5 {
        font-size: 18px;
        margin-top: 26px;
    }
    .recruit .ul1 {
        margin-top: 22px;
    }
    .recruit .ul1 li{
        font-size: 14px;
    }
    .recruit .lian_a{
        margin-top: 30px;
    }
    .recruit .tuijian{
        margin-top: 10px;
    }
    .recruit .tuijian h3 {
        font-size: 18px;
    }
    .recruit .tuijian h6 {
        font-size: 14px;
        line-height: 2;
        margin-top: 11px;
        height: 92.4px;
    }
    .recruit .tuijian .more_re{
        margin-top: 0;
    }
    .down {
        padding-top: 33px;
    }
    .down h1{
        font-size: 30px;
    }
    .down h2{
        font-size: 18px;
    }
    .sou_down {
        margin-top: 28px;
    }
    .sou_down .col-sm-6{
        margin-top: 5px;
    }
    .sou_down .input button {
        width: 78px;
    }
    .list_down {
        padding-top: 8px;
    }
    .news01 {
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .news01 h1{
        font-size: 30px;
    }
    .news01 h2{
        font-size: 18px;
        margin-top: 7px;
    }
    .news02 {
        padding-top: 26px;
        padding-bottom: 31px;
    }
    .news02 h4 {
        font-size: 14px;
    }
    .news02 h3 {
        font-size: 18px;
        margin-top: 10px;
        line-height: 1.3;
    }
    .news02 h5{
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .news03 {
        margin-top: 26px;
    }
    .news03 .slick_news{
        padding-top: 26px;
    }
    .slick_news h5 {
        margin-top: 18px;
        margin-bottom: 20px;
    }
    .news04 {
        padding-top: 10px;
    }
    .news04 .zuo{
        padding: 0;
    }
    .news04 .you{
        padding: 0;
    }
    .news04 .zuo h3 {
        font-size: 16px;
    }
    .news04 .zuo h5 {
        margin-top: 5px;
        font-size: 12px;
        color: #666;
    }
    .news04 .you h5 {
        font-size: 12px;
        line-height: 1.8;
        margin-top: 0px;
    }
    .newsx h3 {
        font-size: 18px;
        line-height: 1.3;
    }
    .newsx .newsxc p {
        font-size: 14px;
    }
    .newsx .newsxc .row {
        margin-top: 25px;
        margin-bottom: 0;
    }
    .newsx .newsxc .col-sm-6{
        margin-bottom: 25px;
    }
    .newsx .newspage .span1{
        width: 100%;
    }
    .newsx .newspage .span2{
        width: 100%;
        margin-top: 15px;
        float:left;
    }
    .speech {
        padding-top: 23px;
        padding-bottom: 23px;
    }
    .speech h1{
        font-size: 30px;
    }
    .speech h2{
        font-size: 18px;
    }
    .speech .tu img.fl{
        width: 100%;
        height: auto;
    }
    .speech .zhici p {
        font-size: 14px;
        line-height: 2;
    }
    .speech .tu {
        margin-top: 22px;
    }
    .speech .zhici {
        padding-top: 22px;
    }
    .future_list .row{
        margin-left: 0;
        margin-right: 0;
    }
    .future h1{
        font-size: 30px;
    }
    .future h2{
        font-size: 18px;
        margin-top: 7px;
    }
    .future {
        padding-top: 25px;
        padding-bottom: 0;
    }
    .future_list {
        margin-top: 26px;
    }
    .faq h1{
        font-size: 30px;
    }
    .faq h2{
        font-size: 18px;
        margin-top: 7px;
        margin-bottom: 18px;
    }
    .faq {
        padding-top: 17px;
    }
    .faq .faq1 {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 25px;
    }
    .faq00 {
        padding-top: 0;
    }
    .faq .faq1 h4{
        height: auto;
        white-space: inherit;
        padding-top: 33px;
        padding-bottom: 33px;
        line-height: 24px;
    }
    .faq h3 {
        font-size: 14px;
        margin-top: 31px;
        margin-bottom: 24px;
    }
    .contact h1{
        font-size: 30px;
    }
    .contact h2{
        font-size: 18px;
        margin-top: 7px;
    }
    .contact {
        padding-top: 19px;
    }
    .contact .h51 {
        margin-top: 25px;
    }
    .contact .h52 {
        font-size: 18px;
    }
    .contact .h52 span {
        font-size: 20px;
    }
    .con_re .you ul{
        width: 100%;
        padding-right: 0;
    }
    .con_re .you li {
        margin-bottom: 13px;
    }
    .yan {
        margin-top: 21px;
    }
    .yan .input1 {
        width: 173px;
    }
    .yan .input3, .yan .input2 {
        width: 100%;
        margin-right: 0;
    }
    .h_map {
        height: 240px;
    }
    .zuijia {
        padding-top: 17px;
    }
    .zuijia h1{
        font-size: 30px;
    }
    .zuijia h2{
        font-size: 18px;
        margin-top: 7px;
    }
    .zuijia h5.h51 {
        font-size: 14px;
        margin-top: 18px;
    }
    .zuijial {
        margin-top: 25px;
        margin-bottom: 32px;
    }
    .zuijiar {
        padding-top: 39px;
        border-bottom: 0;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
    /*.zuijia02 {
        padding-top: 26px;
    }*/
    .zuijia02 h5 {
        font-size: 14px;
        margin-bottom: 27px;
    }
    .zuijia03r {
        padding-top: 22px;
        padding-bottom: 31px;
    }
    .zuijiax {
        padding-top: 12px;
    }
    .zuijiax h1{
        font-size: 30px;
    }
    .zuijiax h3{
        font-size: 18px;
        margin-top: 7px;
    }
    .zuijiap {
        margin-top: 13px;
        margin-bottom: 45px;
    }
    .zuijiap .row {
        margin-top: 0;
    }
    .zuijiax03{
        display: none;
    }
    .gongsi h1{
        font-size: 30px;
    }
    .gongsi h2{
        font-size: 18px;
        margin-top: 7px;
    }
    .gongsi1 {
        padding-top: 22px;
        padding-bottom: 22px;
        background: #f5f5f5;
    }
    .gongsi12 {
        margin-top: 22px;
    }
    .gongsi12 .gongsi122 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 22px;
    }
    .gongsi12 h4 img{
        display: none;
    }
    .gongsi12 h4 {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .gongsi12 h3 {
        font-size: 14px;
        margin-top: 8px;
    }
    .gongsi12 h3 .span1 {
        font-size: 16px;
    }
    .gongsi2 {
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .gongsi22 {
        margin-top: 22px;
    }
    .gongsi22 .wenhua01 h4 {
        font-size: 18px;
    }
    .gongsi22 .wenhua01 h5 {
        font-size: 14px;
    }
    .gongsi22 .wenhua01 {
        width: 100%;
        text-align: center !important;
        margin-top: 20px;
    }
    .gongsi3 {
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .gongsi32 {
        margin-top: 22px;
    }
    .gongsi32 .gongsir {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 29px;
    }
    .fangr{
        padding-top: 30px;
    }
    .fangr h2 {
        margin-bottom: 30px;
    }
    .fangr h3.h31{
        margin-bottom: 30px;
    }
    .fangr1 {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .fangr h3.h312 {
        margin-bottom: 30px;
    }
    .fangr21l {
        padding-top: 30px;
    }
    .fangr21l1 {
        padding-left: 15px;
    }
    .fangr21l h5 {
        margin-bottom: 30px;
        padding-right: 15px;
    }
    .fangr21l1 {
        padding-bottom: 30px;
    }
    .slick_fang .slick-prev, 
    .slick_fang .slick-next{
        display: none !important;
    }
    .fangr2 {
        margin-bottom: 30px;
    }
    .fangr21l ul {
        padding-left: 0;
    }
    .fangd {
        padding-top: 30px;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 30px;
    }
    .fangd h5 {
        margin-top: 30px;
    }
    .fanganx {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fangtitle {
        padding-left: 0;
        text-align: center;
    }
    .product_nei03 .jiegou img{
        max-width: 100%;
    }
    .chan_lun .slick-slide img {
        height: 100%;
    }

}
@media screen and (max-width: 449px) {
    .product_l .ul2 li{
        width: 100%;
    }
}

.navimg{
    width: 100px;
    height: 100px;
}


.footnnav ul{
 
    
}

.footnnav ul h4{
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid #fff;
    line-height: 80px;
    text-transform:Uppercase
}

.xxx {
    color: #04182c!important;
    
}


.footnnav ul li{
    color: #fff;
    font-size: 17px;
      padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}


.footnnav ul li a{
    color: #fff;
    font-size: 17px;
      padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}


.foottit{
    color:#5c5c5c;
    font-size: 21px;
    font-weight: 700;
    margin-right: 10px;
}

.foottxt{
    color:#a2a2a1;
    font-size: 18px;
    font-weight:normal;
    line-height: 50px;

    
}


.news_box .news_list {
    margin-top: 20px;
}
.news_box .news_list ul {
    margin-bottom: 50px;
}
.news_box .news_list ul li {
    margin-top: 20px;
    float: left;
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 0px;
    background: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.news_box .news_list ul li .img {
    display: block;
    float: left;
    width: 25%;
    line-height: 0;
    overflow: hidden;
}
.news_box .news_list ul li .img img {
    width: 100%;
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
}
.news_box .news_list ul li .text {
    float: left;
    width: 70%;
    margin-left: 3%;
    padding-top: 1.4%;
}
.news_box .news_list ul li .text .bt {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333333;
    font-size: 24px;
    font-weight: 700;
}
.news_box .news_list ul li .text p {
  color: #666666;
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    margin-top: 2%;
}
.news_box .news_list ul li .text .bottom {
    margin-top: 3.6%;
    font-size: 13px;
}
.news_box .news_list ul li .text .bottom span {
    display: block;
    float: left;
    margin-left: 23px;
    color: #999999;
}
.news_box .news_list ul li .text .bottom span:first-child {
    margin-left: 0;
}
.news_box .news_list ul li .text .bottom span.f-r {
    display: none;
}
.news_box .news_list ul li .text .bottom .a1 {
    background: url(../images/news_icon1.jpg) no-repeat left center;
    padding-left: 19px;
}
.news_box .news_list ul li .text .bottom .a2 {
    background: url(../images/news_icon2.jpg) no-repeat left center;
}
.news_box .news_list ul li .text .bottom .a3 {
    background: url(../images/news_icon3.jpg) no-repeat left center;
}
.news_box .news_list ul li .right {
    float: right;
    text-align: right;
    padding-top: 1.4%;
}
.news_box .news_list ul li .right span {
    display: block;
    color: #999999;
    font-size: 18px;
}
.news_box .news_list ul li .right .more {
    margin-top: 9%;
    background: url(../images/news_icon.png) no-repeat right center;
    line-height: 40px;
    height: 40px;
    display: block;
    width: 120px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.news_box .news_list ul li .right .more span {
    /*display: none;*/
    float: left;
    margin-left: 20%;
}
.news_box .news_list ul li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.news_box .news_list ul li:hover .img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.news_box .news_list ul li:hover .right .more {
    display: block;
    text-align: center;
    background: #272727 url(../images/news_icon4.jpg) no-repeat right center;
}
.news_box .news_list ul li:hover .right .more span {
    display: block;
    color: #0165b3;
    font-size: 16px;
    text-transform: uppercase;
}



.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.page-num, .page-link {
    position: relative;
    display: block;
    padding: 1rem 1.25rem;
    line-height: 1.25;
    color: #008cd6;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin: 0 5px;
    font-size: 14px;
}


.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #008bd6;
    border-color: #008bd6;
}


.card{
    
    background: #fff;
    margin: 30px 0;
    transition:all 1s;
}

.card .card-body{
    margin: 0 auto;
}

.card:hover{
    
    background: #fff;
    transition:all 1s;
}

.card .card-title{
    padding: 10px;
    font-size: 18px;
    text-align: center;
    line-height:40px ;
    color: #fff;
    transition:all 1s;
    background: #008CD6;
}

.card .card-title a{
    color: #fff;
    
}

.card:hover   .card-title{
   color: #fff;
}

.card:hover   .card-title a{
   color: #fff;
}

.card-img .showaa{

padding: 100% 4rem 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    z-index: 999;
}


.line1{
    border-top:2px solid #d7d7d7 ;
}

.line2{
    border-right:2px solid #d7d7d7 ;
}
.line3{
    border-bottom:2px solid #d7d7d7 ;
}

.prodbigimg{
   margin: 40px 20px 40px 0
}

.prodbigimgr{
   margin: 40px 0px 40px 20px
}

.ssbox{
     transition: all .5s ease-out 0s;
}
.ssbox:hover{
 box-shadow: 0 0 15px 0 rgba(0,0,0,.3);   
}

.row.no-gutter {
            margin-left: 0;
            margin-right: 0;
        }

        .row.no-gutter > [class*='col-'] {
            padding-right: 0;
            padding-left: 0;
        }
        
        
        /*浜у搧杞挱*/
.view {
	max-width: 500px;
}
.view .swiper-slide {
	height: auto;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: auto;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 440px;
	left: 30px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 100%;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 300px;
	display: block;
}
}

/*********鍝嶅簲寮忔牱寮?*****************/

/*琛岃窛*/
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 2;
}
.lh-3 {
	line-height: 3;
}
.lh-4 {
	line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-12 {
	font-size: .857rem;
}
.fs-14 {
	font-size: 1rem;
}
.fs-16 {
	font-size: 1.142rem;
}
.fs-18 {
	font-size: 1.285rem;
}
.fs-20 {
	font-size: 1.428rem;
}
.fs-22 {
	font-size: 1.571rem;
}
.fs-24 {
	font-size: 1.714rem;
}
.fs-26 {
	font-size: 1.857rem;
}
.fs-28 {
	font-size: 2rem;
}
.fs-30 {
	font-size: 2.142rem;
}
.fs-32 {
	font-size: 2.286rem;
}
.fs-34 {
	font-size: 2.429rem;
}
.fs-36 {
	font-size: 2.571rem;
}
.fs-38 {
	font-size: 2.714rem;
}
.fs-40 {
	font-size: 2.857rem;
}
/*楂樺害*/
.h-5px {
	height: 5px;
}
.h-10px {
	height: 10px;
}
.h-15px {
	height: 15px;
}
.h-20px {
	height: 20px;
}
.h-25px {
	height: 25px;
}
.h-30px {
	height: 30px;
}
.h-35px {
	height: 35px;
}
.h-40px {
	height: 40px;
}
.h-45px {
	height: 45px;
}
.h-50px {
	height: 50px;
}
.h-55px {
	height: 55px;
}
.h-60px {
	height: 60px;
}
.h-65px {
	height: 65px;
}
.h-70px {
	height: 70px;
}
.h-75px {
	height: 75px;
}
.h-80px {
	height: 80px;
}
.h-85px {
	height: 85px;
}
.h-90px {
	height: 90px;
}
.h-95px {
	height: 95px;
}
.h-100px {
	height: 100px;
}
.h-110px {
	height: 110px;
}
.h-120px {
	height: 120px;
}
.h-130px {
	height: 130px;
}
.h-140px {
	height: 140px;
}
.h-150px {
	height: 150px;
}
.h-160px {
	height: 160px;
}
.h-170px {
	height: 170px;
}
.h-180px {
	height: 180px;
}
.h-190px {
	height: 190px;
}
.h-200px {
	height: 200px;
}
.h-210px {
	height: 210px;
}
.h-220px {
	height: 220px;
}
.h-230px {
	height: 230px;
}
.h-240px {
	height: 240px;
}
.h-250px {
	height: 250px;
}
.h-260px {
	height: 260px;
}
.h-270px {
	height: 270px;
}
.h-280px {
	height: 280px;
}
.h-290px {
	height: 290px;
}
.h-300px {
	height: 300px;
}
.h-310px {
	height: 310px;
}
.h-320px {
	height: 320px;
}
.h-330px {
	height: 330px;
}
.h-340px {
	height: 340px;
}
.h-350px {
	height: 350px;
}
.h-360px {
	height: 360px;
}
.h-370px {
	height: 370px;
}
.h-380px {
	height: 380px;
}
.h-390px {
	height: 390px;
}
.h-400px {
	height: 400px;
}
.h-410px {
	height: 410px;
}
.h-420px {
	height: 420px;
}
.h-430px {
	height: 430px;
}
.h-440px {
	height: 440px;
}
.h-450px {
	height: 450px;
}
.h-460px {
	height: 410px;
}
.h-470px {
	height: 470px;
}
.h-480px {
	height: 480px;
}
.h-490px {
	height: 490px;
}
.h-500px {
	height: 500px;
}

/*sm灞忓箷浠ヤ笂*/
@media only screen and (min-width: 576px) {
/*琛岃窛*/
.lh-sm-1 {
	line-height: 1;
}
.lh-sm-2 {
	line-height: 2;
}
.lh-sm-3 {
	line-height: 3;
}
.lh-sm-4 {
	line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-sm-12 {
	font-size: .857rem;
}
.fs-sm-14 {
	font-size: 1rem;
}
.fs-sm-16 {
	font-size: 1.142rem;
}
.fs-sm-18 {
	font-size: 1.285rem;
}
.fs-sm-20 {
	font-size: 1.428rem;
}
.fs-sm-22 {
	font-size: 1.571rem;
}
.fs-sm-24 {
	font-size: 1.714rem;
}
.fs-sm-26 {
	font-size: 1.857rem;
}
.fs-sm-28 {
	font-size: 2rem;
}
.fs-sm-30 {
	font-size: 2.142rem;
}
.fs-sm-32 {
	font-size: 2.286rem;
}
.fs-sm-34 {
	font-size: 2.429rem;
}
.fs-sm-36 {
	font-size: 2.571rem;
}
.fs-sm-38 {
	font-size: 2.714rem;
}
.fs-sm-40 {
	font-size: 2.857rem;
}
/*楂樺害*/
.h-sm-5px {
	height: 5px;
}
.h-sm-10px {
	height: 10px;
}
.h-sm-15px {
	height: 15px;
}
.h-sm-20px {
	height: 20px;
}
.h-sm-25px {
	height: 25px;
}
.h-sm-30px {
	height: 30px;
}
.h-sm-35px {
	height: 35px;
}
.h-sm-40px {
	height: 40px;
}
.h-sm-45px {
	height: 45px;
}
.h-sm-50px {
	height: 50px;
}
.h-sm-55px {
	height: 55px;
}
.h-sm-60px {
	height: 60px;
}
.h-sm-65px {
	height: 65px;
}
.h-sm-70px {
	height: 70px;
}
.h-sm-75px {
	height: 75px;
}
.h-sm-80px {
	height: 80px;
}
.h-sm-85px {
	height: 85px;
}
.h-sm-90px {
	height: 90px;
}
.h-sm-95px {
	height: 95px;
}
.h-sm-100px {
	height: 100px;
}
.h-sm-110px {
	height: 110px;
}
.h-sm-120px {
	height: 120px;
}
.h-sm-130px {
	height: 130px;
}
.h-sm-140px {
	height: 140px;
}
.h-sm-150px {
	height: 150px;
}
.h-sm-160px {
	height: 160px;
}
.h-sm-170px {
	height: 170px;
}
.h-sm-180px {
	height: 180px;
}
.h-sm-190px {
	height: 190px;
}
.h-sm-200px {
	height: 200px;
}
.h-sm-210px {
	height: 210px;
}
.h-sm-220px {
	height: 220px;
}
.h-sm-230px {
	height: 230px;
}
.h-sm-240px {
	height: 240px;
}
.h-sm-250px {
	height: 250px;
}
.h-sm-260px {
	height: 260px;
}
.h-sm-270px {
	height: 270px;
}
.h-sm-280px {
	height: 280px;
}
.h-sm-290px {
	height: 290px;
}
.h-sm-300px {
	height: 300px;
}
.h-sm-310px {
	height: 310px;
}
.h-sm-320px {
	height: 320px;
}
.h-sm-330px {
	height: 330px;
}
.h-sm-340px {
	height: 340px;
}
.h-sm-350px {
	height: 350px;
}
.h-sm-360px {
	height: 360px;
}
.h-sm-370px {
	height: 370px;
}
.h-sm-380px {
	height: 380px;
}
.h-sm-390px {
	height: 390px;
}
.h-sm-400px {
	height: 400px;
}
.h-sm-410px {
	height: 410px;
}
.h-sm-420px {
	height: 420px;
}
.h-sm-430px {
	height: 430px;
}
.h-sm-440px {
	height: 440px;
}
.h-sm-450px {
	height: 450px;
}
.h-sm-460px {
	height: 410px;
}
.h-sm-470px {
	height: 470px;
}
.h-sm-480px {
	height: 480px;
}
.h-sm-490px {
	height: 490px;
}
.h-sm-500px {
	height: 500px;
}
}

/*md灞忓箷浠ヤ笂*/
@media only screen and (min-width: 768px) {
/*琛岃窛*/
.lh-md-1 {
	line-height: 1;
}
.lh-md-2 {
	line-height: 2;
}
.lh-md-3 {
	line-height: 3;
}
.lh-md-4 {
	line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-md-12 {
	font-size: .857rem;
}
.fs-md-14 {
	font-size: 1rem;
}
.fs-md-16 {
	font-size: 1.142rem;
}
.fs-md-18 {
	font-size: 1.285rem;
}
.fs-md-20 {
	font-size: 1.428rem;
}
.fs-md-22 {
	font-size: 1.571rem;
}
.fs-md-24 {
	font-size: 1.714rem;
}
.fs-md-26 {
	font-size: 1.857rem;
}
.fs-md-28 {
	font-size: 2rem;
}
.fs-md-30 {
	font-size: 2.142rem;
}
.fs-md-32 {
	font-size: 2.286rem;
}
.fs-md-34 {
	font-size: 2.429rem;
}
.fs-md-36 {
	font-size: 2.571rem;
}
.fs-md-38 {
	font-size: 2.714rem;
}
.fs-md-40 {
	font-size: 2.857rem;
}
/*楂樺害*/
.h-md-5px {
	height: 5px;
}
.h-md-10px {
	height: 10px;
}
.h-md-15px {
	height: 15px;
}
.h-md-20px {
	height: 20px;
}
.h-md-25px {
	height: 25px;
}
.h-md-30px {
	height: 30px;
}
.h-md-35px {
	height: 35px;
}
.h-md-40px {
	height: 40px;
}
.h-md-45px {
	height: 45px;
}
.h-md-50px {
	height: 50px;
}
.h-md-55px {
	height: 55px;
}
.h-md-60px {
	height: 60px;
}
.h-md-65px {
	height: 65px;
}
.h-md-70px {
	height: 70px;
}
.h-md-75px {
	height: 75px;
}
.h-md-80px {
	height: 80px;
}
.h-md-85px {
	height: 85px;
}
.h-md-90px {
	height: 90px;
}
.h-md-95px {
	height: 95px;
}
.h-md-100px {
	height: 100px;
}
.h-md-110px {
	height: 110px;
}
.h-md-120px {
	height: 120px;
}
.h-md-130px {
	height: 130px;
}
.h-md-140px {
	height: 140px;
}
.h-md-150px {
	height: 150px;
}
.h-md-160px {
	height: 160px;
}
.h-md-170px {
	height: 170px;
}
.h-md-180px {
	height: 180px;
}
.h-md-190px {
	height: 190px;
}
.h-md-200px {
	height: 200px;
}
.h-md-210px {
	height: 210px;
}
.h-md-220px {
	height: 220px;
}
.h-md-230px {
	height: 230px;
}
.h-md-240px {
	height: 240px;
}
.h-md-250px {
	height: 250px;
}
.h-md-260px {
	height: 260px;
}
.h-md-270px {
	height: 270px;
}
.h-md-280px {
	height: 280px;
}
.h-md-290px {
	height: 290px;
}
.h-md-300px {
	height: 300px;
}
.h-md-310px {
	height: 310px;
}
.h-md-320px {
	height: 320px;
}
.h-md-330px {
	height: 330px;
}
.h-md-340px {
	height: 340px;
}
.h-md-350px {
	height: 350px;
}
.h-md-360px {
	height: 360px;
}
.h-md-370px {
	height: 370px;
}
.h-md-380px {
	height: 380px;
}
.h-md-390px {
	height: 390px;
}
.h-md-400px {
	height: 400px;
}
.h-md-410px {
	height: 410px;
}
.h-md-420px {
	height: 420px;
}
.h-md-430px {
	height: 430px;
}
.h-md-440px {
	height: 440px;
}
.h-md-450px {
	height: 450px;
}
.h-md-460px {
	height: 410px;
}
.h-md-470px {
	height: 470px;
}
.h-md-480px {
	height: 480px;
}
.h-md-490px {
	height: 490px;
}
.h-md-500px {
	height: 500px;
}
}

/*lg灞忓箷浠ヤ笂*/
@media only screen and (min-width: 992px) {
/*琛岃窛*/
.lh-lg-1 {
	line-height: 1;
}
.lh-lg-2 {
	line-height: 2;
}
.lh-lg-3 {
	line-height: 3;
}
.lh-lg-4 {
	line-height: 4;
}
/*瀛椾綋澶у皬*/
.fs-lg-12 {
	font-size: .857rem;
}
.fs-lg-14 {
	font-size: 1rem;
}
.fs-lg-16 {
	font-size: 1.142rem;
}
.fs-lg-18 {
	font-size: 1.285rem;
}
.fs-lg-20 {
	font-size: 1.428rem;
}
.fs-lg-22 {
	font-size: 1.571rem;
}
.fs-lg-24 {
	font-size: 1.714rem;
}
.fs-lg-26 {
	font-size: 1.857rem;
}
.fs-lg-28 {
	font-size: 2rem;
}
.fs-lg-30 {
	font-size: 2.142rem;
}
.fs-lg-32 {
	font-size: 2.286rem;
}
.fs-lg-34 {
	font-size: 2.429rem;
}
.fs-lg-36 {
	font-size: 2.571rem;
}
.fs-lg-38 {
	font-size: 2.714rem;
}
.fs-lg-40 {
	font-size: 2.857rem;
}
/*楂樺害*/
.h-lg-5px {
	height: 5px;
}
.h-lg-10px {
	height: 10px;
}
.h-lg-15px {
	height: 15px;
}
.h-lg-20px {
	height: 20px;
}
.h-lg-25px {
	height: 25px;
}
.h-lg-30px {
	height: 30px;
}
.h-lg-35px {
	height: 35px;
}
.h-lg-40px {
	height: 40px;
}
.h-lg-45px {
	height: 45px;
}
.h-lg-50px {
	height: 50px;
}
.h-lg-55px {
	height: 55px;
}
.h-lg-60px {
	height: 60px;
}
.h-lg-65px {
	height: 65px;
}
.h-lg-70px {
	height: 70px;
}
.h-lg-75px {
	height: 75px;
}
.h-lg-80px {
	height: 80px;
}
.h-lg-85px {
	height: 85px;
}
.h-lg-90px {
	height: 90px;
}
.h-lg-95px {
	height: 95px;
}
.h-lg-100px {
	height: 100px;
}
.h-lg-110px {
	height: 110px;
}
.h-lg-120px {
	height: 120px;
}
.h-lg-130px {
	height: 130px;
}
.h-lg-140px {
	height: 140px;
}
.h-lg-150px {
	height: 150px;
}
.h-lg-160px {
	height: 160px;
}
.h-lg-170px {
	height: 170px;
}
.h-lg-180px {
	height: 180px;
}
.h-lg-190px {
	height: 190px;
}
.h-lg-200px {
	height: 200px;
}
.h-lg-210px {
	height: 210px;
}
.h-lg-220px {
	height: 220px;
}
.h-lg-230px {
	height: 230px;
}
.h-lg-240px {
	height: 240px;
}
.h-lg-250px {
	height: 250px;
}
.h-lg-260px {
	height: 260px;
}
.h-lg-270px {
	height: 270px;
}
.h-lg-280px {
	height: 280px;
}
.h-lg-290px {
	height: 290px;
}
.h-lg-300px {
	height: 300px;
}
.h-lg-310px {
	height: 310px;
}
.h-lg-320px {
	height: 320px;
}
.h-lg-330px {
	height: 330px;
}
.h-lg-340px {
	height: 340px;
}
.h-lg-350px {
	height: 350px;
}
.h-lg-360px {
	height: 360px;
}
.h-lg-370px {
	height: 370px;
}
.h-lg-380px {
	height: 380px;
}
.h-lg-390px {
	height: 390px;
}
.h-lg-400px {
	height: 400px;
}
.h-lg-410px {
	height: 410px;
}
.h-lg-420px {
	height: 420px;
}
.h-lg-430px {
	height: 430px;
}
.h-lg-440px {
	height: 440px;
}
.h-lg-450px {
	height: 450px;
}
.h-lg-460px {
	height: 410px;
}
.h-lg-470px {
	height: 470px;
}
.h-lg-480px {
	height: 480px;
}
.h-lg-490px {
	height: 490px;
}
.h-lg-500px {
	height: 500px;
}
}


.pb-2, .py-2 {
    padding-top: 20px;
    padding-bottom: 20px!important;
}
.mb-2, .my-2 {
    margin-bottom: 20px!important;
}
.border-info {
    border-color: #17a2b8!important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}

.text-secondary {
    color: #6c757d!important;
    font-size: 16px;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}
.text-secondary {
    color: #6c757d!important;
}
.mb-3, .my-3 {
    margin-bottom: 20px!important;
}
.mt-3, .my-3 {
    margin-top: 20px!important;
}


.bbod {
    border: 1px solid #9e9e9e;
    border-radius: 40px;
    padding: 3px 8px;
    margin: 10px;
    /* height: 0px; */
    display: inline-table;
    font-size: 10px;
}



.weixin{ position:relative; font-size:12px; text-align:center;}
        /*.weixin a img{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(http://images.cnblogs.com/cnblogs_com/heyiming/947284/t_weixin.png) no-repeat center top; }*/
         /*娉ㄩ噴鎵撳紑鏄庢殫鏁堟灉鏇挎崲  涓嬮潰鏇挎帀*/
        .weixin a img{} /*寰俊鍥炬爣*/
        .weixin .weixin_nr{position: absolute;
    left: -80px;
    top: -150px;
    display: none;
}
        .weixin .weixin_nr img{ margin-bottom:5px; background:#fff}
        .weixin .weixin_nr .arrow{ width:0; height:0; border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:140px;}
        .weixin.on .weixin_nr{ display:block;}
        /*.weixin.on a{ background:url(http://images.cnblogs.com/cnblogs_com/heyiming/947284/t_weixin.png) no-repeat left bottom;}  娉ㄩ噴鎵撳紑鏄庢殫鏁堟灉鏇挎崲*/


 .foot1{
          margin-top:30px; padding-top: 30px;
      }
      
      .foot2{
      padding-bottom: 60px; border-bottom: 1px #ddd solid;
      }
      .foot3{
          padding-bottom: 60px;
      }        
        
        
        .txtcontact{
            font-size: 36px;
        }
        
        .txtcontact2{
            font-size: 20px;
        }
        
        .txtfaq{
            font-size: 24px;
            
        }
        .txtfaq2{
            font-size: 20px;
            
        }
        
        .pd20{
            padding: 20px;
        }
        
        .news_box .su {
    margin-top: 20px;
    float: left;
    border: 0px solid #e6e6e6;
    padding: 20px;
    background: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.news_box .su:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.news_box .su .text .bt {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333333;
    font-size: 24px;
    font-weight: 700;
}
.news_box .su .text p {
  color: #666666;
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    margin-top: 2%;
}



.image-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 60%;
  margin: auto;
  margin-bottom: 50px;
}

.media {
  
  justify-content: center;
  align-items: center;
  margin: 0px;
  overflow: hidden;
  position: relative;
}

.media:hover {
  cursor: pointer;
}


.media .overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}

.media:hover .overlay {
  opacity: 1;
}

.media img {
  width: 100%;
  z-index: -1;
  margin: auto;
  transform: scale(1);
  transition: all ease-in-out 0.5s;
}

.media:hover img {
  transform: scale(1.1);
  filter: blur(2px);
}

.image-details {
  text-align: center;
  color: white;
  font-size: 38px;
  z-index: 4;
  position: absolute;
  top: 100%;
  opacity: 0;
  transition: all ease-in-out 0.5s;
  left: 40%;
    text-align: center;
}

.media:hover .image-details {
  top: 40%;
  opacity: 1;
}

        
    
      

.dtable {
    display: table;
    width: 100%;
    height: 100%;
}      
      
.dtable>* {
    display: table-cell;
    vertical-align: middle;
}      
 
     
     
     .showmo{
       font-size: 16px;
    padding: 5px;
    border: 1px solid #ccc;
    color: #7D7D7D;
    border-radius: 18px;
    display: block;
    width: 120px;
    text-align: center;
    margin-top: 20px;
     }
     .showmo:hover{
         border: 1px solid #008CD6;
         background: #008CD6;
         color: #fff;
     }
     
     .weixincn{ position:relative; font-size:12px; text-align:center;}
        .weixincn a img{} /*寰俊鍥炬爣*/
        .weixincn .weixin_nr{position: absolute;
    display: none;
}
        .weixincn .weixin_nr img{ margin-bottom:5px; margin-top: 10px; }
        .weixincn .weixin_nr .arrow{ width:0; height:0; border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:140px;}
        .weixincn.on .weixin_nr{ display: contents;}
        
   
   .xiala2{
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    min-height: 200px;
    display: none;
    z-index: 99;
    /*box-shadow: 0 0 1px 0 #ddd;*/
}



.xxiala  .container,
.xxiala  .xiala_item{
    height: 100%;
}
.xxiala  .xiala_l{
    float: left;
    width: 387px;
    height: 100%;
    padding-top: 48px;
    margin-left: 80px;
}
.xxiala  .xiala_l h1{
    color: #666;
    font-size: 36px;
    font-family: "Arial";
    padding-left: 47px;
    padding-right: 53px;
    letter-spacing: .9px;
}
.xxiala  .xiala_l h1 div{
    display: inline-block;
}
.xxiala  .xiala_l h1 div p{
    color: #999;
    font-size: 24px;
    font-family: "Arial";
    line-height: 1.9;
    text-align: right;
    cursor: pointer;
}
.xxiala  .xiala_l h1 div p:nth-child(2){
    margin-top: 17px;
}
.xxiala  .xiala_l h1 div p.active{
    color: #ef1a24;
}

.xxiala  .xiala_l h4{
    color: #666;
    font-size: 18px;
    font-family: "Arial";
    padding-left: 47px;
    padding-right: 53px;
    margin-top: 17px;
    line-height: 1.67;
    letter-spacing: .9px;
}
.xxiala  .xiala_r{
    
    height: 100%;
    padding-top: 48px;
 
}
.xxiala  .xiala_r ul{
    
}
.xxiala  .xiala_r li{
   
     display: inline-block;
    margin-bottom: 10.5px;
    margin-left: 0px;
    vertical-align: top;
    width: 18%;
    text-align: center;
    border-right: 1px #ccc solid;
      
}
.xxiala  .xiala_r li a{
    color: #6a6a6a;
    font-size: 16px;
    font-family: "Arial";
    line-height: 1.2;
    letter-spacing: 1px;
}
.xxiala  .xiala_r li a:hover{
    color: #008cd6;
}     
       
        
    
    .xlser    {
        line-height: 5em;
    }
    .abotppp{
        font-size: 20px;
    }
        
         .newsxc{
                font-size: 18px;
            }
        
        
     
        .abppl{
            line-height: 2em;
        }
        
        .about_tt{
            text-indent: 2em; line-height: 3em;
            font-size: 18px;
        }
        .abpa{
            font-size: 16px;
        }
       
        @media only screen and (max-width: 768px) {
             .content img{
          max-width: 100%;
    height: auto;
    /*  width: 100%!important;*/
    /*height: auto!important;*/
      }
      
      .news_box .news_list ul li .img {
    display: block;
    float: left;
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.news_box .news_list ul li .text {
    float: left;
    width: 92%;
    margin-left: 3%;
    padding-top: 1.4%;
}
            
            .abpa{
            font-size: 12px;
        }
        
        .abppl{
            line-height: 18px;
        }
             .about_tt{
            text-indent: 2em;
    line-height: 2.5em;
    font-size: 16px;
        }
            
            .page-num, .page-link {
    position: relative;
    display: block;
    padding: 0.5rem;
    line-height: 1.25;
    color: #008cd6;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin: 0 5px;
    font-size: 14px;
}

            .xxiala .xiala_r li a {
    color: #6a6a6a;
    font-size: 12px;
    font-family: "Arial";
    line-height: 1.2;
    letter-spacing: 1px;
}
            
            .card .card-title {
    padding: 10px;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    transition: all 1s;
    background: #008CD6;
}
            
            .image-details{
                display: none;
            }
            }
            
            .newsxc{
                font-size: 14px;
            }
            .lh-3 {
    line-height: 2.5;
}
            .mt-3, .my-3 {
    margin-top: 10px!important;
}
.mb-3, .my-3 {
    margin-bottom: 10px!important;
}
            .pb-2, .py-2 {
    padding-top: 10px;
    padding-bottom: 10px!important;
}
.fs-20 {
    font-size: 14px;
}
.text-secondary {
    color: #6c757d!important;
    font-size: 14px;
}
             .container {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}
            
             .shopiico{
                 width: 68px;
                 padding-top: 20px;
             }
             .navimg {
    width: 58px;
    height: 58px;
}
             .xlser    {
        line-height: 3em;
    }
    .abotppp{
        font-size: 14px;
    }
            
         
         .xxiala .xiala_r li {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 0px;
    vertical-align: top;
    width: 19%;
    text-align: center;
    border-right: 1px #ccc solid;
}
         
         .foottit{
    color:#5c5c5c;
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
}

.foottxt{
    color:#a2a2a1;
    font-size: 14px;
    font-weight:normal;
    line-height: 40px;

    
}

         .txtcontact{
            font-size: 14px;
        }
         .txtcontact2{
            font-size: 13px;
        }
        .txtfaq{
            font-size: 16px;
            
        }
        .txtfaq2{
            font-size: 13px;
            
        }
        .newsxc img{
            max-width:100%; 
            height:auto;
        }
        
        .prodbigimg{}
.line1{
    border-top:0px solid #d7d7d7 ;
}

.line2{
    border-right:0px solid #d7d7d7 ;
}
.line3{
    border-bottom:0px solid #d7d7d7 ;
}

.prodbigimg{
   margin:15px 0
   
   
}

.prodbigimgr{
   margin: 0
} 

 .foot1{
          margin-top:1px; padding-top: 1px;
      }
      
      .foot2{
      padding-bottom: 1px; border-bottom: 1px #ddd solid;
      }
      .foot3{
          padding-bottom: 1px;
      }
      
     

.abpasimg{
               width: 40px!important; height: 40px!important;
            }
        }