﻿/* 字体 */
@font-face {
  font-family:"方正正纤黑简体";
  src:url(../fonts/方正正纤黑简体.TTF);
}



/*头部*/
.header{width:100%;height:80px;text-align: center;position: relative;}
.header .logo{position:absolute;left:0;height:36px;margin-left: 2.6%;margin-top:6px;}
.logo a,.logo img{/*height:100%;*/}
.header .nav_list{display: inline-block;margin-left:7%;}
.header .nav_list li{float:left;line-height:80px;padding:0 22px;transition: background .3s;}
.header .nav_list li a{font-size: 14px;color:#666;display: block;width:100%;height:100%;}
.header .nav_list li.active,.header .nav_list li:hover{background:#003796;}
.header .nav_list li.active a,.header .nav_list li:hover a{color:#fff;}
.header .head_other{position:absolute;right:0;}
.head_other .search_btn{float:left;position: relative;}
.head_other .search_btn i{
    display: block;width:70px;height:80px;border-left:1px solid #eee;border-right:1px solid #eee;
    background: url('../images/search.png') no-repeat center;cursor: pointer;
}
.search_btn .search_div{
    position: absolute;z-index: 2;top:100%;right:0;padding-top:4px;
    transition: transform .3s;transform: rotateX(90deg);
}
.search_btn:hover .search_div{transform: rotateX(0deg);}
.search_btn .search_div input{
    width:220px;line-height:34px;padding-left: 10px;border-radius:4px;
}
.head_other .other_lang{float:left;width:70px;}
.head_other .other_lang a{display: block;width:100%;line-height: 80px;color:#003796;font-size: 14px;}
.nav_btn{display: none;}
.close_div{display: none;}
/*banner*/
.banner{width:100%;}
.banner .banner_list li{height:520px;}
.banner .banner_list li a{display: block;width:100%;height:100%;}
.banner .bx-wrapper .bx-controls-auto,.banner .bx-wrapper .bx-pager{bottom:20px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#e9edf2;}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active,.banner .bx-wrapper .bx-pager.bx-default-pager a:focus,.banner .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #eb1f25;}
/*共用*/
.ind_title{text-align: center;padding-top:50px;margin-bottom: 42px;}
.ind_title .ind_TCN{font-size: 26px;color:#333;}
.ind_title .ind_TEN{line-height:40px;font-size: 13px;color:#c2c2c2;}
.ind_title .ind_TIcon span{display: inline-block;width:9px;height:9px;margin: 0 10px;background:#507fd3;}
.ind_title .ind_TIcon:before,.ind_title .ind_TIcon:after{
    content: "";display: inline-block;width:230px;height:1px;background: #ececec;margin-bottom:4px;
}
.ToMore{
    display: block;width: 140px;height:40px;box-sizing: border-box;
    border: 1px solid #ededed;background:#fafafa;text-align: center;line-height: 40px;
    font-size: 14px;color:#d7d6d6;margin:40px auto 0;
}
.ToMore:hover{
    border: 1px solid #163e85;background:#163e85;color:#fff;
}
.ToMore2{
    display: block;width: 90px;height:32px;
    background:#003796;text-align: center;line-height: 32px;
    font-size: 13px;color:#fff;margin-top:35px;
}
/*产品中心*/
.pro_show{width:100%;padding-bottom:52px;background:#f8f8f8;}
.pro_show .ind_title{margin-bottom: 32px;}
.pro_list .pro_one{display: block;width:360px;float:left;}
.pro_list .pro_one:hover{box-shadow: 0 0 20px #ddd;}
.pro_one .pro_img{width:100%;overflow: hidden;position: relative;}
.pro_one .pro_img img{width:100%;transition: all .6s;}
.pro_one:hover .pro_img img{transform: scale(1.1);}
.pro_img .pro_adv{
    position: absolute;width:62%;height:40px;background: #163e85;font-size: 16px;
    line-height: 40px;text-align: center;color:#fafafa;bottom:0;left:19%;
    transition:transform .4s;transform:rotateX(90deg);transform-origin:bottom;
}
.pro_one:hover .pro_img .pro_adv{transform:rotateX(0deg);}
.pro_one .pro_txt{padding:0 20px 38px;background: #fff;}
.pro_txt .pro_T{font-size: 16px;color:#333;line-height: 78px;text-align: center;}
.pro_txt .pro_TT{
    font-size: 13px;color:#aaa;line-height: 24px;height:48px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.pro_show .bx-wrapper{background: transparent;margin-top: 32px;}
.pro_show .bx-viewport{padding:20px;margin-left: -20px;}
/*关于我们*/
.abt_us{width:100%;position: relative;padding-bottom:180px;}
.abt_us .abt_div{
    width:100%;background: #fff;padding-bottom:40px;
    box-sizing: border-box;position: relative;z-index: 1;
}
.abt_div .abt_txt{width:56.6%;float:left;margin-left: 3.3%;}
.abt_txt .abt_T{font-size: 18px;color:#062b6f;line-height: 40px;margin-bottom: 10px;}
.abt_txt .abt_TT{font-size: 13px;color:#666;line-height: 30px;}
.abt_div .abt_img{width:33.3%;float:right;margin-right: 3.3%;overflow: hidden;}
.abt_div .abt_img img{width:100%;transition: all .4s;}
.abt_div .abt_img:hover img{transform: scale(1.1);}
.abt_us .abt_other{
    width:100%;height:260px;text-align:center;position: absolute;bottom:0;left:0;right:0;
    background: url("../images/abt_other_bg.jpg") no-repeat center;
}
.abt_other .abtO_div{margin: auto;width:800px;}
.abtO_div .abtO_one{width:200px;float:left;height:180px;padding-top:80px;color:#fff;font-family: "方正正纤黑简体";}
.abtO_one .abtO_num{font-size: 36px;margin-top: 57px;}
.abtO_one .abtO_name{font-size: 14px;}
/*案例展示*/
.case_show{width:100%;padding-bottom:52px;background:#f8f8f8;}
.case_show .case_box{position: relative;}
.case_box .case_one{width:100%;box-sizing: border-box;padding-left: 140px;position: relative;z-index: 5;}
.case_one .case_img{width:510px; height:370px;overflow: hidden;transition: all .4s;}
.case_one .case_img img{width:100%; height:100%;transition: all .3s;}
.case_one .case_img:hover img{transform: scale(1.1);}
.case_one .case_txt{
    padding:38px;background: #fff;width:600px; height:300px;opacity:1;transition: opacity .4s;
    position: absolute;right:0;top:33px;box-sizing: border-box;
}
.case_txt .case_T{font-size: 18px;color:#333;margin-bottom: 26px;}
.case_txt .case_TT{font-size: 13px;color:#999;line-height: 28px;}
.case_show .case_controls{position: absolute;left:104px;top:180px;z-index: 10;}
.case_controls .prev_case{width:36px;height:36px;float:left;background:#003796 url("../images/to_left.png") no-repeat center;}
.case_controls .next_case{width:36px;height:36px;float:left;background:#003796 url("../images/to_right.png") no-repeat center;}
.case_controls .prev_case:hover,.case_controls .next_case:hover{background-color: #002f81;}
.case_box .case_one[data-eq="2"]{position: absolute;top:0;z-index: 4;}
.case_box .case_one[data-eq="3"]{position: absolute;top:0;z-index: 3;}
.case_box .case_one[data-eq="4"]{position: absolute;top:0;z-index: 2;}
.case_one:not([data-eq="1"]) .case_txt{opacity: 0;}
.case_one[data-eq="2"] .case_img{transform:scale(0.3) translateX(-900px) translateY(-84px);}
.case_one[data-eq="3"] .case_img{transform:scale(0.3) translateX(-930px) translateY(-54px);}
.case_one[data-eq="4"] .case_img{transform:scale(0.3) translateX(-960px) translateY(-24px);}
/*新闻中心*/
.news_show{width:100%;padding-bottom: 52px;}
.news_box{width:100%;margin-top:95px;}
.news_box .news_one{display:block;width:26.7%;margin:0 1.6%;padding:1.65%;float:left;}
.news_box .news_one:hover{transform: translateY(-30px);box-shadow: 0 0 20px #ddd;}
.news_one .news_T{font-size: 16px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_one:hover .news_T{color:#003796;text-decoration: underline;}
.news_one .news_time{color:#bbb;font-size: 14px;line-height: 40px;margin-bottom: 15px;}
.news_one .news_TT{
    font-size: 12px;color:#999;line-height: 22px;height:66px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp:3;-webkit-box-orient: vertical;
}
.news_one .news_img{width:100%;overflow: hidden;margin-top: 48px;}
.news_one .news_img img{width:100%;transition: all .3s;}
.news_one:hover .news_img img{transform: scale(1.1);}
/*底部*/
.footer{width:100%;height:156px;background:#172447;color:#e0e7fa;}
.footer .foot_left,.footer .foot_right{position: relative;top:50%;transform: translateY(-50%);}
.foot_left .foot_nav{font-size: 14px;margin-left: -10px;line-height: 40px;}
.foot_left .foot_nav a{padding: 0 10px;color:#e0e7fa;font-size: 14px;}
.foot_left .con_way{font-size: 14px;line-height: 52px;}
.con_way .ConWay_one{float:left;margin-right: 30px;line-height: 32px;}
.foot_left .hot_line{font-size: 14px;}
.hot_line .red_font{color:#eb1f25;font-size: 16px;}
.shareBox .bdshare-button-style0-16 a{float:right;
    padding-left: 28px;height: 28px;
    background-image: url("../images/share_icon.png");
    background-repeat: no-repeat;
    margin: 0 7px 20px 0;}
.shareBox .bdshare-button-style0-16 .bds_fbook{background-position:0 0;  }
.shareBox .bdshare-button-style0-16 .bds_twi{background-position:-35px 0;  }
.shareBox .bdshare-button-style0-16 .bds_linkedin{background-position:-70px 0;  }
.foot_right .copyright{font-size: 12px;text-align: right;line-height: 20px;}