html,body{
    font-family: "Roboto-Regular";
    background: #fff;
}
/*html{
	scroll-behavior:smooth;
}*/
body{

}
select,input,textarea,button{
    font-family: "Roboto-Regular";
}
.wrapper{
    overflow: hidden;
}
*{
    -webkit-tap-highlight-color: transparent;
}
.bgf7{
    background: #f7f7f7;
}
.header_box .wrapper{
    width: 100%;
    padding: 0 3.2%;
    overflow: visible;
}
.header_box{
    background: #fff;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
}
.head_t{
    height: 40px;
    line-height: 40px;
    background: #163984;
    color: #fff;
    font-size: 16px;
    font-family: "Roboto-Light";
}
.h_t_l_item{
    margin-right: 30px;
}
.head_t a{
    color: #163984;
}
.head_t a i{
    color: #fff;
    font-size: 18px;
    float: left;
    margin-right: 8px;
}
.head_t a i.icon-huaban{
    font-size: 20px;
    margin-right: 5px;
}
.head_t a:hover{
    color: #DD1F2B;

}
.head_t a span{
    float: left;
    color: #FFF;
}
.prisna-wp-translate-seo li a{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}
.prisna-wp-translate-seo li a img{
    width: 30px;
    margin-right: 10px;
}
.h_search,.h_language {
    position: relative;

}
.h_search .h_serch_icon{
    width: 60px;
    text-align: center;
    line-height: 39px;
    border-left: 1px solid #5397dd;
    border-right: 1px solid #5397dd;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.h_search .h_serch_icon i{
    font-size: 20px;
}
.search_box{
    opacity: 0;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 40px;
    background: #5397dd;
    width: 300px;
    padding: 5px 10px;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.search_box.show{
    opacity: 1;
    z-index: 3;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
.search_box form{
    float: left;
    width: calc(100% - 30px);
}
.search_box .serch_close{
    float: left;
    width: 30px;
    text-align: right;
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
}
.search_box_wrap{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 0px;
}
.search_inp{
    float: left;
    width: calc(100% - 30px);
    height: 30px;
    color: #444;
    font-size: 16px;
    border: none;
    background: #fff;
    padding-left: 10px;
}

.search_btn_box{
    position: relative;
    width: 30px;
    height: 30px;
    float: right;
    background: #163984;
}
.search_btn{
    position: absolute;
    left: 0;
    top:0;
    z-index: 2;
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    cursor: pointer;
}
.search_icon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.h_language{
    position: relative;
    z-index: 4;
    background: #163984;
}
.h_language .lan_t{
    padding: 0 15px;
    border-right: 1px solid #5397dd;
    overflow: hidden;
    cursor: pointer;
}
.lan_t span{
    color: #cce5ff;
    margin: 0 5px;
}
.lan_b{
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    border-top: 1px solid #5397dd;
    background: #163984;
    z-index: 99999999;
    box-shadow: 0 5px 5px rgba(155,155,155,.5);
}
.lan_b a{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    display: block;
    text-align: center;
}
.lan_b a:hover{
    background: #5397dd;
}
.head_b{
    background: #fff;
    height: 140px;
    position: relative;
    border-bottom: 1px solid #eee;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;

}

.head_b .wrapper{

}
.get_q{
    display: block;
    float: right;
    width: 164px;
    height: 42px;
    border-radius: 4px;
    background: #DD1F2B;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    margin-top: 49px;
}
.get_q:hover{
    background: #163984;
}
.logo{
    width: 301px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.logo .table{
    height: 140px;
}
.logo a{
    width: 100%;
}
.logo a img{
    display: block;
    height: auto;
    float: left;
}

.menu{
    width: calc(100% - 465px);
    float: left;
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    padding-right:100px;
    position: relative;
}
.head_video{
    position: absolute;
    right: 15px;
    top:0;
    width: 145px;
    height: 60px;
    margin-top: 40px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.head_video a{
    width: 100%;
    height: 100%;
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    padding: 0 10px;
    /*border-left: 1px solid #e4e4e4;*/
    border-right: 1px solid #e4e4e4;
}
.head_video a .pic{
    width: 58px;
}
.head_video a .pic img{
    display: block;
}
.head_video a .tt{
    width: calc(100% - 58px);
    font-size:16px;
    color: #222;
    padding-left: 10px;
}



.menu_dl dd{
    float: left;
    height: 140px;
    line-height: 140px;
    padding: 0px 32px;
    position: relative;
    /*transition: all 0.5s;
    -webkit-transition: all 0.5s;*/
}
.menu_dl dd:nth-child(3) .menu_tt a:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    background: url(../images/icon_arrow.png)no-repeat center center;
    background-size: cover;
    top: 66px;
    right: -20px;
}

.menu_tt a{
    display: block;
    width: 100%;
    color: #444;
    font-size: 18px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu_tt a:after{
    content: "";
    display: block;
    height: 2px;
    width: 0;
    position: relative;
    bottom: 50px;
    z-index: 0;
    margin: 0 auto;
    background: #DD1F2B;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu_dl dd:last-child:after{
    display: none;
}

.menu_tt_ico{
    float: right;
    display: none;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-top: 4px;
}

.menu_dl dd.hover .menu_tt a:after{
    width: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.menu_second_box {
    clear: both;
    display: none;
    position: absolute;
    left: 32px;
    top: 140px;
    z-index: 99;
    width: 300px;
    background: #fff;
    box-shadow: 0px 5px 10px rgba(155, 155, 155, .5);
    border: 1px solid #f5f5f5;
    border-top: none;
    padding: 20px 0px;
}

.menu_two {
    line-height: 20px;
    clear: both;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    /*border-bottom: 1px solid #ddd;*/
}

.menu_tt i {
    float: right;
    display: none;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    line-height: 45px;
    margin-right: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.menu_tt i.trans {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.menu_two_tt {
    display: block;
    width: 100%;
    color: #444;
    font-size: 16px;
    padding: 0 20px;
}

.menu_second_box .menu_two:last-child {
    border-color: transparent;
}

.menu_two_tt .text {
    float: left;
    width: 100%;
    padding: 10px;
}

.menu_two_tt i {
    /*font-size: 10px;*/
}

.menu_two.hover .menu_two_tt a {
    background: #163984;
    color: #fff;
}
.header_box .menu_dl dd:nth-child(2){
    position: static;
}
.header_box .menu_dl dd:nth-child(2) .menu_second_box {
    width: 100%;
    left: 0;
    padding: 30px 0;
}
.header_box .menu_dl dd:nth-child(2) .menu_two{
    width: 20%;
    padding: 0 5px;
    float: left;
    clear: none;
}
.header_box .menu_dl dd:nth-child(2) .menu_two_tt{
    padding: 0;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
}
.header_box .menu_dl dd:nth-child(2) .menu_two_tt .text{
    padding: 10px 0;
}
.header_box .menu_dl dd:nth-child(2) .menu_two_text a{
    display: block;
    font-size: 16px;
    line-height: 30px;
}
.header_box .menu_dl dd:nth-child(2) .menu_two.hover .menu_two_tt a,.header_box .menu_dl dd:nth-child(2) .menu_two_text a:hover{
    color: #163984;
    background: transparent;
}
.head_b.fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 999999999999;
    box-shadow: 0 5px 5px rgba(155,155,155,.2);
}
.head_b.fixed .logo .table{
    height: 110px;
}
.head_b.fixed .menu_dl dd{
    height: 110px;
    line-height: 110px;
}
.head_b.fixed .menu_tt a:after{
    bottom: 35px;
}
.head_b.fixed .menu_dl dd:nth-child(2) .menu_tt a:before, .head_b.fixed .menu_dl dd:nth-child(3) .menu_tt a:before{
    top: 52px;
}
.head_b.fixed .get_q{
    margin-top: 35px;
}
.head_b.fixed .menu_second_box{
    top: 110px;
}
.head_b.fixed .head_video{
    margin-top:25px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.mobile_head{
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
    background: #fff;
}
.mobile_head .logo{
    width: 200px;
}
.menu_btn{
    float: right;
    padding: 9px 13px;
    cursor: pointer;
    margin-top: 20px;
}
.menu_btn span{
    display: block;
    height: 4px;
    width: 34px;
    background: #163984;
    border-radius: 4px;
    margin: 0 0 7px 0;
}
.mobile_head .h_search .h_serch_icon{
    border: none;
    margin-top: 22px;
}
.mobile_head .h_search .h_serch_icon i{
    font-size: 30px;
    color: #163984;
}
.mobile_head .h_language{
    background: transparent;
}
.mobile_head  .h_language .lan_t{
    margin-top: 26px;
    border: none;
}
.mobile_head  .h_language .lan_t i{
    color: #163984;
    font-size: 30px;
}
.mobile_head .head_b .wrapper {
    position: relative;
    overflow: visible;
}

.mobile_head .search_box {
    display: none;
    height: 70px;
    opacity: 1;
    position: fixed;
    width: 100%;
    top: 90px;
    left: 0;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0s;
    -webkit-transition: all 0s;
    z-index: 9999999;
}
.mobile_head .search_box form{
    width: 100%;
}
.mobile_head .search_box_wrap {
    padding: 5px 0;
}
.mobile_head .search_inp {
    height: 50px;
}
.mobile_head .search_btn_box,.mobile_head .search_btn,.mobile_head .search_icon{
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.mobile_head  .search_icon{
    font-size: 24px;
}
.mobile_head  .menu_dl dd:nth-child(2):after, .mobile_head  .menu_dl dd:nth-child(3):after{
    display: none;
}
.mobile_head .lan_b{
    width: 100px;
    top: 60px;
    left: 50%;
    margin-left: -50px;
}
.mobile_head .menu {
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 10px;
    margin: 0;
    background: #fff;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    overflow-y: auto;
    transition: all 0s;
    -webkit-transition: all 0s;
}

.mobile_head .menu_dl dd {
    width: 100%;
    color: #fff;
    height: auto;
    position: static;
    padding: 0px 0px;
}

.mobile_head .menu_dl dd {
    border-bottom: 1px solid #eee;
}

.mobile_head .menu_dl dd:last-child {
    border: none;
}

.mobile_head .menu_dl dd:first-child .menu_tt {
    border: none;
}

.mobile_head .menu_tt {
    border-top: none;
    /*border-bottom: 1px solid #eee;*/
}

.mobile_head .menu_tt:before {
    display: none;
}

.mobile_head .menu_tt i {
    display: block;
    float: right;
    color: #666;
    margin-top: 0px;
    font-size: 20px;
    cursor: pointer;
}

.mobile_head .menu_two {
    width: 50%;
}

.mobile_head .menu_tt a {
    float: left;
    height: 45px;
    line-height: 45px;
    width: 80%;
    padding: 0;
    color: #333;
}

.mobile_head .menu_second_box {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    border: none;
}

.mobile_head .head_search {
    width: 33px;
    height: 33px;
    line-height: 33px;
    position: absolute;
    right: 140px;
    margin: 0;
    top: 82px;
    background: none;
}

.mobile_head .head_search i {
    font-size: 30px;
    color: #2465C1;
}
/*
 * banner
 */
.banner_box{
    clear: both;
    position: relative;
    z-index: 10;
}
.banners .owl-controls{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.banner_box .owl-theme .owl-dots .owl-dot span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: rgba(44,116,190,.5);
    margin: 0 7px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.banner_box .owl-theme .owl-dots .owl-dot span:before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 1px solid rgba(44,116,190,1);
    top: -4px;
    left: -4px;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.banner_box .owl-theme .owl-dots .owl-dot.active span,.banner_box .owl-theme .owl-dots .owl-dot:hover span{
    background: rgba(44,116,190,1);
}
.banner_box .owl-theme .owl-dots .owl-dot.active span:before,
.banner_box .owl-theme .owl-dots .owl-dot:hover span:before{
    opacity: 1;
}



/*
	more_btn
*/
.more_btn1{
    display: block;
    width: 185px;
    height: 43px;
    color: #fff;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    background: #222;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    font-family: "Montserrat-Medium";
}
.more_btn1 i,.more_btn2 i{
    font-size: 12px;
}
.more_btn1:hover{
    background: #E1192B;
}
.more_btn2{
    display: block;
    width: 178px;
    height: 45px;
    color: #242424;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    border-left: 5px solid #0a5512;
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;

}
.more_btn2:hover,.ind_box4.index .ind_r .item:hover .more_btn2{
    background: #77a720;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/**page**/
.page{
    padding: 20px 0;
    text-align: right;
}
.page a{
    display: inline-block;
    padding: 0 14px;
    height: 35px;
    line-height: 35px;
    margin: 2px 3px;
    font-size: 14px;
    color:#163984;
    border: 1px solid #163984;
}
.page a:hover ,.page a.hover{
    background: #163984;
    color: #fff;
}
.page a i{
    font-size: 12px;
}
/***footer***/
.footer{
    background: #072f4f;
    position: relative;
    z-index: 10;
}
.footer_t .wrapper{
    overflow: hidden;
    padding: 70px 85px;
    position: relative;
}
.footer_t .item{
    float: left;

}
.footer_t .item:nth-child(1){
    width: 110px;
    margin-right: 160px;
}
.footer_t .item:nth-child(2){
    width: 220px;
    margin-right: 120px;
}
.footer_t .item:nth-child(3){
    width: 260px;
}
.footer_t .item:nth-child(4){
    width: 200px;
    float: right;
}
.foot_title{
    font-size: 18px;
    color: #fff;
}
.foot_title i{
    display: none;
}
.footer_t .item .line{
    width: 80px;
    height: 1px;
    background: #7cd1e9;
    margin: 15px 0 18px;
}
.footer_t .foot_wrap{
    font-family: "Roboto-Light";
}
.footer_t .foot_wrap a{
    display: block;
    color: #8cadc7;
    font-size: 16px;
    line-height: 28px;
}
.footer_t .item:nth-child(3) .foot_wrap{
    padding-top: 10px;
}
.footer_t .item:nth-child(3) li{
    margin-bottom: 20px;
}
.footer_t .item:nth-child(3) li:last-child{
    margin-bottom: 0;
}
.footer_t .item:nth-child(3) .foot_wrap i{
    float: left;
    font-size: 30px;
    color: #fff;
    display: block;
    width: 40px;
    text-align: center;
}
.footer_t .item:nth-child(3) i.icon-bangdingyouxiang{
    font-size: 34px;
}
.footer_t .item:nth-child(3) .li_tt{
    float: left;
    width: calc(100% - 40px);
    padding-left: 10px;
    font-size: 16px;
    color: #8cadc7;

}
.footer_t .item:nth-child(3) .li_tt .tt{
    margin-bottom: 5px;
}
.footer_t .item:nth-child(3)  a{
    font-size: 18px;
}
.footer_t .item:nth-child(4)  a{
    display: block;
    margin-bottom: 8px;
}
.footer_t .item:nth-child(4)  a:hover{
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.footer_t .foot_wrap a:hover{
    color: #fff;
}
.footer_b{
    background: #0e3e64;
    color: #ffffff;
    font-size: 16px;
    font-family: "Roboto-Light";
}
.footer_b .wrapper{
    padding: 18px 0;

}
.footer_b_text{
    float: left;

}
.footer_b_r a{
    color: #fff;
    display: inline-block;
}
.footer_b_r label{
    display: inline-block;
    margin: 0 10px;
    color: #fff;
}
.footer_b_r a:hover{
    text-decoration: underline;
    transform: translateY(-3px);
}

/*
 * ind_box1
 */
.title {
    margin-bottom: 45px;
}
.title .tt{
    font-size: 48px;
    color: #444;
    margin-bottom: 10px;
    font-family: "Roboto-Bold";
}
.title .text{
    font-size: 18px;
    color: #444444;
    font-family: "Roboto-Light";
}
.ind_box1.index{
    padding: 60px 0;
}
.ind_box1.index .title .tt{
    margin-bottom: 5px;
}
.ind_box1.index .title .text{
    font-size: 24px;
}
.ind_box1.index dd{
    float: left;
    width: calc((100% - 30px) / 4);
    margin: 0 10px 10px 0;
    position: relative;
}
.ind_box1.index dd:nth-child(4n){
    margin-right: 0;
}
/*.ind_box1.index dd:nth-child(4),.ind_box1.index dd:nth-child(5){*/
/*	width: calc((100% - 10px) / 2);*/
/*}*/
/*.ind_box1.index dd:nth-child(5){*/
/*	margin-right: 0;*/
/*}*/
.ind_box1.index dd a{
    display: block;
    position: relative;
}
.ind_box1.index dd a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box1.index dd .con{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 45px 100px 0 55px;
}
.ind_box1.index dd .con .tt{
    font-size: 24px;
    margin-bottom: 12px;
}
.ind_box1.index dd .con .text{
    font-size: 14px;
    color: #d3d5db;
    line-height: 20px;
    height: 40px;
    font-family: "Roboto-Light";
}
/*.ind_box1.index dd:nth-child(4) .con,.ind_box1.index dd:nth-child(5) .con{*/
/*	width: 300px;*/
/*	left: auto;*/
/*	right: 0;*/
/*	height: 100%;*/
/*	padding: 0 40px 50px;*/
/*	display: flex;*/
/*    display: -ms-flexbox;*/
/*    display: -webkit-flex;*/
/*    justify-content: center;*/
/*    -ms-justify-content: center;*/
/*    -webkit-justify-content: center;*/
/*    flex-direction: column;*/
/*    -ms-flex-direction: column;*/
/*    -webkit-flex-direction: column;*/
/*}*/
.ind_box1.index dd:hover a:before{
    opacity: 0;
}
.ind_box2.index .ind_t{
    background: #d9e0e8;
    padding: 30px 0 20px;
    font-size: 24px;
}
.ind_box2.index .ind_t .wrapper{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.ind_box2.index .ind_t .pic{
    width: 354px;
}
.ind_box2.index .ind_t .pic img{
    max-width: 100%;
}
.ind_box2.index .ind_t a{
    display: block;
    width: 165px;
    height: 42px;
    background: #f59000;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    margin-top: 75px;
}
.ind_box2.index .ind_t a:hover{
    background: #f6a531;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}
.ind_box2.index .ind_t .con{
    width: calc(100% - 520px);
    padding: 0 80px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}
.ind_box2.index .ind_t .tt{
    font-family: "Roboto-Bold";
    padding-right: 120px;
}
.ind_box2.index .ind_t .text{
    font-size: 18px;
    font-family: "Roboto-Light";
    line-height: 30px;
}
.ind_box2.index .ind_b{
    background: url(../images/ind_img7.jpg)no-repeat center center;
    background-size: cover;
    padding: 60px 0;
}
.ind_box2.index .ind_b .title .tt,.ind_box2.index .ind_b .title .text{
    color: #fff;
}
#prod{
    position: relative;
    /*padding: 0 50px;*/
}
.ind_box2.index .ind_b .item{

}
.ind_box2.index .ind_b .item .pic{
    overflow: hidden;
}
.ind_box2.index .ind_b .item .tt{
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 5px;
    font-size: 18px;
    background: #e8e8e8;
}
.ind_box2.index .ind_b .item:hover .tt{
    background: #0094e9;
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box2.index .btn{
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 28px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box2.index .next_btn{
    left: auto;
    right: 0;
}
.ind_box2.index .prev_btn{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.ind_box2.index .btn:hover{
    background: #fff;
    color: #163984;
}
.ind_box3.index{
    padding: 60px 0 0;
}
.ind_box3.index .list{
    background: #e9eef4;
}
.ind_box3.index .list:nth-child(2){
    background: #dce3eb;
}
.ind_box3.index .list .wrapper{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.ind_box3.index .list:nth-child(2) .wrapper{
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.ind_box3.index .pic{
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}
.ind_box3.index .pic a{
    display: block;
}
.ind_box3.index .pic .icon{
    position: absolute;
    left: 0;
    top: 0;
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;

    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    background: url(../images/video_icon2.png) no-repeat center center;
}
.ind_box3.index .pic img{
    width: 100%;
}
.ind_box3.index .con{
    width: 50%;
    float: left;
}
.ind_box3.index .con a{
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    padding: 0 10%;
    text-decoration: none;
}
.ind_box3.index .con .tt{
    font-size: 30px;
    margin-bottom: 25px;
    color: #3d3d3d;
}
.ind_box3.index .con .text{
    font-size: 18px;
    color: #666666;
    line-height: 28px;
    font-family: "Roboto-Light";
    padding-right: 90px;
    margin-bottom: 40px;
}
.more{
    width: 200px;
    height: 55px;
    border-radius: 4px;
    background: #163984;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: "Roboto-Light";
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.more:hover{
    transform: translateX(5px);
}
.ind_box3.index .pic:hover img{
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}
.ind_box4.index {
    padding: 60px 0;
}
.ind_box4.index .title{
    margin-bottom: 60px;
}
.ind_box4.index .title .text{
    padding: 0 140px;
}
.ind_box4.index dl{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
}
.ind_box4.index dd{
    /*float: left;*/
    width: 25%;
    /*padding: 0 45px;*/
    text-align: center;
}
.ind_box4.index .clearfix:after{
    content: none;
}
.ind_box4.index dd .icon{
    display: inline-block;
    width: 155px;
    height: 155px;
    line-height: 155px;
    border-radius: 100%;
    border: 1px solid #163984;
    color: #163984;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box4.index dd .icon i{
    font-size: 76px;
}
.ind_box4.index dd:nth-child(3) .icon i{
    font-size: 66px;
}
.ind_box4.index dd .tt{
    font-size: 24px;
    margin: 15px 0;
    font-weight: bold;
}
.ind_box4.index dd .text{
    font-size: 16px;
    line-height: 26px;
    font-family: "Roboto-Light";
}
.ind_box4.index dd .icon:hover{
    background: #163984;
    color: #fff;
}
.ind_box5{
    /*background: url(../images/ind_img14.jpg)no-repeat center center;*/
    /*background-size: cover;*/
    /*padding: 80px 0 100px;*/
    padding: 5% 0;
    background: url(../images/ind_about_bg.jpg) no-repeat center center / cover;
}
.ind_box5.index .title .tt,.ind_box5.index .title .text{
    color: #fff;
}
.ind_box5.index .title .text{
    font-size: 24px;
}
.ind_box5.index .btn_box a{
    display: block;
    width: 230px;
    height: 52px;
    border: 1px solid #9fceff;
    background: #2f8beb;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    margin: 0 25px;
    float: left;
    border-radius: 4px;
}
.ind_box5.index .btn_box_wrap{
    display: inline-block;
}
.ind_box5.index .btn_box a:hover{
    border-color: #2f8beb;
}
.ind_box6.index{
    padding: 50px 0;
}
/*
	2019-08-20 lzf add
 */
.ind_case_box1 .case_wrap{
    padding-right: 0;
}
.ind_case_box1 .case_wrap .item{
    width: calc((100% - 90px) / 3);
    margin-right: 30px;
}
.ind_case_box1 .case_wrap .item:nth-child(2n){
    margin-right: 30px;
}
.ind_case_box1 .case_wrap .item:nth-child(3){
    clear: none;
    margin-right: 0;
}




/* .ind_box6.index .ind_wrap{
	padding: 0 50px;
}
.ind_box6.index .list{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.ind_box6.index .item{
	width: calc((100% - 60px) / 3);
	float: left;
	margin-right: 30px;
	position: relative;
}
.ind_box6.index .item:nth-child(3n){
	margin-right: 0;
}

.ind_box6.index .item .pic{
	overflow: hidden;
	position: relative;
}
.ind_box6.index .item .pic:before{
	content: "";
	width: 103px;
	height: 103px;
	border-radius: 100%;
	background: rgba(44,116,190,.9);
	position: absolute;
	top: -35px;
	right: -35px;
	z-index: 1;
}
.ind_box6.index .item .date{
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	color: #fff;
	width: 62px;
	text-align: center;
	font-size: 18px;
	font-family: "Roboto-Light";
	padding-top: 8px;
}
.ind_box6.index .item .date span{
	display: block;
}
.ind_box6.index .item .tt{
	font-size: 18px;
	margin: 20px 0 0;
	height: 22px;
}
.ind_box6.index .item .text{
	font-size: 16px;
	color: #888;
	line-height: 28px;
	height: 84px;
	margin: 20px 0 25px;
	font-family: "Roboto-Light";
}
.ind_box6.index .item .read_more{
	font-size: 18px;
	color: #163984;
}
.ind_box6.index .item .pic:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
}
.ind_box6.index .item .read_more:hover{
	text-decoration: underline;
} */
.ind_box7.index{
    background: #e9eef4;
    padding: 60px 0;
}
.ind_box7.index .wrapper{
    padding: 0 30px;
}
.ind_box7.index .title{
    margin-bottom: 20px;
}
.ind_box7.index .title .tt{
    color: #444;
    font-size: 50px;
    /*line-height: 65px;*/
    font-family: "Roboto-Regular";
}
.ind_box7.index .title .tt .imp{
    font-family: "Roboto-Bold";
}
.ind_box7.index .ind_l{
    width: 470px;
    float: left;
}
.ind_box7.index .ind_l .con{
    font-family: "Roboto-Light";
    font-size: 20px;
    color: #666;
    padding-right: 10px;
    line-height: 28px;
}
.ind_box7.index .ind_r{
    width: calc(100% - 470px);
    float: left;
    padding: 0 20px 0 70px;
}
.inpuiry{
    background: #f4f4f4;
    border-top: 10px solid #163984;
    padding: 30px 40px;
}
.inpuiry .faq_tt{
    font-size: 24px;
    color: #444;
    margin-bottom: 5px;
    font-weight: bold;


}
.inpuiry .faq_text{
    font-family: "Roboto-Light";
    font-size: 16px;
    line-height: 28px;
    color: #444;
    margin-bottom: 30px;
}
.inpuiry .faq_list{
    padding-right: 40px;
}
.inpuiry .faq_list dd{
    width: 100%;
    margin-bottom: 15px;
}
.inpuiry .faq_list dd .tt{
    width: 120px;
    font-size: 16px;
    font-family: "Roboto-Light";
    color: #444;
    float: left;
    margin-right: 0;
}
.inpuiry .faq_list dd .faq_inp,.inpuiry .faq_area{
    width: calc(100% - 140px);
    float: left;
    margin-left: 20px;
    border-color: #163984;
    -webkit-appearance: none;
    user-select: text;
    -webkit-user-select: text;
}
.inpuiry .faq_list dd .faq_inp::-webkit-input-placeholder,
.inpuiry .faq_list dd .faq_area::-webkit-input-placeholder{
    color: #b9b9b9;
}
.inpuiry .faq_btn{
    width: calc(100% - 180px);
    margin-left: 140px;
}
.ind_box1.contact {
    padding: 50px 0;
}

.ind_box1.contact .about_title .tt{
    font-family: "Roboto-Regular";
    font-size: 36px;
    font-weight: bold;
}
.ind_box1.contact .inpuiry{
    float: left;
    width: calc(100% - 370px);
    margin-right: 70px;
}
.contact_r{
    width: 300px;
    float: right;
}
.contact_r dd{
    padding: 30px 5px;
    border-top: 1px solid #dcdcdc;
}
.contact_r dd:last-child{
    border-bottom: 1px solid #dcdcdc;
}
.contact_r dd .iconfont{
    width: 55px;
    float: left;
    font-size: 48px;
    color: #163984;
    text-align: center;
}
.contact_r dd .icon-dianhua{
    font-size: 45px;
}
.contact_r dd .icon-shouji1,.contact_r dd .icon-whatsapp{
    font-size: 55px;
}
.contact_r dd .con{
    float: left;
    width: calc(100% - 55px);
    padding-left: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #444;
}
.contact_r dd .con .tt{
    font-family: "Roboto-Light";
    margin-bottom: 5px;
}
.contact_r dd .con .text a{
    color: #444;
    display: block;
}
.contact_r dd .con .text a:hover{
    color: #163984;
    transform: translateX(3px);
}
.ind_box1.contact .map{
    margin-top: 40px;
    border: 5px solid #dcdcdc;
}
.ind_box1.contact .map img{
    max-width: 100%;
    display: block;
}
.faq_list dd {
    height: auto;
    margin-bottom: 7px;
    float: left;
    width: calc((100% - 10px) / 3);
    margin-right: 5px;
}
.faq_list dd:nth-child(3){
    margin-right: 0;
}
.faq_list dd:last-child {
    width: 100%;
    margin-right: 0;
}
.faq_list dd .tt{
    float: left;
    font-size: 14px;
    width: 80px;
    text-align: right;
    padding-top: 10px;
    margin-right: 10px;
}
.faq_list dd .tt .red {
    color: #f00;
    font-size: 18px;
    margin-right: 4px;
}
.faq_list dd .tt span{
    float: right;
}

.faq_inp,
.faq_area {
    float: left;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #444;
    outline: none;
    /*border: 1px solid #e6e6e6;*/
    border: none;
    border-radius: 2px;
    resize: none;
    padding-left: 13px;
    background: #fff;
}

.faq_inp::-webkit-input-placeholder,
.faq_area::-webkit-input-placeholder {
    color: #444444;
    font-size: 16px;
    font-family: "Roboto-Light";
}

/*.faq_inp:focus,*/
/*.faq_area:focus {*/
/*	border-color: #163984;*/
/*}*/

.doub .faq_inp {
    margin-bottom: 25px;
}

.faq_area {
    height: 125px;
    /*padding-top: 15px;*/
}
.faq_area::-webkit-input-placeholder{
    padding-top: 0;
    line-height: 20px;
}

.faq_btn {
    border: none;
    outline: none;
    color: #fff;
    width: 100%;
    font-size: 16px;
    height: 42px;
    background: #DD1F2B;
    margin-top: 10px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


/*
 *sub_banner
 */
.sub_banner{
    height: 313px;
    background-size: cover!important;
    position: relative;
}
.sub_banner .tt{
    min-width: 554px;
    height: 112px;
    line-height: 112px;
    background: url(../images/icon6.png)no-repeat center center;
    background-size: cover;
    font-size: 48px;
    color: #fff;
    padding: 0 30px;
    position: absolute;
    top: 50%;
    margin-top: -56px;
    right: 0;
}
/*
 * location
 */
.location_wrap{
    background: #e5e5e5;
}
.location{
    height: 45px;
    line-height: 45px;

}
.location_tips{
    font-size: 18px;
    color: #444;
}
.location_l{
    font-size: 14px;
    color: #444;
    font-family: "Roboto-Light";
}
.location_l .text a{
    color: #444;
    font-size: 14px;
    margin: 0 3px;

}
.location_l .text a:hover{
    color: #163984;
}
.ind_box1.about{
    padding: 50px 0 0;
    font-family: "Roboto-Light";
    font-size: 16px;
    /*line-height: 28px;*/
}
.ind_box1.about .ind_t{
    padding: 0 105px;
}
.about_title .tt{
    font-size: 36px;
    color: #175fa8;
    font-family: "Roboto-Bold";
    margin-bottom: 35px;
}
.about_title .tip{
    font-size: 24px;
    margin-bottom: 10px;
}
.ind_box1.about .ind_t .about_title .text{
    padding: 0;
}
.ind_box1.about .ind_t .con{
    margin: 70px 0;
}
.ind_box1.about .ind_t dl{
    padding: 0 20px;
}
.ind_box1.about .ind_t dd{
    float: left;
    margin-right: 120px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.ind_box1.about .ind_t dd:nth-child(3n){
    margin-right: 0;
}
.ind_box1.about .ind_t dd .icon{
    width: 122px;
    height: 122px;
    border: 2px dashed #707070;
    border-radius: 100%;
    text-align: center;
    line-height: 118px;
    color: #f59000;
    float: left;
}
.ind_box1.about .ind_t dd .icon i{
    font-size: 64px;
}
.ind_box1.about .ind_t dd:nth-child(1) .icon i{
    font-size: 70px;
}
.ind_box1.about .ind_t dd .dd_con{
    float: left;
    width: calc(100% - 122px);
    padding-left: 25px;
    text-align: left;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    font-family: "Roboto-Regular";
    font-size: 18px;
}
.ind_box1.about .ind_t dd .dd_con .dd_tt{
    font-size: 36px;
    margin-bottom: 5px;
}
.ind_box1.about .ind_t dd .dd_con .dd_text{
    padding-left: 5px;
}
.ind_box1.about .ind_m{
    margin: 60px 0 90px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 0 20px;
}
.ind_box1.about .ind_m .pic{
    width: 750px;
    float: left;
    position: relative;
    overflow: hidden;
}
.ind_box1.about .ind_m .pic .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/video_icon2.png) no-repeat center center;
}
.ind_box1.about .ind_m .pic img{
    display: block;
    max-width: 100%;
}
.ind_box1.about .ind_m .con{
    width: calc(100% - 750px);
    float: left;
}
.ind_box1.about .ind_m .con_wrap{
    width: calc(100% + 70px);
    float: right;
    background: #dce3eb;
    padding: 80px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.ind_box1.about .ind_b{
    padding: 0 20px;
}
.ind_box1.about .ind_b_t{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 25px;
}
.ind_box1.about .ind_b .con{
    width: 50%;
    float: left;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    padding: 0 80px;
}
.ind_box1.about .ind_b .pic{
    width: 50%;
    float: left;
}
.ind_box1.about .ind_b .pic a{
    display: block;
    position: relative;
}
.ind_box1.about .ind_b .pic .icon{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/video_icon2.png) no-repeat center center;
}




.ind_box1.about .ind_b .pic img{
    display: block;
    max-width: 100%;
}
.ind_box1.about .about_scroll_wrap{
    position: relative;
}
.ind_box1.about .about_scroll_wrap .btn{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: rgba(44,116,190,.78);
    text-align: center;
    line-height: 35px;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: -20px;
    z-index: 20;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box1.about .about_scroll_wrap .next_btn{
    left: auto;
    right: -20px;
}
.ind_box1.about .about_scroll_wrap .btn i{
    font-size: 20px;
}
.ind_box1.about .about_scroll_wrap .prev_btn{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.ind_box1.about .about_scroll_wrap .btn:hover{
    background: rgba(44,116,190,1);
}
.ind_box2.about{
    padding: 50px 0 90px;
}
.ind_box2.about .con{
    width: 85%;
    margin: auto;
    background: #e9eef4;
    font-size: 18px;
    color: #444;
    font-size: 18px;
    padding: 50px 120px 80px;
    text-align: center;
    line-height: 28px;
}
.ind_box2.about .con a{
    color: #163984;
}
.ind_box2.about .con a:first-child{
    border-bottom: 1px solid #163984;
}
.ind_box2.about .contact_btn{
    display: block;
    width: 228px;
    height: 56px;
    background: #175fa8;
    text-align: center;
    line-height: 56px;
    color: #fff;
    font-size: 24px;
    border-radius: 8px;
    margin: -28px auto 0;
}
.ind_box2.about .contact_btn:hover{
    background: #367fc9;
}
.about_tab_box .item{
    float: left;
    width: 33.33%;

    overflow: hidden;
}
.about_tab_box .item a{
    display: block;
    position: relative;
}
.about_tab_box .item a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.3);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.about_tab_box .item .tt{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100px;
    line-height: 100px;
    background: rgba(44,116,190,.5);
    z-index: 2;
    color: #fff;
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    font-size: 24px;
}
.about_tab_box .item .tt .iconfont{
    font-size: 30px;
    margin-left: 20px;
}
.about_tab_box .item a:hover:before{
    opacity: 0;
}
.main_wrap{
    padding: 40px 0;
}
.main_left{
    width: 290px;
    float: left;
}

.left_tt{
    background: #163984;
    line-height: 48px;
    padding-left: 20px;
    font-size: 18px;
    color: #fff;
}
.main_left .left_con{
    border: 1px solid #d2d2d2;
    padding: 15px 5px;
}
.main_left .left_t li{
    border-top: 1px solid #d5d5d5;
    padding: 12px;
}
.main_left .left_t li .tt{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    font-family: "Roboto-Bold";
}
.main_left .left_t li .tt i{
    float: left;
    color: #163984;
    font-size: 16px;
}
.main_left .left_t li .tt a{
    float: left;
    width: calc(100% - 16px);
    padding-left: 5px;
}
.main_left .left_t li .text a {
    display: block;
    font-size: 16px;
    line-height: 26px;
    padding: 0 15px;
    margin-bottom: 5px;
    font-family: "Roboto-Light";
}
.main_left .left_t li .text a:hover,.main_left .left_t li .text a.hover{
    color: #163984;
    font-weight: bold;
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
}
.main_left .left_b{
    margin-top: 23px;
    height: 367px;
    background: url(../images/case_img2.jpg)no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 35px 0;
}
.main_left .left_b .tt{
    font-size: 24px;
    font-family: "Roboto-Bold";
}
.main_left .left_b .text{
    font-family: "Roboto-Light";
    font-size: 16px;
    padding:12px 0 20px;
    line-height: 26px;
}
.main_left .left_b a{
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    width: 80%;
    margin: auto;
    background: #2f8beb;
    color: #FFFFFF;
    height: 53px;
    line-height: 53px;
    border: 1px solid #9fceff;
    font-size: 18px;
    border-radius: 4px;
}
.main_left .left_b a i{
    font-size: 22px;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.main_left .left_b a:hover{
    border-color: #2f8beb;
}
.main_right{
    width: calc(100% - 290px);
    float: left;
    padding-left: 75px;
}
.main_right.product{
    width: 100%;
    padding-left: 0;
}
.product_left{
    width: calc(100% - 370px);

}
.product_list{
    width: 350px;
    margin-left: 20px;
    /*border: 1px solid #999999;*/
    padding: 15px 0;
    margin-top: 110px;
    /*background-color: #f5f7fa;*/
    /*box-shadow: 0 1px 3px 0 #bfcfe3;*/
}
.product_details{
    display: flex;
    align-items: flex-start;
}
.case_list_box{
    padding-bottom: 20px;
}
.case_list_tit{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background-color: #F0F3FA;
    padding: 5px 0;
    width: 90%;
    margin: 0 auto 20px;
}
.case_list_tit img{
    margin-right: 10px;
}
.c_box{
    display: block;
    width: 90%;
    margin: 0 auto 15px;
    font-size: 14px;
    text-align: center;
}
.c_box img{
    width: 100%;
}
.c_box div{
    margin-top: 10px;
}
.case_wrap {
    padding-right: 20px;
}
.case_wrap .item{
    float: left;
    width: calc((100% - 20px)/2);
    margin: 0 20px 45px 0;
}
.case_wrap .item:nth-child(2n){
    margin-right: 0;
}
.case_wrap .item:nth-child(2n+1){
    clear: both;
}
.case_wrap .item .pic{
    overflow: hidden;
}
.case_wrap .item .con{
    font-size: 16px;
    color: #666;
    line-height: 28px;
    font-family: "Roboto-Light";
}
.case_wrap .item .con .tt{
    font-family: "Roboto-Regular";
    font-size: 18px;
    color: #444;
    margin: 20px 0 10px;
    height: 28px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_wrap .item .con .text{
    height: 56px;
    margin-bottom: 20px;
}
.view_more{
    display: block;
    width: 150px;
    height: 33px;
    text-align: center;
    line-height: 31px;
    border: 1px solid #163984;
    font-size: 16px;
    color: #163984;
    font-family: "Roboto-Light";
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.case_wrap .item:hover .tt{
    color: #163984;
}
.view_more:hover,.case_wrap .item:hover .view_more{
    background: #163984;
    color: #fff;
}
.case_det_wrap{
    padding-left: 15px;
}
.det_title .tt{
    font-size: 36px;
    color: #444;
    margin-top: 5px;
}
.det_title .tips{
    font-size: 16px;
    color: #444;
    font-family: "Roboto-Light";
    padding: 20px 0 20px;

}
.det_title .tips .date{
    margin: 0 45px;
}
.det_title .tips .share .imgs{
    margin-left: 10px;
}
.det_title .tips .tags{
    margin-left: 30px;
}
.det_content{
    padding: 30px 10px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.det_content .text{
    font-family: "Roboto-Light";
    color: #444444;
    font-size: 16px;
    line-height: 30px;
}
.det_content .imgs{
    margin: 30px 0;
}
.det_content .imgs img{
    max-width: 100%;
    height: auto!important;
    width: auto!important;
}
.det_article{
    padding: 20px 30px;
    font-size: 16px;
}
.article_clm{
    margin-bottom: 10px;
}
.article_clm .tt{
    width: 155px;
    float: left;
    color: #163984;
}
.article_clm .text{
    width: 100%;
    float: left;
    /*padding-left: 10px;*/
}
.article_clm .text a:hover{
    color: #163984;
    text-decoration: underline;
}
.news_left .left_t .left_con{
    border: none;
    padding: 0;
}
.news_left  .left_t dd{
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb;
}
.news_left  .left_t dd a{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.news_left  .left_t .pic{
    width: 160px;
    float: left;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}
.news_left  .left_t .con{
    width: calc(100% - 160px);
    float: left;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    font-size: 16px;
    padding-left: 10px;
    font-family: "Roboto-Light";
}
.news_left  .left_t dd a:hover{
    color: #163984;
}
.news_left  .left_t dd a:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}
.news_wrap .item{
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}
.news_wrap .item:first-child{
    padding-top: 5px;
}
.news_wrap .item .pic{
    float: left;
    width: 300px;
    overflow: hidden;
}
.news_wrap .item .con{
    float: left;
    width: calc(100% - 300px);
    padding-left: 48px;
}
.news_wrap .item .tt{
    font-size: 18px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.news_wrap .item .date{
    font-size: 14px;
    color: #163984;
    font-family: "Roboto-Light";
    font-style: italic;
    margin: 8px 0;
}
.news_wrap .item .text{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    font-family: "Roboto-Light";
    margin-bottom: 20px;
}
.news_wrap .item .read_more{
    font-size: 16px;
    color: #163984;
}
.news_wrap .item:hover .pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.news_wrap .item:hover .tt{
    color: #163984;
    text-decoration: underline;
}
.ind_box1.faq{
    padding: 60px 0 0;
}
.ind_box1.faq .about_title{
    margin-bottom: 60px;
}
.ind_box1.faq .con{
    width: 85%;
    margin: auto;
    border: 1px solid #bfbfbf;
}
.ind_box1.faq .con dd{
    border-bottom: 1px solid #bfbfbf;
    padding: 30px 20px;
}
.ind_box1.faq .con dd:last-child{
    border: none;
}
.ind_box1.faq dd .iconfont{
    color: #f59000;
    float: left;
    font-size: 26px;
}
.ind_box1.faq dd .dd_con{
    float: left;
    width: calc(100% - 26px);
    padding-left: 20px;
}
.ind_box1.faq dd .dd_tt{
    font-size: 20px;
    margin-bottom: 5px;
}
.ind_box1.faq dd .dd_text{
    font-size: 18px;
    color: #666;
    line-height: 28px;
    font-family: "Roboto-Light";
}
.ind_box1.honor{
    padding: 65px 0 0;
}
.about_title .text{
    font-size: 16px;
    font-family: "Roboto-Light";
    line-height: 28px;
}
.ind_box1.honor .wrapper{
    padding: 0 90px;
}
.ind_box1.honor .about_title .tt{
    margin-bottom: 20px;
}
.ind_box1.honor .con {
    padding: 50px 0px 0;
}
.ind_box1.honor dd{
    float: left;
    width: calc((100% - 165px) / 4);
    margin: 0 55px 40px 0;
    padding: 11px;
    border: 10px solid #e5e5e5;
    position: relative;
    overflow: hidden;
}
.ind_box1.honor dd:nth-child(4n){
    margin-right: 0;
}
.ind_box1.honor dd:nth-child(4n+1){
    clear: both;
}
.ind_box1.honor dd .dia{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(44,116,190,.78);
    text-align: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    color: #fff;
    font-size: 18px;
    padding: 0 40px;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box1.honor dd .dia .iconfont{
    font-size: 50px;
    margin-bottom: 40px;
}
.ind_box1.honor dd:hover .dia{
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.ind_box1.service{
    padding: 65px 0 40px;
    font-size: 16px;
    font-family: "Roboto-Light";
    line-height: 28px;
}
.ind_box1.service .about_title .tt{
    margin-bottom: 20px;
    line-height: 40px;
}
.ind_box1.service .ind_wrap{
    padding: 70px 20px 0;
}
.ind_box1.service .ind_m{
    float: left;
    width: 449px;
}
.ind_box1.service .ind_m img{
    max-width: 100%;
}
.ind_box1.service .ind_l,.ind_box1.service .ind_r{
    float: left;
    width: calc((100% - 449px) / 2);
}
.ind_box1.service .ind_l{
    padding-right: 10px;
}
.ind_box1.service .ind_r{
    padding-left: 10px;
}
.ind_box1.service .item{
    margin-bottom: 45px;
    text-align: right;
}
.ind_box1.service .icon{
    width: 70px;
    height: 70px;
    background: url(../images/icon8.png)no-repeat center center;
    background-size: cover;
    float: left;
}
.ind_box1.service .item:nth-child(2) .icon{
    background-image: url(../images/icon10.png);
}
.ind_box1.service .item .con{
    float: left;
    width: calc(100% - 70px);
    padding-right: 25px;

}
.ind_box1.service .item .tt{
    font-size: 18px;
    font-family: "Roboto-Regular";
    margin-bottom: 5px;
    font-weight: bold;
}
.ind_box1.service .ind_r .item .con{
    padding: 0 0 0 25px;
    text-align: left;
}
.ind_box1.service .ind_r .icon{
    background-image: url(../images/icon9.png);
}
.ind_box1.service .ind_r .item:nth-child(2) .icon{
    background-image: url(../images/icon11.png);
}
.ind_box2.service{
    padding: 20px 0 90px;
}
.ind_box2.service .wrapper{
    padding: 0 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.ind_box2.service .pic{
    float: left;
    width: 722px;
}
.ind_box2.service .pic img{
    max-width: 100%;
}
.ind_box2.service .con{
    width: calc(100% - 722px);
    float: left;
    padding: 0 50px 0 120px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}
.pro_list_wrap{
    border-bottom: 1px solid #dcdcdc;
}
.pro_list_wrap li{
    float: left;
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0;
}
.pro_list_wrap li:nth-child(3n){
    margin-right: 0;
}
.pro_list_wrap li:nth-child(3n+1){
    clear: both;
}
.pro_list_wrap li .pic{
    border: 1px solid #dcdcdc;
    text-align: center;
    overflow: hidden;
}
.pro_list_wrap li .con{
    padding: 25px 15px;
}
.pro_list_wrap li .con .tt{
    font-size: 18px;
    color: #444;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.pro_list_wrap li .con .text{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 15px;
    font-family: "Roboto-Light";
}
.pro_list_wrap li .con .btns a{
    width: 50%;
    float: left;
    height: 35px;
    line-height: 33px;
    text-align: center;
    font-family: "Roboto-Light";
    font-size: 16px;
    color: #163984;
    border: 1px solid #163984;
    display: block;
    background: #fff;
}
.pro_list_wrap li .con .btns a:nth-child(2){
    margin-left: -1px;
}
.pro_list_wrap li .pic:hover img{
    transform: scale(1.1);
}
.pro_list_wrap li .con .tt:hover a{
    color: #163984;
}
.pro_list_wrap li .con .btns a:hover{
    background: #163984;
    color: #fff;
}
.big_pic_show {
    width: 550px;
    height: 100%;
    z-index: 1;
}
.bigpic {
    width: 550px;
    height:414px;
    margin-bottom: 7px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.bigpic a {
    display: block;
}
div.zoomDiv {
    z-index: 999;
    position: absolute;
    border: solid 1px #ddd;
    width: 450px !important;
    height:414px !important;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
}
div.zoomMask {
    position: absolute;
    width: 88px !important;
    height: 88px !important;
    background: rgba(255,255,255,.9);
    cursor:move;
    z-index: 99;
}
.bigimg{
    width:800px;
    height: auto;
}
.moveBox{
    width:550px;
    height:80px;
    margin:0 auto;
    position:relative;
    overflow: hidden;
}

.move_content{
    clear:both;
    width:550px;
    height:80px;
    overflow:hidden;
    position:relative;
    float:left;
    display:inline;
}
.rexiaoPic {
    overflow:hidden;
    width:550px;
    height:80px;
}
.sell_order {
    width:9999px;
    position:absolute
}
.rexiaoPic li{
    width:105px;
    height:80px;
    float:left;
    display:block;
    margin:0 6px 0 0;
    background:#fff;
    color:#fff;
    overflow:hidden;
    cursor:pointer;
    border: 1px solid #dcdcdc;
    position: relative;
}
.rexiaoPic li:after{
    /*content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 105px;
    height: 80px;
    background: rgba(4,83,113,.5);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;*/
}
.rexiaoPic li.hover{
    border-color: #163984;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.rexiaoPic li img{
    width:105px;
    height:80px;
}
/*^^^^datu end^^^^*/

.pro_det_wap_scroll{
    display: none!important;
    width: 300px;
    margin: auto;
    max-width: 100%;

}
.pro_det_wap_scroll.owl-theme .owl-dots .owl-dot.active span, .pro_det_wap_scroll.owl-theme .owl-dots .owl-dot:hover span{
    background: #163984;
}

.pro_det_wap_scroll .owl-wrapper-outer{
    border: 1px solid #dcdcdc;
}
.p_det_inf{
    width: calc(100% - 550px);
    padding: 5px 0px 0 60px;
}
.p_det_inf_tt .tt{
    font-size: 30px;
    margin-bottom: 15px;
}
.p_det_inf_tt .text{
    font-size: 16px;
    line-height: 30px;
    font-family: "Roboto-Light";
    height: 90px;
}
.p_det_inf_tt .line{
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    margin: 60px 0 30px;
}
.p_det_inf_text .tips{
    font-size: 14px;
    color: #444;
    line-height: 28px;
}
.p_det_inf_text .tips:first-child{
    color: #163984;
    font-size: 16px;
}
.p_det_inf_text .tips:first-child a{
    color: #163984;
    border-bottom: 1px solid #163984;
}
.p_det_inf_text li label{
    font-family: "Lato-Bold";
}
.p_det_btns {
    margin-top: 30px;
}
.p_det_btns a{
    width: calc(100% - 60px);
    height: 58px;
    line-height: 58px;
    font-size: 18px;

    color: #fff;
    background: #163984;
    display:flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -ms-align-items: center;
    -webkit-align-items: center;
}

.p_det_btns a i{
    float: left;
    margin-right: 15px;
    font-size: 27px;
}
.p_det_btns a:nth-child(2) i{
    font-size: 24px;

}
.p_det_btns a span{
    float: left;
}
.p_det_share {
    margin-top:30px;
}
.p_det_share .text{
    float: left;
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}
.pro_det_b{
    margin-top: 40px;
}
.pro_det_box{
    height: 48px;
}
.pro_det_box a{
    width: 20%;
    float: left;
    height: 48px;
    background: #4c4c4c;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto-Light";
    border-right: 1px solid #666;
}

.pro_det_box_wrap.fixed{
    position: fixed;
    top: 110px;
    z-index: 999999;
    width: 1200px;
}
.pro_det_box a.active{
    background: #163984;
}
.pro_det_content{
    padding: 55px 5px 0px;
    color: #444;
    font-size: 16px;
}
.pro_det_content .tt{
    position: relative;
    font-size: 24px;
    margin-bottom: 10px;
    /*font-family: "Roboto-Regular";*/
}
/*.pro_det_content .tt:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 2px;*/
/*    left: -35px;*/
/*    width: 26px;*/
/*    height: 26px;*/
/*    background: url(../images/icon7.png)no-repeat center center;*/
/*    background-size: cover;*/
/*}*/
.pro_det_content{
    /*font-family: "Roboto-Light";*/
    line-height: 30px;
}
.pro_det_content .imgs{
    margin-bottom: 40px;
}
.pro_det_content .imgs img{
    max-width: 100%;
    width: auto!important;
    height: auto!important;
}
.pro_des{
    margin-bottom: 40px;
    /*padding-left: 35px;*/
}
.pro_des.advantage{
    padding: 40px 0;
    background-color: #163984;
}
.pro_des .title{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
}
/*.pro_des:last-child{*/
/*    margin-bottom: 0;*/
/*}*/
.pro_table {
    overflow: auto;
    padding-top: 20px;
}
.pro_table table {
    width: 100%!important;
    border: none!important;
}
.pro_table table tr td {
    color: #666;
    font-size: 14px;
    padding: 5px 12px;
    border: 1px solid #cad1d8;
    text-align: center;
    min-width: 100px;
    background: #fff;
    font-family: "Roboto-Regular";
}
.pro_table table tr:first-child td{
    background: #dce3eb;
    padding: 10px 12px;
}
.table_tips{
    font-size: 14px;
    margin-top: 20px;
    font-family: "Roboto-Regular";
}
.rela_pro{
    margin-top: 50px;
}
.rela_tt{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 30px;
}
.rela_pro .pro_list_wrap{
    border: none;
}






.ind_box1.case_cover{
    padding: 20px 0 60px;
}
.ind_box1.case_cover .ind_wrap{
    position: relative;
}
.ind_box1.case_cover .item{
    position: relative;
    overflow: hidden;
}
.ind_box1.case_cover .item .tt{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -48px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 0 10px;
    background: rgba(231,121,24,.7);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box1.case_cover .item:hover .tt{
    bottom: 0;
}
.ind_box1.case_cover .wrapper{
    overflow: inherit;
}
.ind_box1.case_cover .ind_wrap .btn{
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #163984;
    top: 50%;
    margin-top: -20px;
    z-index: 20;
    cursor: pointer;
}
.ind_box1.case_cover .ind_wrap .btn i{
    font-size: 20px;
    display: inline-block;
}
.ind_box1.case_cover .ind_wrap .prev_btn i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.ind_box1.case_cover .ind_wrap .prev_btn{
    left: -20px;
}
.ind_box1.case_cover .ind_wrap .next_btn{
    right: -20px;
}














/* 鎵嬫満绔簳閮ㄥ鑸寜閽� */
.pub_foot_Mobile_nav {
    display: none;
    height: 60px;
}

.pub_foot_Mobile_nav_01 {
    height: 60px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    z-index: 20;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #444444;
}

.pub_foot_Mobile_nav_01 .item {
    width: calc(100% / 5);
    height: 100%;
    background: #333333;
}

.pub_foot_Mobile_nav_01 .item a {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.pub_foot_Mobile_nav_01 .item a .icon {
    text-align: center;
}

.pub_foot_Mobile_nav_01 .item a .icon img {
    height: 20px;
}

.pub_foot_Mobile_nav_01 .item a span {
    display: block;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 6px;
}
.title1 {
    display: block;
    margin-bottom: 4%;
}
.title1 .tt {
    font-size: 48px;
    line-height: 1;
    color: #FFF;
    /*font-family: "opensans-bold";*/
    margin-bottom: 10px;
}
.title1 .text {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    max-width: 460px;
    margin: 0 auto;
}
.ind_box3 .title1 .line{
    width: 74px;
    height: 4px;
    background: #FFF;
    margin: 22px auto;
}
#prod ul li{
    width: 30%;
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-top: 34px;
}
.prod {
    border: 1px solid #ccc;
    /*padding-bottom: 10px;*/
}
.prod a {
    text-decoration: none;
    color: #4c4c4c;
}
#prod ul li img {
    width: 100%;
    height: 334px;
}
.prodp1 {
    height: 64px;
    font-size: 18px;
    text-align: center;
    padding-top: 15px;
}
.prodp2 {
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
}
.ind_box3_con {
    display: flex;
    /*display: -ms-flexbox;*/
    display: -webkit-flex;
    /*justify-content: center;*/
    /*-ms-justify-content: center;*/
    -webkit-justify-content: center;
    /*align-items: center;*/
    /*-ms-align-items: center;*/
    -webkit-align-items: center;
    /*flex-wrap: wrap;*/
    /*-ms-flex-wrap: wrap;*/
    -webkit-flex-wrap: wrap;
}
.ind_box3_con_l {
    width: 42.5%;
}
.ind_box3_con_l_con {
    padding: 18px 28px;
    background: #fff;
}
.ind_box3_con_l_con_tt {
    font-size: 30px;
    color: #333;
    font-family: "opensans-bold";
    margin-bottom: 6px;
}
.ind_box3_con_l_con_text {
    line-height: 24px;
    font-size: 14px;
    color: #666;
}
.ind_box3_con_r {
    width: 50%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.ind_box3_con_l img{
    width: 100%;
}
.ind_box3_con_r_item {
    display: flex;
    /*display: -ms-flexbox;*/
    display: -webkit-flex;
    width: 50%;
    background: #006cbc;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.ind_box3_con_r_item:nth-child(1), .ind_box3_con_r_item:nth-child(4) {
    background: #163984;
}
.ind_box3_con_r_item a {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    width: 100%;
    color: #fff;
    padding: 32px 4%;
}
.ind_box3_con_r_item a .icon {
    width: 134px;
    height: 134px;
    line-height: 132px;
    text-align: center;
    font-size: 90px;
    border-radius: 134px;
    border: 1px solid #fff;
    margin: 0 auto;
}
.ind_box3_con_r_item a .num {
    font-size: 50px;
    line-height: 1;
    font-family: "opensans-bold";
    margin: 5px 0 6px;
}
.ind_box3_con_r_item a .tt {
    font-size: 16px;
    text-align: center;
}
.icon{
    display: flex;
    align-items: center;
}
.icon img{
    margin: 0 auto;
}
.ind_t .about_images{
    display: flex;
    justify-content: space-between;
}
.company_boxes{
    display: flex;
    justify-content: space-between;
    margin: 20px auto 50px;
}
.company_box{
    display: flex;
    align-items: center;
}
.company_img{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    border-radius: 50%;
    margin-right: 15px;
}
.company_tit{
    font-size: 45px;
    font-family: Impact;
    text-align: center;
    line-height: normal;
}
.company_text{
    text-align: center;
    /*margin-top: 10px;*/
    line-height: normal;
}
.about_company_title{
    font-size: 36px;
    font-weight: bold;
    color: #163984;
    text-align: center;
    margin-bottom: 20px;
}
.about_company{
    padding: 50px 0;
    background: url("../images/about6.jpg") no-repeat;
    background-size: 100% 100%;
}
.about_company_boxes{
    display: flex;
    justify-content: center;
}
.about_company_box{
    width: 399px;
    height: 397px;
    background: url("../images/ling.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: 5px;
}
.about_company_year{
    /*width: 100%;*/
    font-size: 30px;
    font-family: Arial;
}
.about_company_img{
    width: 100%;
    margin: 10px 0 20px;
}
.about .ind_b{
    margin-top: 20px;
}
.baguetteBox .pic img{
    width: 100%;
}
.support_boxes{
    display: flex;
    justify-content: space-between;
}
.support_box img{
    display: block;
    margin: 0 auto;
}
.support_text{
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    margin-top: 20px;
}
.service_boxes{
    display: flex;
    justify-content: space-evenly;
    margin-top: 40px;
}
.guarantee{
    display: flex;
    align-items: center;
    color: #FFF;
}
.guarantee_tit{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}
.guarantee_more{
    font-size: 16px;
}
.guarantee_img {
    margin-right: 10px;
}
.ser_boxes{
    display: flex;
    justify-content: space-evenly;
}
.ser_box {
    width: 380px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #999999;
    font-family: normal;
}
.ser_box_text div:first-child {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}
.ser_box_text {
    width: 90%;
    padding: 10px 0;
    margin: 0 auto;
}
.product_materials{
    font-size: 16px;
    margin: 20px 0;
    line-height: 30px;
}
.product_materials span{
    font-weight: bold;
    font-size: 18px;
}
.buttons{
    display: flex;
}
/*.buttons a{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 260px;*/
/*    height: 50px;*/
/*    font-size: 18px;*/
/*    color: #FFF;*/
/*    background-color: #1BD741;*/
/*}*/
/*.buttons a:first-child{*/
/*    margin-right: 20px;*/
/*}*/
/*.buttons a img{*/
/*    margin-right: 10px;*/
/*}*/
.product_email{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.product_email img{
    display: block;
}
.product_email a{
    text-decoration: underline;
    font-size: 16px;
    margin-left: 10px;
}
.advantage{
    color: #FFF;
}
.advantage .wrapper{
    width: 1200px;
}
.advantage_box{
    padding: 25px 15px;
    background-color: #FFF;
    margin-top: 20px;
}
.advantage_box_title{
    color: #DD1F2B;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}
.advantage_box_title .yes{
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #DD1F2B;
    text-align: center;
    margin-right: 15px;
}
.advantage_text{
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
}
.product_case_boxes{
    display: flex;
    justify-content: space-between;
}
.product_case_box{
    width: 32%;
}
.product_case_box img{
    display: block;
    height: 200px;
    background-color: #3F6DC1;
}
.product_case_title{
    padding: 20px;
    background-color: #EDEFF3;
}
.pagination{
    display: flex;
}
.pagination .disabled{
    display: none;
}
.pagination .active{
    display: inline-block;
    padding: 0 14px;
    height: 35px;
    line-height: 35px;
    margin: 2px 3px;
    font-size: 14px;
    background-color: #163984;
    color: #FFF;
}
.det_content p{
    font-size: 16px!important;
}
.case_boxes{
    display: flex;
    flex-wrap: wrap;
}
.case_boxes .item{
    float: none;
    margin-bottom: 15px;
}
.case_top{
    padding: 50px 0;
    background-color: #071D39;
}
.case_top .wrapper{
    display: flex;
    color: #FFF;
}
.case_top_title{
    font-size: 36px;
    margin-bottom: 20px;
}
.case_param{
    font-size: 18px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    line-height: 2;
}
.case_param img{
    margin-right: 10px;
    margin-top: 7px;
}
.case_top_right{
    width: 600px;
}
.case_top_right img{
    width: 100%;
}
.case_top_left{
    width: calc(100% - 630px);
    margin-left: 30px;
}
.case_content p{
    font-size: 16px!important;
}
.case_title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    color: #444;
    margin-bottom: 15px;
    font-family: "Roboto-Bold";
}
.case_title img{
    margin-right: 15px;
}
.case_Introduction{
    padding: 50px 0;
    background-color: #F5F5F5;
}
.case_top_email{
    width: 450px;
    height: 60px;
    background-color: #DD1F2B;
    display: flex;
    justify-content: space-between;
    padding: 0 15px 0 10px;
    border-radius: 0 30px 0 0;
}
.case_email{
    width: 350px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #FFF;
    background-color: #1E2D3D;
    border-radius: 0 0 30px 0;
}
.case_email img{
    width: 40px;
    margin-right: 15px;
}
.case_chat{
    font-size: 18px;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.case_chat img{
    margin: 0 auto;
}
.text p img{
    display: block;
    margin: 15px auto !important;
    float: none!important;
}
.para_boxes{
    margin: 20px auto;
}
.para_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 16px;
    margin-bottom: 15px;
}
.para_box span{
    font-weight: bold;
    font-size: 18px;
    margin-right: 15px;
}
.para_box div{
    width: 100%;
    margin-top: 10px;
}
.para_box img{
    margin-right: 10px;
}
.para_boxes .para_box:nth-child(3) img{
    display: none;
}
.para_boxes .para_box:last-child{
    /*align-items: flex-start;*/
    /*height: 115px;*/
}
.product_function_box{
    display: flex;
    margin-top: 20px;
}
.function_num{
    width: 150px;
    height: 160px;
    background: #DD1F2B;
    border-radius: 50px 0 50px 0;
    font-size: 70px;
    font-family: Impact;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    z-index: 2;
}
.fun_box{
    width: calc(100% - 160px);
    /*height: 120px;*/
    background-color: #F0F3FA;
    border-radius: 50px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 20px 30px 20px 60px;
    margin-left: -30px;
    z-index: 1;
}
.fun_tit{
    font-size: 25px;
    font-family: Arial;
    font-weight: bold;
}
.fun_text{
    font-size: 20px;
    font-family: Arial;
}
.product_text{
    font-size: 16px;
}
.none{
    display: block;
}
.pc_none{
    display: none;
}
.det_content p img{
    display: block;
    margin: 15px auto;
}
.textOverClm{
    font-size: 16px;
    margin: 15px 0;
    text-align: center;
}
.product_type{
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 16px;
}
.product_public{
    margin-top: 20px;
    padding: 20px;
    background-color: #fbf3f4;
}
.product_public div{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #DD1F2B;
}
.product_public div:last-child{
    margin-bottom: 0;
}
.product_public div span{
    width: 5px;
    height: 5px;
    background-color: #DD1F2B;
    margin-right: 15px;
}
.phone_wechat_box{
    top: 350px!important;
    cursor: pointer;
}
.phone_wechat{
    position: relative;
}
.wechat_img{
    position: absolute;
    top: -80px;
    left: -165px;
    /*width: 200px;*/
    width: 0;
    height: 230px;
    overflow: hidden;
}
.wechat_img img{
    width: 160px;
    box-shadow: 0 1px 3px 0 #bfcfe3;
}
.product_list_tit{
    font-weight: bold;
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}
.whatsapp_tit{
    text-align: center;
    font-size: 16px;
    color: #666;
}
.product_list_buttons{
    margin-top: 20px;
}
.product_list_buttons a{
    font-size: 15px;
    line-height: 32px;
    display: block;
    text-align: center;
}
.product_list_button{
    display: block;
    font-size: 24px;
    border-radius: 5px;
    margin: 20px auto 0;
    width: 90%;
    background: #DD1F2B;
    padding: 9px 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.con a{
    color: #DD1F2B;
    text-decoration: underline;
    font-weight: bold;
}
.faq_list dd{
    display: flex;
    background: #FFF;
    align-items: center;
    border: 1px solid #999999;
    padding: 5px 15px;
}
.faq_list dd img{
    width: 20px;
}
.faq_list dd:last-child{
    align-items: flex-start;
}
.product_mess{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 50px;
    font-size: 20px;
    color: #FFF;
    background-color: #DD1F2B;
    margin-top: 15px;
    cursor: pointer;
}
.whatsapp_button{
    display: flex;
    align-items: center;
    font-size: 20px;
}
.whatsapp_button img{
    margin-right: 10px;
}
.whatsapp_button span{
    font-weight: bold;
    color: #DD1F2B;
    margin-left: 10px;
}
.email_button{
    display: flex;
    align-items: center;
    width: 350px;
    height: 50px;
    font-size: 20px;
    border: 2px solid #333;
    background-color: #FFFFFF;
    margin-top: 15px;
    margin-left: 10px;
    padding-left: 30px;
}