/*分享*/
.bdshare-button-style2-16{
    display: inline-block!important;
}
.sr-bdimgshare-black{
    display: none!important;
}
.inner{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
    box-sizing: border-box;
}

/*head*/
.head_top{
    height: 80px;
    background: #fff;
}
.head_lf{
    float: left;
}
.head_lf .logo{
    display: inline-block;
    width: 180px;
    height: 80px;
}
.head_lf .logo img{width: 100%;padding-top: 8px;}
.head_lf .logo_tit{
    /* display: inline-block; */
    font-size: 16px;
    color: #053253;
    line-height: 26px;
    padding-left: 35px;
    position: relative;
    display: block;
    float: right;
    /* font-weight: bold; */
    max-width: 300px;
    margin-top: 14px;
}
.head_lf .logo_tit:before{
    content: '';
    width: 1px;
    height: 36px;
    background: #dbdbdb;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
.head_rt{
    float: right;
}
.head_rt a{
    display: inline-block;
    color: #999;
    font-size: 15px;
    position: relative;
    margin-right: 10px;
    line-height: 80px;
}
.head_rt a.online:after{
    content: '';
    width: 1px;
    height: 15px;
    background:#dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -7px;
}

.head_rt a.on{
    color: #3e8ace;
}
.head_rt a:hover{
    color: #3e8ace;
}
.head_rt input{
    width: 215px;
    height: 39px;
    padding-left: 10px;
    color: #999;
    font-size: 14px;
    margin-left: 18px;
}
.head_rt button{
    width: 19px;
    height: 19px;
    position: absolute;
    right: 7px;
    top: 32px;
    background:transparent url(../images/search.png)no-repeat center;
    border: none;
    cursor: pointer;

}
.head_bot{
    width: 100%;
    height: 60px;
    background: #211e1e;
}
.head_bot .nav{
    /*overflow: hidden;*/
}

.head_bot .nav>li{
    /*float: left;*/
    display: inline-block;
    margin-right: -5px;
    /* position: relative; */
}
.head_bot .nav>li:last-child{
    margin-right: 0;
}
.head_bot .nav>li>a{
    font-size: 15px;
    color: #fff;
    line-height: 60px;
    display: inline-block;
    padding: 0 28px;
    overflow: hidden;
}
.head_bot .nav>li>a.on{
    background: #3e8ace;
}
.head_bot .nav>li>a:hover{
    background: #3e8ace;
}
/*foot*/
.footer{
    background: #1f1f1f;
}
.foot_nav{
    height: 296px;
    padding-top: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #3f3f3f;
}
.foot_nav dl{
    float: left;
    margin-right: 127px;
    padding-right: 60px;
}
.foot_nav dl:last-child{
    margin-right: 0;
    padding-right: 0;
}
.foot_nav dt a{
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding-bottom: 35px;
    position: relative;
}
.foot_nav dt a:after{
    content: '';
    width: 142px;
    height: 1px;
    background: #3f3f3f;
    position: absolute;
    bottom: 12px;
    left: 0;
}
.foot_nav dd a{
    font-size: 14px;
    color: #9d9d9d;
    line-height: 31px;
    display: inline-block;
}
.foot_nav dd a:hover{
    color: #fff;
}
.copyright{
    height: 70px;
}
.copyright p{
    color: #9d9d9d;
    font-size: 13px;
    float: left;
    margin-right: 9px;
    line-height: 70px;
}
.copyright p a{
    color: #9d9d9d;
}
.copyright p a:hover{
    color: #fff;
}

.fbot_rt{
    float: right;
    margin: 15px 5px 0 0;
}

.fbot_rt .link{
    width: 113px;
    height: 40px;
    color: #9d9d9d;
    padding-left: 10px;
    border: 1px solid #3f3f3f;
    background: transparent;
    background: url(../images/trangle.png) no-repeat scroll right 20px center;
    position: relative;
    cursor: pointer;
}
.fbot_rt .link a{
    font-size: 13px;
    line-height: 41px;
    color:#9d9d9d;
}
.links{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
    background: #111;
    z-index: 999;
    display: none;
    cursor: pointer;
}
.links a{
    display: block;
    padding:0 10px;
    border-bottom:1px solid #3f3f3f;
}
.links a:hover{
   color:#fff;
}
.fbot_rt .link:hover .links{
    display: block;
}
/*banner*/
.banner{
    width: 100%;
    position: relative;
}
.banner_index img{
    width: 100%;
}
.banner_index {
    position: relative;
}
.slides li{
    position: relative;
}

.slides li::after{
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: rgb(0 0 0 / 22%);
  z-index: 8;
  top: 0;
}
.banner_index a {
    display: block;
}
.banner_index img {
    display: block;
    width: 100%;
}
.banner_index .flex-direction-nav .flex-prev,
.banner_index .flex-direction-nav .flex-next {
    display: block;
    width: 55px;
    height: 55px;
    /* border: solid #fff 1px; */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    transition: .5s;
    font-size: 0;
    background-color: #fff;
    display: none;
}
.banner_index:hover .flex-direction-nav .flex-prev,
.banner_index:hover .flex-direction-nav .flex-next {
  display:block;
}
.banner_index .flex-direction-nav .flex-prev {
    left: 30px;
    background: url(../images/banlh.png) no-repeat center rgba(255, 255, 255, 0.29);
    background-size: 12px;
}
.banner_index .flex-direction-nav .flex-next {
    right: 30px;
    background: url(../images/banrh.png) no-repeat center rgba(255, 255, 255, 0.29);
    background-size: 12px;
}
.banner_index .flex-direction-nav .flex-prev:hover {
    background: url(../images/banlh.png) no-repeat center #0081d1;
    border-color: #0081d1;
}
.banner_index .flex-direction-nav .flex-next:hover {
    background: url(../images/banrh.png) no-repeat center #0081d1;
    border-color: #0081d1;
}
.banner_index .flex-control-paging li .flex-active {
    width: 20px;
    background: #0081d1;
}
.banner_index .flex-control-paging {
    position: absolute;
    bottom: 30px;
    right: 50%;
    transform: translate(50%, 0);
}
.banner_index .flex-control-paging li {
    float: left;
    cursor: pointer;
}
.banner_index .flex-control-paging a {
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 0;
    margin-right: 13px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.banner_info{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 0;
    z-index: 9;
}
.banner_info h2{
    font-size: 35px;
    color: #fff;
    margin-bottom: 50px;
    font-weight: lighter;
    position: relative;
}
.banner_info h2:after{
    content: '';
    width: 61px;
    height: 1px;
    background:#d0d3d2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -32px;
}
.banner_info p{
    font-size: 15px;
    color: #fff;
    line-height: 30px;
    font-weight: lighter;
}

/*=========bread=========*/
.banner{
    width: 100%;
    min-height: 340px;
}
.banner img{
    display: block;
    width: 100%;
}
.bread{
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 13px;
    color: #fff;
    line-height: 40px;
    background: rgba(0,0,0,0.5);
    padding: 0 28px;
}
.bread a{
    font-size: 13px;
    color: #fff;
    line-height: 40px;
}
/*=======about========*/
.page_nav{
    width: 100%;
    background: #f3f3f3;
    height: 60px;
    font-size: 0;
}
.page_nav a{
    color: #333;
    font-size: 15px;
    line-height: 60px;
    display: inline-block;
    padding: 0 60px;
}
.page_nav a.on{
    background: #3385c6;
    color: #fff;
}
.page_nav a:hover{
    background: #3385c6;
    color: #fff;
}
.about_con{
    box-sizing: border-box;
    margin-bottom: 60px;
    margin-top: 30px;
    box-shadow: -2px 4px 30px -6px #ccc;
}
.target{
    height: 60px;
    border-bottom: 1px solid #e0e0e0;
}
.target a{
    display: inline-block;
    color: #333;
    font-size: 15px;
    line-height: 60px;
    padding-left: 60px;
}
.target a:first-child{
}
.target a.on{
    color: #3385c6;
}
.target a:hover{
    color: #3385c6;
}
.tit h3{
    color: #333;
    font-size: 24px;
    text-align: center;
}
.tit{
    padding: 60px 38px;
}
.ab_box{
    overflow: hidden;
    padding: 0 60px;
}
.ab_one{
    padding-bottom: 60px;
    border-bottom: 1px solid #e0e0e0;
}
.about_lf{
    width: 482px;
    float: left;
    position: relative;

}
.about_lfImg{
    width: 482px;
    height: 321px;
}
.about_lfImg img{
    width: 482px;
    height: 321px;
}
.pageState{
    font-size: 24px;
    color: #fff;
    font-family: 'arial';
    text-align: center;
    width: 100%;
    display: inline-block;
}
.about_slide{
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}
.about_slide a{
    width: 31px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: 5px;
}
.about_slide a.prev{
    background: url(../images/prev.png)no-repeat center;
    left: 20px;
}
.about_slide a.next{
    background: url(../images/next.png)no-repeat center;
    right: 20px;
}
.about_rt{
    float: right;
    width: 598px;
    height: 321px;
    padding: 58px 50px 58px 58px;
    box-sizing: border-box;
    background: #3385c6;
}
.about_rt h4{
    color: #fff;
    font-size: 18px;
    padding-bottom: 15px;
}
.about_rt p{
    color: #a5ccf3;
    font-size: 14px;
    max-height: 190px;
    overflow-y: auto;
    padding-right: 8px;
}
.about_rt p::-webkit-scrollbar {
    width: 2px !important;
    background: url(../images/abo_19.jpg) repeat-y center;
}
.about_rt p::-webkit-scrollbar-thumb {
    width: 3px !important;
    background: url(../images/abo_13.jpg) repeat-y center;
}

/*企业文化*/
.ab_cul li{
    width: 48.8%;
    float: left;
    min-height: 204px;
    /* border-bottom: 1px solid #e0e0e0; */
    margin-right: 25px;
    margin-bottom: 30px;
}
.ab_cul li:nth-child(2n){
    margin-right: 0;
}
.ab_cul h4{
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-top: 28px;
    margin-bottom: 4px;

}
.ab_cul p{
    font-size: 14px;
    color: #666;
    line-height: 28px;
    display: -webkit-box;
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
}
.ab_two{
    margin-bottom: 30px;
}
/*管理理念*/
.ab_three{
    background: #f3f3f3;
}
.ab_three_top li{
    float: left;
    width: 339px;
    height: 434px;
    background: #fff;
    margin-right: 30px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.ab_three_desc{
    padding: 0 20px;
}
.ab_three_bot a{
    display: inline-block;
    width: 120px;
    height: 41px;
    border: 1px solid #e0e0e0;
    transition: all 0.5s;
    position: relative;
}
.ab_three_bot{
    padding: 32px 0 59px;
}
.ab_three_bot a.next{
    background: transparent url(../images/next1.png)no-repeat center;
    float: right;
}
.ab_three_bot a.prev{
    background: transparent url(../images/prev1.png)no-repeat center;
}
.ab_three_bot a.next:hover{
    background: #3385c6 url(../images/next.png)no-repeat center;
    border: 1px solid #3385c6;
}
.ab_three_bot a.prev:hover{
    background: #3385c6 url(../images/prev.png)no-repeat center;
    border: 1px solid #3385c6;
}
.ab_three_bot a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(51,133,198,0.5);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}
.ab_three_bot a:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.ab_three_top li:hover{
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    -webkit-box-shadow: 0px 5px 15px #e5e5e5;
    -moz-box-shadow: 0px 5px 15px #e5e5e5;
    box-shadow: 0px 5px 15px #e5e5e5;
}


/* 工厂实力 */
.ab_four{

}
.picbox{width:100%;}
#featured{height:432px;overflow:hidden;position:relative;}
#featured .image{position:absolute;height:432px;overflow:hidden;}
#featured .word{z-index:10;left:0px;width:100%;color:#fff;bottom:0px;position:absolute;height:45px;padding:0 20px;text-align:left;background:rgba(0,0,0,0.7);font-size:14px;line-height:45px;color:#fff;box-sizing: border-box;}
#featured .word p{width
    100%;line-height:45px;text-align: center;}
#thumbs{width:1080px;height:167px;background: #f8f8f8;margin-bottom: 62px;}
#thumbs li{display:inline;float:left;cursor:pointer;margin: 24px 0px 0 25px;position: relative;}
#thumbs li a{display:block;font-size:0px;width:122px;height:92px;border: 5px solid transparent;}
#thumbs li a img{display:block;font-size:0px;width:122px;height:92px;border: 5px solid transparent;}
#thumbs li a:hover img{display:block;border:5px solid #3385c6;width:122px;height:92px;border-radius: 10px;}
#thumbs li a.current img{display:block;border:5px solid #3385c6;width:122px;height:92px;border-radius: 10px;}

#thumbs .btnPrev{
    width: 43px;
    height: 43px;
    margin-top: 52px;
    border-radius: 50%;
    background: #fff url(../images/prev3.png)no-repeat center;
    box-shadow: 0px 5px 15px #e5e5e5;
    transition: all 0.5s;
}
#thumbs .btnPrev:hover{
    background: #3385c6 url(../images/prev4.png)no-repeat center;
}
#thumbs .btnNext{
    width: 43px;
    height: 43px;
    margin-top: 52px;
    border-radius: 50%;
    background: #fff url(../images/next3.png)no-repeat center;
    box-shadow: 0px 5px 15px #e5e5e5;
    transition: all 0.5s;
}
#thumbs .btnNext:hover{
    background: #3385c6 url(../images/next4.png)no-repeat center;
}
@media all and (max-width:1200px){
    .ab_box{
        padding: 0 50px;
    }
}
#thumbs li a.current:before{
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #3385c6 transparent;
    border-width: 16px 15px;
    top: -23px;
    left: 50%;
    transform: translateX(-28%);
}

