.header{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 0 12px rgba(0,0,0,0.5);}
.header .top{height:.54rem;line-height:.54rem;background:#eeeeee;}
.header .top h1{color:#999999;font-size:.14rem}
.header .top>div{display:flex;justify-content: space-between;align-items: center;}
.header .top .right ul{display:flex}
.header .top .right ul li {margin:0 .1rem;color:#999999;}
.header .top .right ul li  a{color:#999999;font-size:.14rem;display:initial}
.header .bot>div{display:flex;justify-content: space-between;align-items: center;height:1.1rem;line-height:1.1rem}
.header .bot .logo{width:14.5%}
.header .bot .navs{width:68%}
.header .bot .navs ul{display:flex;justify-content: space-between;}
.header .bot .navs ul li a{font-size:.16rem;color:#333;display:initial}
.tem_banner{padding:1.64rem 0 0}
.tem_banner  .swiper-page>div{position:absolute;width:.3rem;height:.77rem;line-height:.77rem;text-align:center;font-size:.30rem;color:white;outline:none;z-index:2;top:50%;left:0;background:rgba(0,0,0,.27)}
.tem_banner  .swiper-page>div.slide-button-next {left:auto;right:0}   
.tem_banner  .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:3%;z-index:2;}
.tem_banner  .slide-pagination  span{border-radius:0;opacity:1;width:.35rem;height:.06rem;margin:0 .06rem;background:white}
.tem_banner  .slide-pagination  span.swiper-pagination-bullet-active{background:black}

.company{padding:.45rem 0 1rem}
.company>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.company   .about_nav{width:22%;text-align:center}
.company   .about_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.company   .about_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.company   .about_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.company   .about_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.company   .about_nav ul li a:hover{background:white;color:#1a3486;}
.company   .right{width:75%}
.company   .right .title h1{font-size:.18rem;color:black;font-weight:bold;padding:.1rem 0 .17rem;position:relative;margin:0 0 .35rem}
.company   .right .title h1:after{content:'';position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:4px;bottom:0;left:0;background-size:100%;}
.company   .right .infos{font-size:.15rem;line-height:.3rem}

.honor{padding:.45rem 0 1rem}
.honor>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.honor   .honor_nav{width:22%;text-align:center}
.honor   .honor_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.honor   .honor_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.honor   .honor_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.honor   .honor_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.honor   .honor_nav ul li a:hover{background:white;color:#1a3486;}
.honor   .right{width:75%}
.honor  .right .title h1{font-size:.18rem;color:black;font-weight:bold;padding:.1rem 0 .17rem;position:relative;margin:0 0 .35rem}
.honor   .right .title h1:after{content:'';position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:4px;bottom:0;left:0;background-size:100%;}
.honor   .right .lists {display:flex;flex-wrap: wrap;}
.honor   .right .lists  .items{width:50%;text-align:center;margin:0 0 .18rem}
.honor   .right .lists  .items a{display:inline-block}
.honor   .right .lists  .items  p{font-size:.13rem;color:#3a3a3a;padding:.2rem 0 0}

.product_list{padding:.45rem 0 1rem}
.product_list>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.product_list   .pro_nav{width:22%;text-align:center}
.product_list   .pro_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.product_list   .pro_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.product_list   .pro_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.product_list   .pro_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.product_list   .pro_nav ul li a:hover{background:white;color:#1a3486;}
.product_list .right{width:75%}
.product_list .right .title h1{font-size:.18rem;color:black;font-weight:bold;padding:.1rem 0 .17rem;position:relative;margin:0 0 .35rem}
.product_list  .right .title h1:after{content:'';position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:4px;bottom:0;left:0;background-size:100%;}
.product_list  .right .lists {display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list  .right .lists:after{content:"";width:32.5%}
.product_list  .right .lists  .items{width:32.5%;margin:0 0 .18rem}
.product_list  .right .lists  .items a{border:1px solid #eeeeee;padding:.2rem .1rem .3rem;text-align:center}
.product_list  .right .lists  .items a p{font-size:.16rem;color:black}

.product_list .right .page{display:flex;justify-content: flex-end;padding:.3rem 0  0}
.product_list .right .page a{width:.4rem;height:.4rem;background:#dbdbdb;font-size:.14rem;text-align:center;line-height:.4rem;margin:0 .03rem;color:black}
.product_list .right .page a.page-item {width:.9rem;color:#666666}
.product_list .right .page a.page-num-current,.product_list .right .page a:hover{background:#00a5e2;color:white}

.show_product{padding:.45rem 0 .1rem}
.show_product>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.show_product   .pro_nav{width:22%;text-align:center}
.show_product   .pro_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.show_product   .pro_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.show_product  .pro_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.show_product   .pro_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.show_product   .pro_nav ul li a:hover{background:white;color:#1a3486;}
.show_product .right{width:75%;}
.show_product .right .row .text-left{border:1px solid rgba(228,228,228,1);padding:0  0 .3rem}
.show_product .right .row .text-left .bigimg{position: relative;z-index: 20;border-bottom:1px solid rgba(228,228,228,1) }
.show_product .right .row .text-left .thumbs{position:relative;padding:0 .4rem 0;margin:.2rem 0 0}
.show_product .right .row .text-left .thumbs .navigation{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;}
.show_product .right .row .text-left .thumbs .navigation>div{position:absolute;top:0;cursor:pointer;font-size:.3rem;color:#444;width:.3rem;height:100%;display:block;background:#a2a2a2;display:flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.show_product .right .row .text-left .thumbs .navigation>div.swiper-button-disabled{color:white;}
.show_product .right .row .text-left .thumbs .navigation .left1{left:.5%}
.show_product .right .row .text-left .thumbs .navigation .right1{right:.5%}
.show_product .right .row .text-left .thumbs .swiper-slide{border:1px solid #ddd;cursor:pointer}
.show_product .right .row .text-left .thumbs .swiper-slide-thumb-active{border:3px solid #666}
.show_product .right .row .text-right{padding-left:.5rem;text-align:left}
.show_product .right .row .text-right h2{font-size:.24rem;color:#333;line-height:1.5;display:block;padding-bottom:.1rem;border-bottom:1px solid rgba(228,228,228,1);font-weight:bold;margin:0 0 .2rem}
.show_product .right .row .text-right p{font-size:.14rem;line-height:1.8;color:#666}
.show_product .right .bot{padding:.3rem 0 0;}
.show_product .right .bot .title{}
.show_product .right .bot  .con{padding:.25rem 0;border:1px solid rgba(228,228,228,1)}
.show_product .right .bot .title h2{display:inline-block;line-height:.45rem;background:#0a58aa;color:#fff;padding:0 .3rem}
.met_page {margin:.25rem 0 0;}
.met_page ul{display:flex;justify-content: space-between;}
.met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.met_page li>* {display: inline-block;vertical-align: top;}
.met_page li a {font-size:.14rem;color:#333}
.footer {padding:1rem 0 .37rem;background-size:cover;background-repeat:no-repeat}
.footer>div{display:flex;justify-content: space-between;}
.footer .left{width:36%}
.footer .left h1{font-size:.18rem;color:white;padding:0 0 .2rem}
.footer .left ul li{padding:.44rem 0 .3rem;border-top:1px solid #959494}
.footer .left ul li .item {padding-left:.8rem;position:relative}
.footer .left ul li:nth-child(1) .item:after{content:'';position:absolute;background:url(/public/common/images/2.png) 0 0 no-repeat;width:.47rem;height:.61rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .left ul li:nth-child(2) .item:after{content:'';position:absolute;background:url(/public/common/images/3.png) 0 0 no-repeat;width:.51rem;height:.44rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.footer .left ul li:nth-child(3) .item:after{content:'';position:absolute;background:url(/public/common/images/4.png) 0 0 no-repeat;width:.5rem;height:.53rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}

.footer .left ul li .item p{font-size:.18rem;color:white;line-height:.3rem}
.footer .left h2{font-size:.15rem;color:white;padding:.85rem 0 0}
.footer .right{width:37%}
.footer .right .top{display:flex;justify-content: space-between;;margin:0 0 .12rem}
.footer .right .top p{font-size:.14rem;color:white;width:13%;padding:.1rem  0 0}
.footer .right .top textarea{width:82%;height:1.6rem;padding:.1rem;font-size:.14rem }
.footer .right .input{display:flex;justify-content: space-between;margin:0 0 .12rem}
.footer .right .input p{font-size:.14rem;color:white;width:13%;padding:.1rem  0 0;text-align:right}
.footer .right .input input{width:82%;font-size:.14rem ;border-radius:5px;border:0;padding:0 .2rem;height:.33rem;line-height:.33rem}
.footer .right .button{padding-left:18%}
.footer .right .button input{height:.44rem;line-height:.44rem;padding:0 .3rem;font-size:.18rem;background:#f55124;border:0;color:white;border-radius:5px;}

.news_list{padding:.45rem 0 1rem}
.news_list>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.news_list   .news_nav{width:22%;text-align:center}
.news_list   .news_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.news_list   .news_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.news_list   .news_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.news_list   .news_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.news_list   .news_nav ul li a:hover{background:white;color:#1a3486;}
.news_list  .right{width:75%}
.news_list  .right .title h1{font-size:.18rem;color:black;font-weight:bold;padding:.1rem 0 .17rem;position:relative;}
.news_list  .right .title h1:after{content:'';position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:4px;bottom:0;left:0;background-size:100%;}
.news_list  .right .lists .items{padding:.3rem  0 .28rem;border-bottom:1px solid #eeeeee}
.news_list  .right .lists .items  a .tit{display:flex;justify-content: space-between;align-items: center;margin:0 0 .18rem}
.news_list  .right .lists .items  a .tit h1{font-size:.18rem;color:#3a3a3a;width:70%}
.news_list  .right .lists .items  a:hover .tit h1{color:rgba(69,168,185)}
.news_list  .right .lists .items  a .tit span{color:#a2a2a2;font-size:.15rem;}
.news_list  .right .lists .items  a p{font-size:.16rem;color:#a2a2a2}
.news_list  .right .page{display:flex;justify-content: flex-end;padding:.25rem 0  0;}
.news_list  .right .page a{width:.4rem;height:.4rem;background:#dbdbdb;font-size:.14rem;text-align:center;line-height:.4rem;margin:0 .03rem;color:black}
.news_list  .right .page a.page-item {width:.9rem;color:#666666}
.news_list  .right .page a.page-num-current,.news_list  .right .page a:hover{background:#00a5e2;color:white}

.show_news{padding:.45rem 0 .2rem}
.show_news>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.show_news   .news_nav{width:22%;text-align:center}
.show_news   .news_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.show_news   .news_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.show_news   .news_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.show_news   .news_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.show_news   .news_nav ul li a:hover{background:white;color:#1a3486;}
.show_news  .right{width:75%}
.show_news  .right h2{text-align:center;font-size:.18rem;color:black;padding:0 0 .3rem}
.show_news  .right .met_infos{display:flex;justify-content: space-between;padding:0 0 .1rem;border-bottom:1px solid rgba(200,200,200)}
.show_news  .right .met_infos .one span{font-size:.15rem;color:rgba(200,200,200);padding-left:.3rem;position:relative}
.show_news  .right .met_infos .one span:first-child:after{content:"\f073";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);left:5%;font-size:.18rem}
.show_news  .right .met_infos .one span:last-child:after{content:  "\f017";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);left:5%;font-size:.18rem}
.show_news  .right .met_infos .two span{font-size:.15rem;color:rgba(200,200,200);padding-left:.3rem;position:relative}

.show_news  .right .met_infos .two span:first-child:after{content:"\f06e";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);left:5%;font-size:.18rem}
.show_news  .right .met_page {padding:.25rem 0 0;margin:0;border-top:1px solid rgba(200,200,200)}

.case_list{padding:.45rem 0 1rem}
.case_list>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.case_list   .case_nav{width:22%;text-align:center}
.case_list   .case_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.case_list   .case_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.case_list   .case_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.case_list   .case_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.case_list   .case_nav ul li a:hover{background:white;color:#1a3486;}
.case_list   .right{width:75%}
.case_list   .right .title h1{font-size:.18rem;color:black;font-weight:bold;padding:.1rem 0 .17rem;position:relative;}
.case_list   .right .title h1:after{content:'';position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:4px;bottom:0;left:0;background-size:100%;}
.case_list   .right .lists{display:flex;flex-wrap: wrap;justify-content: space-between;padding:.25rem 0 0}
.case_list   .right .lists .items{width:30%}
.case_list   .right .lists .items a{text-align:center}
.case_list   .right .lists .items  p{text-align:center;font-size:.15rem;color:black;padding:.15rem 0 }
.case_list   .right .page{display:flex;justify-content: flex-end;padding:.24rem 0  0;}
.case_list   .right .page a{width:.4rem;height:.4rem;background:#dbdbdb;font-size:.14rem;text-align:center;line-height:.4rem;margin:0 .03rem;color:black}
.case_list   .right .page a.page-item {width:.9rem;color:#666666}
.case_list   .right .page a.page-num-current,.news_list  .right .page a:hover{background:#00a5e2;color:white}

.work_list{padding:.45rem 0 .3rem}
.work_list>div{display:flex;padding-right:1.11rem;justify-content: space-between;}
.work_list   .work_nav{width:22%;text-align:center}
.work_list   .work_nav h1{font-size:.18rem;color:white;background:#1a3486;height:.5rem;line-height:.5rem;border:1px solid #d2d2d2;}
.work_list   .work_nav ul li{border:1px solid #d2d2d2;margin-top:-1px}
.work_list   .work_nav ul li a{padding:.15rem 0;background:url(/public/common/images/hover.jpg) 0 0 no-repeat;background-size:cover;font-size:.16rem;color:#3a3a3a;position:relative}
.work_list   .work_nav ul li a:after{content:"\f138";position:absolute;font:normal normal normal 14px/1 FontAwesome;color:#c8c8c8;top:50%;transform:translateY(-50%);right:5%;font-size:.18rem}
.work_list   .work_nav ul li a:hover{background:white;color:#1a3486;}
.work_list   .right{width:75%}
.work_list    .right .title h1{font-size:.18rem;color:black;font-weight:bold;padding:.1rem 0 .17rem;position:relative;}
.work_list    .right .title h1:after{content:'';position:absolute;background:url(/public/common/images/1.png) 0 0 no-repeat;width:100%;height:4px;bottom:0;left:0;background-size:100%;}
.work_list    .right .lists {padding:.34rem 0 .05rem;border-bottom: 1px solid #c1c1c1;} 
.work_list    .right .lists .items{display:flex;margin:0 0 .55rem;align-items: center;}
.work_list    .right .lists .items .imgs{margin-right:.25rem}
.work_list    .right .lists .items .text p{font-size:.16rem;line-height:.3rem;color:#666}
.work_list    .right .lists .items:last-child{margin:0}
.message {padding:0 0 .7rem}
.message .title{text-align:center;padding:.55rem 0 .65rem}
.message .title h1{font-size:.4rem;color:black;font-weight:bold;padding:0 0 .3rem}
.message .title p{color:#afafaf;font-size:.18rem;line-height:.3rem}
.message .form .top{display:flex;justify-content: space-between;}
.message .form .top .input{width:30%}
.message .form .top .input input{width:100%;height:.6rem;line-height:.6rem;border:1px solid #c1c1c1;font-size:.16rem;color:black;padding:0 .2rem}
.message .form .bot{width:100%;margin:.3rem 0 }
.message .form .bot textarea{width:100%;height:2.5rem;border:1px solid #c1c1c1;font-size:.16rem;color:black;padding:.2rem}
.message .form .button{text-align:center}
.message .form .button input{height:.48rem;line-height:.48rem;border:0;width:2rem;background:#495660;color:white;font-size:.2rem}
.index_product {background-repeat:no-repeat;background-position:bottom center;background-size:100%}
.index_product .title{text-align:center;padding:.51rem 0 .9rem}
.index_product .title h1{font-size:.3rem;font-weight:bold;color:#676767;padding:0 0 .2rem}
.index_product .title  p{font-size:.18rem;color:#c9c9c9}
.index_product .lists a{background:#fbfbfb;border:2px solid #e4e4e4;padding:.6rem .22rem .4rem}
.index_product .lists  a h1 {font-size:.16rem;color:black;text-align:center;padding:.45rem 0 0}
.index_product .lists .slide-pagination{text-align:center;padding:.2rem 0 .3rem}
.index_product .lists .slide-pagination span{width:.11rem;height:.11rem;;background:#e4e4e4;margin:0 .08rem}
.index_product .lists .slide-pagination span.swiper-pagination-bullet-active{background:#00a5e2}
.index_about ul{display:flex;justify-content: center;padding:.75rem 0 }
.index_about ul li{margin:0 .8rem;text-align:center}
.index_about ul li a{padding:1.02rem 0 0;position:relative}
.index_about ul li a h1{font-size:.18rem;padding:.1rem 0 0;color:#818181}
.index_about ul li a:hover h1{color:#183184}
.index_about ul li:nth-child(1) a:after{content:"";position:absolute;background:url(/public/common/images/aaa_03.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(2) a:after{content:"";position:absolute;background:url(/public/common/images/aaa_10.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(3) a:after{content:"";position:absolute;background:url(/public/common/images/aaa_05.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(4) a:after{content:"";position:absolute;background:url(/public/common/images/aaa_07.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(1) a:hover:after{content:"";position:absolute;background:url(/public/common/images/a_03.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(2) a:hover:after{content:"";position:absolute;background:url(/public/common/images/a_10.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(3) a:hover:after{content:"";position:absolute;background:url(/public/common/images/a_05.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_about ul li:nth-child(4) a:hover:after{content:"";position:absolute;background:url(/public/common/images/a_07.png)0 0 no-repeat;width:.94rem;height:.94rem;left:50%;transform:translateX(-50%);top:0;background-size:100%;transition:.3s}
.index_infos{display:flex;background:#f7f7f7}
.index_infos .img{width:49.5%}
.index_infos .text{width:50.5%;padding-right:3.5rem}
.index_infos .text .infos{padding-left:.45rem}
.index_infos .text .infos p{font-size:.16rem;color:#5b5b5b;line-height:.3rem}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#183184;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:rgba(187,163,8);box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m-header .dl-menuwrapper button.dl-active{color:#0061ae}
.m-header .dl-menuwrapper ul{background:#0061ae}
.m-header>div.col-xs-6,.m-header>div.m_langs {z-index:2}
.m-header .dl-menuwrapper {z-index:1}
.m-header .dl-menuwrapper li a {border-top:1px solid rgba(255,255,255,.2);font-size:12px;}
/**************************/

/******ipad****/
@media(max-width:1600px){
	.index_infos .text{padding-right:1.5rem}
}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	
}
/********mobile*********/
@media(max-width:767px){
.index_about ul li{margin:0 .2rem}
.index_infos{display:inherit}
.index_infos .img{width:100%}
.index_infos .text{width:100%;padding:0;padding:.2rem}
.index_infos .text .infos{padding:0}
.footer .right{display:none}
.footer .left{width:100%}
.show_product .right{width:70%}
.show_product .right .row .text-right{padding:0}
.show_news .right .met_infos{display:inherit}
.show_news .right .met_infos .one span{display:block}
.show_news .right .met_infos .one span:after{left:0 !important}
.show_news .right .met_infos .two span:first-child:after{left:0}
.work_list .right .lists .items{display:inherit}
}