.nei_anchor {
  text-align: center;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  padding: 15px 0;
  width: 100%;
  background: #fff;
  z-index: 20;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.nei_anchor span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 6px;
}
.nei_anchor span a {
  line-height: 35px;
  font-size: 15px;
  padding: 0 25px;
  border-radius: 15px;
  border: 1px solid #ccc;
  display: block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.nei_anchor span:hover a,
.nei_anchor span.on a {
  background: #3385c6;
  color: #fff;
  border-color: #3385c6;
}
.ab_poti {
  position: relative;
}
.abposi_ab {
  position: absolute;
  height: 1px;
  top: -60px;
}


/*-------------发展历程------------*/
.develop_img{
    width: 342px;
    float: left;
    padding-right: 198px;
    border-right: 1px solid #e0e0e0;
    overflow: hidden;
}
.develop_img img{
    width: 342px;
    height: 234px;
    padding-top: 58px;
    transition: all 0.5s;
}
.develop_img:hover img{
    transform: translateY(-20px);
}
.develop_desc{
    width: 500px;
    float: right;
    box-sizing: border-box;
    padding: 134px 0 0;
}
.develop_desc:hover h3{
    color: #3385c6;
}
.develop_desc:hover p{
    color: #3385c6;
}
.develop_desc .year{
    font-size: 18px;
    color: #333;
    position: relative;
    border-left: 0;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 8px;
}
.develop_desc .year:before{
    content: '';
    width: 190px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    top: 42px;
    left: -238px;
}
.develop_desc .year:after{
    content: '';
    width: 14px;
    height: 14px;
    background: url(../images/img17.png)no-repeat center;
    position: absolute;
    top: 35px;
    left:-46px;
}
.develop:hover .year:after{
    width: 24px;
    height: 24px;
    background: url(../images/img18.png)no-repeat center;
    top: 29px;
    left: -51px;
}
.develop_desc p{
    font-size: 14px;
    color: #666;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.development{
    position: relative;
    padding: 0 60px;
    box-sizing: border-box;
}
.development:before{
    content: '';
    width: 29px;
    height: 37px;
    background: url(../images/img16.png)no-repeat center;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}
.develop_lf .develop_desc{
    float: left;
    text-align: left;
    border-left: none;
    padding-left: 52px;
}
.develop_lf .develop_img{
    float: right;
    padding-left: 197px;
    border-left: 1px solid #e0e0e0;
    border-right: none;
    padding-right: 0;
}
.develop_lf  .develop_desc p{
    padding-left: 0;
    padding-right: 34px;
}
.develop_lf .develop_desc .year{
    border-right: none;
}
.develop_lf .develop_desc .year:before{
    content: '';
    width: 190px;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    top: 35px;
    left: 496px;
}
.develop_lf .develop_desc .year:after{
    top: 29px;
    left: 482px;
}
.develop_lf.develop:hover .year:after{
    top: 23px;
    left: 477px;
}
.develop_more{
    width: 28px;
    height: 25px;
    background: url(../images/jiazai.png)no-repeat center;
    color: #fff;
    font-size: 14px;
    display: block;
    line-height: 45px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding: 25px 0 60px;
}
.develop_more:before{
    content: '';
    width: 1px;
    height: 50px;
    background: #e0e0e0;
    position: absolute;
    top: -88px;
    left: 50%;
}
.develop_show{
    display: none;
}
/*===========xiazai===========*/
.download_div{
    padding: 50px 60px 30px;
}
.table1 {
  width: 100%;
  text-align: center;
}
.table1 tr th {
  font-size: 16px;
  line-height: 26px;
  color: #f4f4f4;
  padding: 10px 0;
  font-weight: normal;
  background: #888888;
  border: solid #e9e9e9 1px;
}
.table1 tr td {
  line-height: 26px;
  color: #999;
  width: 276px;
  line-height: 53px;
  border-bottom: solid #dddddd 1px;
}
.download_a {
  display: block;
  width: 276px;
  height: 44px;
  background: url(../images/download.png) no-repeat center;
  -webkit-transition: .5s;
  -moz-transition: .5s ;
  -ms-transition: .5s ;
  -o-transition: .5s ;
  transition: .5s ;
}
.table1 tr:hover .download_a {
  background-image: url(../images/downloadh.png);
}
.table1 tr:hover td:first-child{
    color: #3385c6;
    cursor: pointer;
}
.page{
    width: 100%;
    height: 40px;
    border-top: 1px solid rgba(224, 224, 224, 0.4117647058823529);
    border-bottom: 1px solid rgba(224, 224, 224, 0.4117647058823529);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}
.about_con1{
    padding-bottom: 60px;
}
.page_inner{
    padding: 0 60px;
    font-size: 0;
}
.page a{
    width: 38px;
    height: 38px;
    color: #999;
    font-size: 16px;
    display: inline-block;
    line-height: 38px;
    /*border-left: 1px solid #e0e0e0;*/
    /* border-right: 1px solid #e0e0e0; */
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
}
.page a:first-child{
    /* border-left: 1px solid #e0e0e0; */
}
.page a.on{
    background: #3385c6;
    color: #fff;
}
.page a:hover{
    background: #3385c6;
    color: #fff;
}
.page .page_prev{
    width: 118px;
    float: right;
    background: #fff url(../images/pagel.png)no-repeat center;
    border-right: none;
    /* border-left: 1px solid #e0e0e0; */
}
.page .page_prev:hover{
    background: #3385c6 url(../images/pagelh.png)no-repeat center;
}
.page .page_next{
    width: 118px;
    float: right;
    /* border-left: 1px solid #e0e0e0; */
    background: #fff url(../images/pager.png)no-repeat center;
}
.page .page_next:hover{
    background: #3385c6 url(../images/pagerh.png)no-repeat center;
}
/*========download=========*/
.faq{
    padding: 40px 60px 0;
}
.question p{
    color: #333;
    font-size: 18px;
    background: url(../images/qu.png)no-repeat left 15px;
    padding: 20px 0;
    padding-left: 50px;
    /*width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.answer p{
    color: #666;
    font-size: 14px;
    background: url(../images/an.png)no-repeat left 5px;
    padding-left: 50px;
}
.faq_items{
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0 25px;
}
.faq_items:last-child{
    border-bottom: none;
}
.zp_font{
    display: none;
}
/*=======news=======*/
.news_pic{
    width: 198px;
    height: 153px;
    float: left;
    overflow: hidden;
}
.news_pic img{
    width: 198px;
    height: 153px;
    transition: all 0.5s
}
.news{
    padding: 33px 60px 29px;
}
.news_desc{
    width: 859px;
    float: right;
    transition: all 0.5s
}
.news_desc h3{
    color: #333;
    font-size: 18px;
}
.news_desc p{
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.a-more{
    background: url(../images/news_more.png)no-repeat right;
    padding-right: 35px;
    margin: 10px 0 25px;
    display: inline-block;
    font-size: 13px;
    color: #666;
}
.dz{
    display: inline-block;
    background: url(../images/dz.png)no-repeat center;
    padding-left: 50px;
}
.pl{
    display: inline-block;
    background: url(../images/ly.png)no-repeat center;
    padding-left: 35px;
}
.news_desc p.time{
    float: left;
    font-size: 13px;
}
.news_desc p.desc_rt{
    float: right;
    font-size: 13px;
}
.news_items{
    border-bottom: 1px solid #eee;
    padding: 27px 0;
}
.news_items:hover .news_pic img{
    transform: scale(1.1);
}
.news_items:hover .news_desc h3{
    color: #3385c6;
}
.news_items:hover .a-more{
    color: #3385c6;
    background: url(../images/news_moreh.png)no-repeat right;
}
.news_items:hover .news_desc{
    transform: translateX(10px);
}
.news_detail{
    padding: 60px 60px 0;
}
.news_detail h3{
    padding: 0px 10px;
    font-size: 24px;
    color: #5c5c5c;
    margin-bottom: 20px;
    text-align: center;
}
.news_detail .time{
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #8e8e8e;
    margin-bottom: 10px;
}
.news_detail p{
    color: #666;
    font-size: 14px;
}
.news_detail img{
    margin: 0 auto;
}
.pro_bot:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.pro_bot {
  border-top: solid #eee 1px;
  padding-top: 15px;
  margin-top: 15px;
}
.pro_botr {
  float: right;
  margin-top: 10px;
}
.pro_botr a {
  display: block;
  float: left;
  padding-left: 30px;
  line-height: 14px;
  color: #666;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.pro_botr a:hover {
  color: #0081d1;
}
/*======product======*/
.product{
    width: 1080px;
    padding: 60px 60px 0;
}
.pro_list li{
    width: 529px;
    height: 231px;
    background: #f3f3f3;
    float: left;
    margin-bottom: 20px;
}
.pro_list li:nth-child(2n){
    margin-left: 22px;
}
.pro_lf{
    width: 250px;
    box-sizing: border-box;
    padding: 50px 33px 20px 22px;
    float: left;
}
.pro_lf h3{
    color: #333;
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
}
.pro_lf h3:after{
    content: '';
    width:27px;
    height: 1px;
    background: #e4e4e4;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.pro_lf p{
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pro_rt{
    width: 279px;
    height: 231px;
    float: right;
    position: relative;
    overflow: hidden;
}
.pro_rt img{
    width: 279px;
    height: 231px;
    transition: all 0.5s;
}
.pro_rt:before{
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent transparent #f3f3f3;
    border-width: 11px 13px;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    z-index: 999;
}
.pro_items:hover .a-more{
    color: #3385c6;
    background: url(../images/news_moreh.png)no-repeat right;
}
.pro_items:hover h3{
    color: #3385c6;
}
.pro_items:hover .pro_rt img{
    transform: scale(1.1);
}
/*=======pro-detail=======*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:505px;height:428px; border:1px solid #e5e5e5;overflow:hidden;}
.jqzoom img{width:505px;height:428px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:430px;height:429px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.pro_detail{
    width: 1200px;
    margin: 0 auto;
    box-sizing:border-box;
}
.spec-preview{width:505px;height:430px;
    float: left;}
.spec-scroll{clear:both;padding-top:15px;width: 508px;}
.spec-scroll .prev{float:left;background:#e5e5e5 url(../images/pl.png) no-repeat center;}
.spec-scroll .prev:hover{background:#3385c6 url(../images/plh.png) no-repeat center;}
.spec-scroll .next{float:right;background:#e5e5e5 url(../images/pr.png) no-repeat center;}
.spec-scroll .next:hover{float:right;background:#3385c6 url(../images/prh.png) no-repeat center;}
.spec-scroll .prev,.spec-scroll .next{text-align:center;width:34px;height:99px; line-height:54px;cursor:pointer;}
.spec-scroll .items{margin:auto;position:relative;width:440px;height:101px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;margin-left: 18px;}
.spec-scroll .items ul li{float:left;width:118px;text-align:center;margin-right: 25px;}
.spec-scroll .items ul li img{border:1px solid #CCC;width:116px;height:99px;}
.spec-scroll .items ul li.hover img { border:1px solid #3385c6;}
.pro_top{
    margin-bottom: 50px;
    overflow: hidden;
}
.pro_toplf{
    float: left;
}
.pro_toprt{
    float: right;
    width: 545px;


}
.pro_toprt p{
    color: #666;
    font-size: 14px;
}
.pro_toprt h3{
    color: #333;
    font-size: 18px;
    padding-top: 30px;
}
.pro_toprt h2{
    color: #3385c6;
    font-size: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}
.pro_rtdesc{
    max-height: 365px;
    overflow-y: auto;
    padding-right: 5px;
    padding-top: 20px;
}

.pro_rtdesc p{
  
font-size: 15px;
  
line-height: 24px;
}
.pro_rtdesc::-webkit-scrollbar {
    width: 2px !important;
    /* background: url(../images/abo_19.jpg) repeat-y center; */
    background: #FFF;
}
.pro_rtdesc::-webkit-scrollbar-thumb {
    width: 3px !important;
    /* background: url(../images/abo_13.jpg) repeat-y center; */
    background: #3385c6;
}
.pro_advan h3{
    color: #3385c6;
    position: relative;
    font-size: 18px;
    margin-bottom: 25px;
}
.pro_advan h3:after{
    content: '';
    width: 1000px;
    height: 1px;
    background: #eee;
    position: absolute;
    top: 13px;
    right: 0;
}
.advan_list li{
    width: 50%;
    float: left;
    margin-bottom: 25px;
}
.advan_list li h4{
    color: #333;
    font-size: 14px;
    position: relative;
    padding-left: 19px;
}
.advan_list li h4:before{
    content: '';
    width: 9px;
    height: 9px;
    background: #3385c6;
    position: absolute;
    left: 0;
    top: 5px;
    transform: rotate(45deg);
}
.advan_list li p{
    color: #777;
    font-size: 14px;
    padding-left: 19px;
    line-height: 28px;
}
.advan_list{
    margin-bottom: 25px;
}
.prodesc_tab{
    position: relative;
    background: #fff;
    margin: 50px auto;

}

.slideTxtBox1{ text-align:left;  border-bottom:1px solid #e6e6e6;}
.slideTxtBox1 .hd{ height:56px; line-height:30px;padding:0 10px 0 20px;  position:relative;background:#f3f3f3;}
.slideTxtBox1 .hd ul{ float:left; position:absolute; left:0px; top:0; height:56px;   }
.slideTxtBox1 .hd ul li{ float:left; cursor:pointer;  color: #333;font-size: 18px;line-height:56px;padding:0 45px;}
.slideTxtBox1 .hd ul li.on{ background: #3385c6; color: #fff;}
.slideTxtBox1 .bd ul{ padding:15px 0 0;  zoom:1;}
.slideTxtBox1 .bd li{ height:30px; color: #888;font-size: 16px;line-height: 30px; }
.slideTxtBox1 .bd li .date{ float:right; color:#999;  }
.desc_tab2 li{
    width: 231px;
    height: 195px;
    float: left;
    margin-right: 30px;
}
.slideTxtBox1 .bd ul.desc_tab2{
    padding-top: 26px;
}
.table2{
    width: 100%;
}
.table2 td{
    border:1px solid #e0e0e0;
    padding: 44px 48px;
    line-height: 34px;
}
.table2 tr td:first-child{
    width: 145px;
    text-align: center;
    padding: 44px 7px;
    color: #3385c6;
}
.table2 td img{
    display: inline-block;
    vertical-align: middle;
}
.pro_share{
    margin-top: 18px;
    position: relative;
    overflow: hidden;
}
.pro_share a{
    color: #666;
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
}
.pro_share a:hover{
    color: #3385c6;
}
.pro_prev{
    float: left;
}
.pro_next{
    float: right;
}
.pro_return{
    position: absolute;
    left: 50%;
    top: 0;
}
.hr{
    width: 100%;
    height: 1px;
    background: #e0e0e0;
}
.tuijian{
    padding: 0 60px;
    box-sizing: border-box;
    overflow: hidden;
}
.tuijian_list li{
    width: 530px;
    height: 231px;
    float: left;
    background: #f3f3f3;
    margin-right: 13px;

}
.tuijian_list{
}
.ind_title{
    padding-top: 59px;
    color: #3385c6;
    font-size: 18px;
    padding-bottom: 25px;
}
.ind_floor_02 .hd .prev, .ind_floor_02 .hd .next{
    position: absolute;
    right: 124px;
    top: -55px;
    width: 25px;
    height: 25px;
    background: url(../images/pr.png) no-repeat center center;
    cursor: pointer;
}
.ind_floor_02 .hd .prev{
    right: 160px;
    background: url(../images/pl.png) no-repeat center center;
}
.pro_detail{
    margin-bottom: 60px;
}
.case_tab a{
    color: #333;
    font-size: 16px;
    line-height: 60px;
    padding-left: 60px;
    cursor: pointer;
}
.case_tab a:hover
{
      color: #3385c6;
}
.case_tab li:hover{
    color: #3385c6;
}
#oranger{
    border-bottom: 1px solid #e0e0e0;
}
.case_tab a.hover {
    color: #3385c6;
}
#tablea {
    padding: 40px 60px 0;
}
.case_tab .box {
    display:none;
    overflow: hidden;
}
.box_wrap{
    /* border: 1px solid #e0e0e0; */
    overflow: hidden;
    margin-bottom: 29px;
    background-color: rgba(158, 158, 158, 0.09);
}
.box .case_rt{
    float: left;
    width: 577px;
    height: 323px;
    position: relative;
}
.box .case_rt ul li{
    width: 577px!important;
    height: 323px;
}
.box .case_rtImg{
    width: 577px;
    height: 323px;
}
.box .case_rtImg img{
    width: 577px;
    height: 323px;
}
.case_tab .case_slide a{
    display: inline-block;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #fff url(../images/next3.png)no-repeat center;
    box-shadow: 0px 5px 15px #666;
    transition: all 0.5s;
    padding-left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    display: none;
}
.case_tab .case_slide a.next{
    right: 13px;
    /* opacity: 0.5; */
}
.case_tab .case_slide a.prev{
    left: 13px;
    background: #fff url(../images/prev3.png)no-repeat center;
    opacity: 0.5;
}
.case_tab .case_slide a.prev:hover{
    background: #3385c6 url(../images/prev4.png)no-repeat center;
}
.case_tab .case_slide a.next:hover{
    background: #3385c6 url(../images/next4.png)no-repeat center;
}
.case_lf{
      float: left;
      width: 480px;
      box-sizing: border-box;
      padding: 40px 27px;
      position: relative;
}
.case_lf:hover h3{
    color: #3385c6;
}
.case_left{
    float: left;
}
.case_right{
    float: right!important;
}
.case_lf h3{
    color: #333;
    font-size: 18px;
    margin-bottom: 7px;
}
.case_lf .case_time{
     font-size: 14px;
     display: inline-block;
     color: #999;
     /* position: absolute; */
     /* right: 0; */
     /* top: 37px; */
     display: block;
     margin-bottom: 10px;
}
.case_lf p{
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.case_lf .case_tit{
     margin-bottom: 15px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
}
.case_lf .case_btn{
    display: inline-block;
    width: 126px;
    height: 36px;
    border: 1px solid #e0e0e0;
    color: #666;
    font-size: 12px;
    padding: 0;
    line-height: 36px;
    text-align: center;
    margin-top: 34px;
    padding-right: 20px;
    background: url(../images/news_more.png)no-repeat right 23px center;
    box-sizing: border-box;
}
.case_lf .case_btn:hover{
    background: url(../images/news_moreh.png)no-repeat right 23px center;
    border: 1px solid #3385c6;
    color: #3385c6;
}
.case_xq_tit h3{
    color: #333;
    font-size: 18px;
    text-align: center;
    padding: 40px 0 35px;
    border-bottom: 1px solid #e0e0e0;
}
.case_page{
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    height: 46px;
    position: relative;
}
.case_page:after{
    content: '';
    width: 1px;
    height: 46px;
    background: #e0e0e0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.case_page a{
    width: 410px;
    line-height: 46px;
    color: #767676;
    font-size: 16px;
    display: inline-block;
    padding: 0 60px;
    text-align: center;
}
.case_page a.xa{
    float: left;
    /* border-right: 1px solid #e0e0e0; */
    background: url(../images/prev5.png)no-repeat left 30px center;
}
.case_page a.xa:hover{
    background: url(../images/prev5h.png)no-repeat left 30px  center;
    color: #002e53;
}
.case_page a.nj{
    float: right;
    /* border-left: 1px solid #e0e0e0; */
    background: url(../images/next5.png)no-repeat right 30px  center;
}
.case_page a.nj:hover{
    background: url(../images/next5h.png)no-repeat right 30px  center;
    color: #002e53;
}
.case_xq_tit{
    position: relative;
}
.share{
    position: absolute;
    top: 82px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
}
.share a{
    display: inline-block;
    width: 34px!important;
    height: 34px!important;
    border-radius: 50%;
    margin: 0!important;
    padding-left: 0!important;
}
.share a.qq{
    margin: 0 10px!important;
}
.bdshare-button-style0-24 a:hover{
    background-color: #3385c6!important;
    opacity: 1!important;
}
.case_xq_tit p{
    text-align: center;
    margin-top: 34px;
    color: #666;
    font-size: 14px;
}
.picbox .featured1{
    height: 543px!important;
}
.picbox .featured1 .image{
    height: 543px!important;
}
.picbox .featured1 .image img{
    width: 1082px;
    height: 543px;
}
.featured1 .word{
    display: none;
}
.thumbs1 li a {
    display: block;
    font-size: 0px;
    width: 227px!important;
    height: 115px!important;
    border: 5px solid transparent;
}
.thumbs1 li a img {
    display: block;
    font-size: 0px;
    width: 227px!important;
    height: 115px!important;
    border: 5px solid transparent;
}
.thumbs1 li{
    margin: 24px 9px 0 0px!important;
}
.thumbs1 .btnNext{
    margin-right:0!important;
}
.thumbs1 li a.current img{
    border-radius: 0!important;
}
.thumbs1 li a:hover img{
    border-radius: 0!important;
}
.thumbs1 li a.current:before{
    display: none!important;
}
.thumbs1 .btnNext{
    width: 38px!important;
    height: 114px!important;
    border-radius: 0!important;
    margin-top: 34px!important;
    box-shadow: none!important;
    background-color: #e6e6e6!important;
}
.thumbs1 .btnPrev{
    width: 38px!important;
    height: 114px!important;
    border-radius: 0!important;
    margin-top: 34px!important;
    box-shadow: none!important;
    background-color: #e6e6e6!important;
}
.thumbs1{
    background:#fff!important;
    margin-bottom: 0!important;
}
.thumbs1 .btnNext:hover{
    background-color: #002e53!important;
}
.thumbs1 .btnPrev:hover{
    background-color: #002e53!important;
}
.case_xq_tit1 p{
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
}
.case_xq_tit1 h4{
    color: #333;
    font-size: 18px;
    margin: 25px 0 10px;
}
/*========join========*/
.recruit{ width:100%; position:relative; overflow:hidden;margin:35px auto 0;}
.min_pic_wrap{ height:56px;position:relative;margin: 0 auto;}
.min_pic{ width:100%;}
.min_pic_wrap ul{ position:absolute; left:0; top:0;}
.min_pic_wrap ul li{ width:270px;text-align: center;border-right: 1px solid #e0e0e0;padding:5px 0;position: relative;}
.min_pic_wrap ul li span{cursor: pointer; display: inline-block;*display:inline;*zoom:1;line-height: 20px;}
.min_pic_wrap ul li span.span1{
    color: #333;font-size: 18px;
    padding-bottom: 10px;
}
.min_pic_wrap ul li span.span2{
    color: #666;font-size: 14px;
}
.min_pic_wrap ul li.on span,.min_pic_wrap ul li span:hover{color: #2987c7;}
.recruit .prev_btn1{ width:12px; text-align:center; height:48px;  cursor:pointer; position: absolute;left: 0;top:0;background: url("../images/prev6.png") no-repeat center top 22px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.recruit .next_btn1{ width:12px; text-align:center; height:48px;  cursor:pointer; position: absolute;right: 0;top:0;background: url("../images/next6.png") no-repeat center top 22px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.recruit .prev_btn1:hover{background-image: url("../images/prev6h.png");}
.recruit .next_btn1:hover{background-image: url("../images/next6h.png");}
.max_pic{ width:100%; position:relative; overflow:hidden;margin-top: 36px;min-height:530px;}
.max_pic ul{ position:absolute; left:0; top:0;}
.max_pic ul li{ width: 1080px;float: left;padding: 45px 45px 0;box-sizing: border-box; border: 1px solid #e0e0e0;}
.recruit .prev1{display: none; position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.recruit .next1{ display: none; position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.con_wrap{padding:60px 60px 50px;box-sizing: border-box;}
.join_lf{
    width: 360px;
    float: left;
    margin-right: 33px;
}
.join_md{
    float: left;
}
.join_rt{
    float: right;
}
.max_pic li h4{
    color: #333;
    font-size: 18px;
    margin-bottom: 13px;
}
.max_pic li h5{
    color: #666;
    font-size: 18px;
    margin-bottom: 25px;
}
.max_pic li p{
    color: #666;
    font-size: 14px;
    margin-bottom: 30px;
}
.join_rt img{
    margin: 0 auto 20px;
}
.join_rt span{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #333;
    font-size: 13px;
    margin-bottom: 5px;
}
.join_rt a{
    font-size: 13px;
    color: #333;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.join_rt .join_btn{
    display: inline-block;
    width: 145px;
    height:37px;
    background: #3385c6;
    color: #fff;
    line-height: 37px;
}
.min_pic_wrap ul li.on:after{
    content: '';
    width:19px;
    height:16px;
    background: url(../images/img39.png)no-repeat center;
    position: absolute;
    bottom: -35px;
    left: 120px;
    z-index: 999;
}
/*=======contact======*/
.add_list{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 58px;
}
.add_list li{
    width: 48.3%;
    float: left;
    margin-bottom: 50px;
}
.add_list ul{
    padding: 58px;
    overflow: hidden;
}
.add_list li h3{
    color: #3385c6;
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 27px;
    margin-bottom: 27px;
}
.add_list li:nth-child(2n){
    margin-left: 35px;
}
.add_list li p{
    margin-bottom: 15px;
    color: #333;
    font-size: 14px;
}
.contact_bot{
    width: 1080px;
    margin: 0 auto;
    height: 427px;
    background: #f6f6f6;
    margin-bottom: 35px;
}
.contact_form{
    width: 486px;
    padding: 35px 50px;
    box-sizing: border-box;
    float: left;
}
.contact_form input{
    width: 100%;
    height: 30px;
    border: none;
    background: transparent;
    border-bottom: 2px solid #e2e2e2;
    color: #999;
    font-size: 14px;
    padding-top: 20px;
}
.contact_form textarea{
    width: 100%;
    height: 90px;
    margin-top: 15px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #e2e2e2;
    resize: none;
    color: #999;
    font-size: 14px;
}
.contact_form .contact-sub{
    width: 120px;
    height: 33px;
    background: #3385c6;
    padding-top: 0;
    color: #fff;
    font-size: 14px;
    margin-top: 23px;
    cursor: pointer;
}
.map{
    float: right;
    width: 594px;
    height: 429px;
}
.map img{
    width: 594px;
    height: 429px;
}
/*=====honor=====*/
.honor_list{
    padding: 60px;
    box-sizing: border-box;
}
.honor_list li{
     width: 338px;
     height: 401px;
     float: left;
     margin-right: 30px;
     margin-bottom: 30px;
     box-shadow: 0 0 20px rgba(0, 0, 0, .1);
     position: relative;
}
.honor_list li img{
  width: 260px;
  height: 325px;
  transition: all 0.5s;
  display: block;
  margin: 35px auto;
}
.honor_list li:hover img{
    transform: translateY(-
        10px);
}
.nav2 {
  position: absolute;
  background: #fff;
  /*padding: 20px;*/
  min-width: inherit;
  z-index: 2;
  display: none;
  /*opacity: 0;
  filter: alpha(opacity=0);*/
  left: 50%;
  transform: translate(-50%, 0);
  width: 116px;
  top: 80px;
  -webkit-transition: all  .4s;
  -ms-transition: all  .4s;
  -moz-transition: all  .4s;
  -o-transition: all  .4s;
  transition: all 0.4s;
  border-top: solid 2px #0081d1;
}
.nav2 li {
  padding: 10px 20px;
  border-bottom: solid rgba(204, 204, 204, 0.3) 1px;
}
.nav2 li:hover a {
  color: #3385c6;
}
.nav > li:hover .nav2 {
    display: block;
/*  opacity: 1;
  filter: alpha(opacity=100);*/
  top: 56px;
}
.nav > li > a > span:after {
  position: absolute;
  color: #fff;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  content: attr(data-title);
  transform: translateY(100%);
  text-align: center;
}
.nav > li:hover > a > span,
.nav > .on > a > span {
  transform: translateY(-100%);
}
.nav > li > a > span {
  position: relative;
  transition: all ease 0.3s;
  /*padding: 0 14px;*/
  display: block;

}
@media all and (max-width:1200px){
    .inner{
        padding: 0 10px;
    }
    .foot_nav{
        padding-top: 60px;
    }
    .head_bot .nav>li>a{
        padding: 0 26px;
    }
    .foot_nav dl{
        margin-right: 120px;
    }
}
.index_tab .box{
    display: none;
    overflow: hidden;
    /*margin-top: 40px;*/
}
.index_tit h3{
    font-size: 26px;
    color: #333;
}
.index_tit{
    margin: 50px auto 20px;
}
.oranger a{
    width: 125px;
    height: 40px;
    background: transparent;
    color: #666;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.oranger .hover{
    background: #3e8ace;
    color: #fff;
}
.oranger{
    border-bottom: none!important;
    margin-bottom: 40px;
}
.tablea{
    padding: 0!important;
}
.inpro_lf{
    width: 596px;
    float: left;
    position: relative;
    overflow: hidden;
    height: 460px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
}
.inpro_lf img{
    width: 596px;
    height: 460px;
    transition: all 0.5s;
}
.inpro_rt{
    width: 596px;
    float: right;
    height: 460px;
}
.left{float: left;}
.right{float: right;}
.inpro_pic{width: 298px;height: 230px;overflow: hidden;border: 1px solid #d9d9d9;box-sizing: border-box;}
.inpro_pic img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.inpro_top{
    position: relative;
    overflow: hidden;
}
.inpro_bot{
    position: relative;
    overflow: hidden;
}
.inpro_bot img{
    transition: all 0.5s;
}
.inpro_lf p{
    height: 59px;
    line-height: 59px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 14px;
    background: rgba(0,0,0,0.5);
    padding: 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.inpro_desc{
    box-sizing: border-box;
    position: absolute;
    top: 0;
    width: 298px;
    height: 100%;
    background: #f3f3f3;
}
.inpro_top .inpro_desc{right: 0;}
.inpro_bot .inpro_desc{
    left: 0;
}
.inpro_desc h3{
    color: #333;
    font-size: 18px;
    margin-bottom:15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.inpro_desc p{
    color: #666;
    font-size: 14px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 56px;
}
.inpro_descIn{position: absolute;width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 30px;
    box-sizing: border-box;}
.inpro_lf:hover img{
    transform: scale(1.1);
}
.inpro_top:hover img{
    transform: scale(1.1);
}
.inpro_bot:hover img{
    transform: scale(1.1);
}
.index_more{
    float: right;
}
.index_more a{
    font-size: 14px;
    color: #666;
    background: url(../images/news_more.png)no-repeat right center;
}
.index_more a:hover{
    color: #3e8ace;
    background: url(../images/news_moreh.png)no-repeat right center;
}


.slider{width:100%;min-width:1200px;height:650px;position:relative;overflow:hidden;background:#fff;text-align:center;padding-bottom: 109px;}
.slider .bd{width:1200px;position:absolute;left:50%;margin-left:-600px}
.slider .bd li{width:1200px;overflow:hidden;position: relative;}
.slider .bd li img{display:block;width:1160px;height:650px;margin: 0 auto;}
.slider .tempWrap{overflow:visible !important}
/*.slider .tempWrap ul{margin-left:-1180px !important;}*/
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:65px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:13px;height:13px;border-radius:50%;line-height:99px;overflow:hidden;background:#dbdbdb;margin:0 7px;cursor:pointer;}
.slider .hd li.on{background:#3e8ace;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:650px;cursor:pointer;}
.slider .prev{left:-50%;margin-left:-620px;}
.slider .next{left:50%;margin-left:620px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:650px;background:#f6f7f8;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:335px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(images/slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(images/slider-arrow.png) 0 0 no-repeat;}
.slider .incase_a{
    width: 88px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.slider .incase_next{
    left: 0;
    background:#fff url(../images/right-arrow2.png)no-repeat right 35px center;
}
.slider .incase_prev{
    right: 0;
    background:#fff url(../images/right-arrow1.png)no-repeat left 35px center;
}
.pageState1{
    color: #666;
    font-size: 16px;
    line-height: 40px;
    padding-left: 18px;
}
.pageState2{
    text-align: left;
}
.img_desc{
    width: 326px;
    height: 349px;
    background: #3e8ace;
    position: absolute;
    left: 20px;
    top: 0;
    padding: 58px 26px;
    box-sizing: border-box;
    text-align: left;
}
.img_desc h3{
    color: #fff;
    font-size: 22px;
    margin-bottom: 50px;
    position: relative;
    margin-top: 130px;
}
.img_desc h3:after{
    content: '';
    width: 44px;
    height: 1px;
    background: rgba(255,255,255,0.3);
    position: absolute;
    bottom: -30px;
    left: 0;
}
.img_desc p{
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.img_desc span{
    display: inline-block;
    width: 161px;
    height: 43px;
    background: #fff;
    font-size: 13px;
    color: #3e8ace;
    line-height: 43px;
    padding-left: 40px;
    box-sizing: border-box;
    background: #fff url(../images/news_moreh.png)no-repeat right 35px center;
    margin-top: 30px;
}
.index_ser{
    margin-bottom: 60px;
}
.service{
    width: 1200px;
    height: 458px;
    margin: 0 auto;
    position: relative;
}
.ser_con{
    width: 679px;
    height: 240px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-41%);
    padding: 40px 50px;
    box-sizing: border-box;
}
.shadow{
    position: absolute;
    bottom: 14%;
    left: 0;

}
.ser_con p.ser_desc{
    color: #666;
    font-size: 14px;
    line-height: 28px;
}
.ser_con p.ser_tel{
    color: #000;
    font-size: 16px;
    margin:18px 0;
}
.ser_con p.ser_tel a{
    color: #3e8ace;
    font-size: 18px;
    font-weight: bold;
}
.ser_con .ser_btn{
    width: 161px;
    height: 43px;
    display: inline-block;
    background: #3e8ace;
    color: #fff;
    line-height: 43px;
    text-align: center;
}
.ser_con .logo2{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.index_info{
    margin-bottom: 60px; margin-top: 50px;
}
.index_info .info_lf{
    width: 33%;
    height: 424px;
    background: #f9f9f9;
    position: absolute;
    padding: 55px 60px;
    box-sizing: border-box;
    z-index: 8;
}
.index_info .info_rt{
    width: 65%;
    height: 424px;
    float: right;
    overflow: hidden;
}
.index_info .info_rt img{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.index_info .info_rt:hover img{
    transform: scale(1.1);
}
.index_info .info_lf h3{
    color: #333;
    font-size: 26px;
    margin-bottom: 50px;
    position: relative;
}
.index_info .info_lf h3:after{
    content:'';
    width: 34px;
    height: 1px;
    background: #b5b5b5;
    position: absolute;
    bottom: -27px;
    left: 0;
}
.index_info .info_lf p{
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.index_more1 a{
    width: 160px;
    height: 40px;
    background: #fff;
    color: #666;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    color: #666;
    background: #fff url(../images/news_more.png)no-repeat right 37px center;
    position: absolute;
    padding-left: 40px;
    box-sizing: border-box;
    right: 0;
    bottom: 0;
}
.index_more1 a:hover{
    color: #3e8ace;
    background:#fff url(../images/news_moreh.png)no-repeat right 37px center;
}
.nlist_items{
    width: 380px;
    height: 292px;
    float: left;
    position: relative;
    margin-right: 30px;
    overflow:hidden;
}
.nlist_items:nth-child(3n){
    margin-right: 0;
}
.n_back{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -380px;
    padding: 40px 30px;
    box-sizing: border-box;
    overflow: hidden;
}
.n_back span{
    color: rgba(255,255,255,0.7);
    font-size: 14px;
}
.n_back h3{
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin: 32px 0 18px;
}
.n_back p{
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.n_back a{
    display: inline-block;
    width: 122px;
    height: 36px;
    background: #fff;
    color: #3e8ace;
    font-size: 14px;
    margin-top: 32px;
    line-height: 36px;
    text-align: center;
}
.section .rsp {
    width: 380px;
    height: 292px;
    overflow: hidden;
    position: absolute;
    background: #000000b5;
    top: 0px;
    left: 0px;
}
.biankuang{
    width: 2px;
    height: 2px;
    position: absolute;
    z-index: 99;
    border-radius:10px;
    /*background: black;*/
}
.biankuang_1{
    height: 2px;
    top: 0px;
    left:0px;
    border-left: 2px solid #3e8ace;
}
.biankuang_2 {
    width: 0px;
    bottom:-2px;
    left: 0px;
    border-top: 2px solid #3e8ace;
}
.biankuang_3{
    height: 0px;
    bottom:0px;
    right:0px;
    border-right: 2px solid #3e8ace;
}
.biankuang_4{
    width:0px;
    top:-2px;
    right:0px;
    border-bottom: 2px solid #3e8ace;
}
.partner_a{
    width: 125px;
    height: 40px;
    color: #666;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    background:#fff url(../images/news_more.png)no-repeat right center;
    position: absolute;
    right: 0;
    top: 0;
}
.partner_a:hover{
    color: #3e8ace;
    background: url(../images/news_moreh.png)no-repeat right center;
}

.ind1_list{
    margin-top: 30px;
}

.ind1_list .con3 ul {
    position: relative;
    width: 100%;
    height: 392px;
    z-index: 7;
}

.ind1_list .con3 ul li {
    position: absolute;
    width: 188px;
    height: 188px;
    background: url("../images/ind1_15.png") no-repeat center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-size: 100% 100%;
}

.ind1_list .con3 ul li.li1 {
    left: 0;
    top: 103px;
}

.ind1_list .con3 ul li.li2 {
    left: 98px;
    top: 0;
}

.ind1_list .con3 ul li.li3 {
    left: 98px;
    bottom: 0;
}

.ind1_list .con3 ul li.li4 {
    left: 300px;
    top: 0;
}

.ind1_list .con3 ul li.li5 {
    top: 103px;
    left: 198px;
}
.ind1_list .con3 ul li.li6 {
    bottom: 0;
    left: 300px;
}
.ind1_list .con3 ul li.li7 {
    top: 103px;
    left: 404px;
}
.ind1_list .con3 ul li.li8 {
    top: 0;
    left: 505px;
}
.ind1_list .con3 ul li.li9 {
    bottom: 0;
    left: 505px;
}
.ind1_list .con3 ul li.li10 {
    top: 103px;
    left: 607px;
}
.ind1_list .con3 ul li.li11 {
    top: 0;
    left: 707px;
}
.ind1_list .con3 ul li.li12 {
    bottom: 0;
    left: 707px;
}
.ind1_list .con3 ul li.li13 {
    top: 103px;
    left: 815px;
}
.ind1_list .con3 ul li.li14 {
    top: 0;
    left: 915px;
}
.ind1_list .con3 ul li.li15 {
    top: 103px;
    right: 0;
}
.ind1_list .con3 ul li.li16 {
    bottom: 0;
    left: 915px;
}
.ind1_list .con3 ul li a {
    z-index: 15;
    display: block;
    position: relative;
    margin: 60px auto 0;
}

.ind1_list .con3 ul li a img {
    display: block;

    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.index_partner{
    margin-bottom: 60px;
}
.ind1_list .con3 ul li:hover img{
    transform: translateY(-10px);
}

/*=========kf==========*/
@font-face {
    font-family: 'itc_avant';
    src: url('../fonts/avantgardeitcbybt-book-webfont.eot');
    src: url('../fonts/avantgardeitcbybt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgardeitcbybt-book-webfont.woff2') format('woff2'),
         url('../fonts/avantgardeitcbybt-book-webfont.woff') format('woff'),
         url('../fonts/avantgardeitcbybt-book-webfont.ttf') format('truetype'),
         url('../fonts/avantgardeitcbybt-book-webfont.svg#itc_avant') format('svg');
    font-weight: normal;
    font-style: normal;

}
.qq-box {display:none;width: 70px;background-color: #fff;box-shadow: 0px 2px 10px rgba(0,0,0,0.1);position: fixed;right: 30px;bottom: 35%;padding-bottom: 10px;z-index: 1002;}

.qq-box-top { width: 70px; height: 58px; line-height: 58px; text-align: center; margin-bottom: 10px; background: #cc0904 url(../images/qq0_03.png) no-repeat center; cursor: pointer;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.qq-box-top:hover { background: #cc0904 url(../images/qq0_03.png) no-repeat center 20px; }

.qq-box-qq,.qq-box-msg,.qq-box-tel,.qq-box-weixin { width: 70px; padding-top: 16px; padding-bottom: 16px; position: relative;
 -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.qq-box-qq.active::before,.qq-box-msg.active::before,.qq-box-tel.active::before,.qq-box-weixin.active::before { content: ''; width: 0px; height: 0px; border: 8px solid transparent; border-left-color: #f2f2f2; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.qq-box-qq { height: 20px; background: url(../images/qq0_09.png) no-repeat center; }
.qq-box-qq.active { background: url(../images/qq0_09-h.png) no-repeat center; }
.qq-box-msg { height: 22px; background: url(../images/qq0_18.png) no-repeat center; }
.qq-box-msg.active { background: url(../images/qq0_18-h.png) no-repeat center; }
.qq-box-tel { height: 22px; background: url(../images/qq0_25.png) no-repeat center; }
.qq-box-tel.active { background: url(../images/qq0_25-h.png) no-repeat center; }
.qq-box-weixin { height: 22px; background: url(../images/qq0_33.png) no-repeat center; }
.qq-box-weixin.active { background: url(../images/qq0_33-h.png) no-repeat center; }

.qq-box-qq-c,.qq-box-msg-c,.qq-box-tel-c,.qq-box-weixin-c { position: absolute; right: 70px; width: 145px; background-color: #f2f2f2; }

.qq-box-qq-c { top: -10px; width: 105px; padding: 30px 20px; height: 174px; display: none; }
.qq-box-qq-c h3 { line-height: 24px; color: #bbbbbb; margin-bottom: 3px; }
.qq-box-qq-c h4 { background: url(../images/qq0_14.png) no-repeat left center; line-height: 21px; }
.qq-box-qq-c h4 a { padding-left: 20px; font-family: 'Arial'; color: #7D7D7D; }
.qq-box-qq-c h4 a:hover { color: #CC0904; }

.qq-box-msg-c { top: 0; height: 54px; line-height: 54px; text-align: center; display: none; }
.qq-box-msg-c a { display: block; width: 145px; height: 54px; color: #333; }
.qq-box-msg-c a:hover { color: #CC0904; }

.qq-box-tel-c { top: -116px; width: 145px; height: 234px; display: none; }
.qq-box-tel-t { width: 115px; padding: 20px 15px; background-color: #242424; }
.qq-box-tel-t h3 { line-height: 18px; color: #f4f4f4; }
.qq-box-tel-t h2 { line-height: 18px; color: #f4f4f4; font-size: 18px; font-family: 'itc_avant'; }
.qq-box-tel-c h4 { padding: 20px 15px; text-align: center; }
.qq-box-tel-c .tel-number { display: block; width: 110px; cursor: #666; padding-left: 3px; height: 26px; line-height: 26px; border: 1px solid #fff; background-color: #fff; margin: 0 auto 20px; }
.qq-box-tel-c .tel-btn { display: block; width: 103px; height: 30px; line-height: 30px; background-color: #cc0904; margin: 0 auto; border-radius: 25px; border: none; color: #fff; cursor: pointer; }
.qq-box-tel-c .tel-btn:hover { background-color: #B90803; }

.qq-box-weixin-c { bottom: -10px; width: 250px; padding: 15px; overflow: hidden; display: none; }
.qq-box-weixin-c .img { width: 117px; float: left; margin-left: 15px; }
.qq-box-weixin-c .img:first-child { margin-left: 0; }
.qq-box-weixin-c .img h3 { text-align: center; line-height: 30px; font-size: 13px; }
.honor_list li:nth-child(3n){
    margin-right: 0;
}

/*2020.4.8*/
.pro_toprt , .proms{display: none;}
.pro_top .on ,.onms {    display: block}








/* ================== index2020.5.19 ==================== */

/* 产品 */
.linpro-a{display: block;position: relative;height:100%;overflow: hidden;}
.inpro_li{width: 305px;height: 400px;float: left;margin-left: 20px;overflow: hidden;}
.inpro_li img{width: 100%;transition: ease .5s; height:100%;}
.inpro_li:hover img{transform: scale(1.1);}
.linpro-left{width: 550px;height: 400px;}
.linpro-left img{width: 100%;height: 100%;}
.linpro-right{width: 650px;height: 400px;}
.linpro-txt{position: absolute;bottom: 0;left: 0;padding: 5%;background-image: linear-gradient(transparent, #000);width: 90%;}
/* .linpro-left .linpro-txt{width: 550px;} */
.linpro-txt h3{font-size: 20px;line-height: 30px;color: #fff;margin-bottom: 10px;/* display: inline-block; */}
.linpro-txt p{font-size: 14px;line-height: 24px;color: rgba(255,255,255,.8);background: transparent;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;padding: 0;height: auto;position: static;width: auto;white-space: normal;}

/* 案例 */
.lincase-slide{position: relative;width: 1200px;margin: 0 auto;}

.lincase-slide .bd li{width: 1200px;margin: 0 auto;}
.lincase-slide .bd li img{width: 100%;}
.lincase-slide .bd a{display: block;position: relative;}
.lincase-slide .bd a::before{position: absolute;content: "";width: 100%;height: 100%;/* background: url(../images/lincase-ba.png)no-repeat center; */background-size: 100% 100%;left: 0;top: 0;/* background-color: red; */}
.lincase-slide .hd{padding-bottom: 10px;}
.lincase-slide .hd ul{position: relative; width: 1200px;margin: -70px auto 0; background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);padding: 30px 0;}
.lincase-slide .hd li{float: left;width: 20%;cursor: pointer;text-align: center;}
.lincase-slide .hd li p{font-size: 18px;line-height: 26px;color: #333;}
.lincase-slide .hd li.on p{color: #3e8ace;}

.lincase-icon{width: 52px;height: 52px;overflow: hidden;margin: 0 auto 15px;}
.lincase-icon img{width: 100%;transition: ease .5s;}
.lincase-slide .hd li.on .lincase-icon img{transform: translateY(-100%);}
.img_desc p{-webkit-line-clamp: 10;color: #fff;}
.img_desc h3:after{background-color: #fff;}
.img_desc span{margin-top: 44px;}
.img_desc{width: 500px;height: 680px;top: 49%;transform: translateY(-50%);/* margin-top: -35px; */left: 74px;padding: 34px 26px;background: none;background-color: rgba(62, 138, 205, 0.76);}
.lincase-slide .arrow{display: block;width: 1200px;margin: 0 auto;}
.lincase-slide .next,.lincase-slide .prev{display: block;position: absolute;top: 50%;margin-top: -63px; cursor: pointer; width: 20px;height: 36px;background: url(../images/lincase-righta.png)no-repeat center;background-size: 100% 100%;}
.lincase-slide .next:hover,.lincase-slide .prev:hover{background-image: url(../images/lincase-right.png);}
.lincase-slide .prev{transform: rotateY(180deg);left: 20px;}
.lincase-slide .next{right: 20px;}


/* 公司简介 */
.index_info .linfo-left{width: 482px;height: 425px;}
.index_info .linfo-right{width: 698px;height: 425px;}
.index_info .linfo-right img{width: 100%;height: auto;}

.linfo-right a{display: block;}
.linfo-ul{margin-top: 38px;}
.linfo-ul ul{}
.linfo-ul li{float: left;width: 33.33%;text-align: center;}
.index_info .linfo-ul li h3{font-size: 16px;color: #333;line-height: 30px;transition: ease .5s;margin-bottom: 0;}
.index_info .linfo-ul li h3:after{display: none;}
.linfo-ul li:hover h3{color: #3e8ace;}
.linfo-ul li h3 span{display: inline-block;font-size: 38px; font-family: 'DINMITTELSCHRIFTSTD';}
.index_info .linfo-ul li p{font-size: 16px;line-height: 28px;color: rgba(51,51,51,.8);}

@media (max-width: 1459px) {
	.lincase-slide,.lincase-slide .bd li{width: 1200px;}
	.lincase-slide .hd ul{width: 1000px;}
	.lincase-slide .next, .lincase-slide .prev{top: 50%;}
}
@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.15);
    }
		
}
.index_info .linfo-right img{animation: scle2 6s linear infinite;}
.case_tab .box_wrap:hover .case_slide a{
    display: block;
}

.ryzz-h {
    /* display: none; */
    position: absolute;
    bottom: 0;
    background-color: rgb(0 0 0 / 53%);
    height: 0;
    width: 100%;
    /* border-radius: 4px; */
    /* padding: 30px; */
    transition: ease .5s;
}

.honor_list li:hover .ryzz-h{/* display: block; */height: 55px;}
 .ryzz-h p {
    color: white;
    font-size: 18px;
    line-height: 18px;
    transform: translateY(100%);
    text-align: center;
}


/*20210324*/
.lxiala {
    margin-top: -5px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 1000;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
}

.container-middle {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin: 0 auto;
}

.lxiala1 .lxiala-con {
    background: #fff;
    padding: 40px 30px 25px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.lxiala-ul1 {
    margin: 0 -10px;
    font-size: 0;
    text-align: center;
}
.lxiala-ul1 li {
    display: inline-block;
    /* padding: 0 10px; */
    width: 18%;
    margin: 1%;
    height: 135px;
    overflow: hidden;
}

.lxiala-ul1 li:hover h5{
    color: #3385c5;
    border-bottom: 1px solid #3385c5;
}
.lxiala-ul1 li  img{
   width:100%
}
.lxiala-ul1 li h5 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    transition: ease .5s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.head_bot .nav>li:hover .lxiala1 {
    min-height: 340px;
    opacity: 1;
    border-bottom: 1px solid #9e9e9e73;
}

.banner-txt{
    max-width: 1180px;
    margin: auto;
}
.banner-txt h5{
    color: white;
    font-size: 60px!important;
    margin-bottom: 30px;
    /* font-weight: bold; */
}
.bth5 span{opacity: 0;letter-spacing: 5px;}
.banner-txt em{
    display: block;
    width: 100px;
    /* border: 1px solid red; */
    height: 2px;
    background-color: white;
    margin: 10px 0px;
    margin: auto;
}
.banner-txt p{
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
    width: 920px;
    margin: auto;
    margin-top: 20px;
    line-height: 36px;
    min-height: 72px;
    /* font-weight: bold; */
}

.values2 {
    display: none;
}
.values span {
    opacity: 0;
    /* margin: 0px 2px; */
    padding: 0px 2px;
}
.navs{position:relative;}
.navs:hover .dropDown{display:block;}
.dropDown{display:none;position:absolute;z-index:99;top: 94%;left:50%;/* margin-left:-60px; */width: 120%;padding: 0 5px;transform: translateX(-50%);padding: 0 10px;background: #fff;background:rgba(255,255,255,0.95);overflow:hidden;/* border-radius:5px; */box-shadow:0 2px 5px #ccc;padding: 10px 10px;}
.dropDown a{display:block;height: 40px;line-height: 40px;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;border-bottom: dashed 1px #e5e5e5;}
.dropDown a:hover{color:#fff;background: #3385c6;border-bottom: 1px solid #fff;}
@keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.6; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
.xiaoguo{-webkit-animation-name: fadeIn; /*动画名称*/
 -webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

.SonlineBox{ width:162px; font-size:12px;overflow:hidden; top:-50px; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:100%; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba; position:relative; z-index:1;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px;}
.SonlineBox .contentBox{ display:block; width:100%; height:auto; border:2px solid #0176ba; overflow:hidden; background:#fff; position:absolute; z-index:2; }
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px; z-index:2;background:url(../images/closeBtnImg.gif) no-repeat;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin:6px 0; position:relative;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:100%; margin:5px auto 5px auto; padding:0px 0;}
.SonlineBox .contentBox .listBox .QQList span{ display:block; width:47%; height:25px; overflow:hidden; text-align:right;float:left; line-height:26px; color:#444;}
.SonlineBox .contentBox .listBox .QQList div.ico{ width:52%; height:25px; overflow:hidden; float:left;}
.SonlineBox .contentBox .listBox .QQList div.ico a{}
.SonlineBox .contentBox .tels{ width:90%; margin:0 auto; border-top:1px dotted #ccc; height:auto; padding-bottom:10px; line-height:200%; text-align:center;}
.SonlineBox .contentBox .tels font{ display:block; line-height:35px; ; font-size:16px; color:#555;}
.SonlineBox .contentBox .tels span{ display:block; line-height:25px; font-family:"Palatino Linotype", "Book Antiqua"; font-size:20px; color:#555; font-weight:bold;}
#winpop {width:500px;height:0px;position:fixed;z-index:9999;right:0;bottom:0;border: 1px solid #ffffff;margin:0;padding:1px;overflow:hidden;display:none;background:#FFFFFF;}
#winpop .title {width:100%;height:20px;line-height:20px;background: #053153;font-weight:bold;text-align:center;font-size:12px;color: #fff;}
#winpop .con { width:100%; height:0px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center}
#silu { font-size:13px; color:#999999; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
.close { position:absolute; right:4px; top:-1px; color:#FFFFFF; cursor:pointer}

#thumbs{
	padding-top: 20px;
	}
	#thumbs a img {
	display: block;
    width: 122px;
    height: 92px;
	border: 5px solid #f8f8f8;
	margin: 0 auto;
}
#thumbs a:hover img {
    display: block;
    border: 5px solid #3385c6;
    width: 122px;
    height: 92px;
    border-radius: 10px;
}
#thumbs .btnPrev,#thumbs .btnNext{
    margin-top: 0px;
	top: 50%;
	transform: translateY(calc(50% - 30px));
}
#thumbs .swiper-slide{
	text-align:center;
}
.mySwiper {padding-top: 20px !important;}
#thumbs .swiper-slide-active img{display:block;border:5px solid #3385c6;width:122px;height:92px;border-radius: 10px;}
#thumbs .swiper-slide:hover a:before,#thumbs .swiper-slide-active a:before{
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #3385c6 transparent;
    border-width: 16px 15px;
	top: -23px;
    left: 50%;
    transform: translate(-50%,-28%);
}

.pro_advan2{}
.pro_advan2 img{
    /* display: block; */
    margin: auto;
    max-width: 100%;
}