@charset "utf-8";



/* public*/

.w1200{width:1200px;margin:0 auto;}

.tx-l{text-align:left;}

.tx-c{text-align:center;}

.tx-r{text-align:right;}

.ufl{float:left;}

.ufr{float:right;}

.row.marlg0{margin-right:0;margin-left:0;}

.row .padlg0{padding-right:0;padding-left:0;}

.text img{max-width:100%;}

.col-zs{color:#327cbe;}

.font-18{font-size:16px;}

.font-46{font-size:40px;}

.dtable{display:table;width: 100%;height:100%;}

.dtable .dtcell{display:table-cell;vertical-align:middle;}

.block{display:block;}





input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], input[type="date"], select, textarea {

    border-radius: 2px;

    border: solid 1px #ccc;

    padding: 0.6em;

    background-color: #f7f7f7;

    box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);

    width: 100%;

    transition: all 0.3s ease;

}

a:hover, a:focus {color: #d48d12;text-decoration:none;}



.header-wrapper{

    position:fixed;

    top:0;

    left:0;

    width: 100%;

    padding:0 2.25%;

    z-index:9999;

    border-bottom:1px solid rgba(255,255,255,0.26);

} 

.header-wrapper .navbar-default{

    background:none;

    border-width:0;

    margin-bottom:0;

}

/* .header-wrapper .navbar-nav{width: 100%;} */

.header-wrapper .navbar-brand{height:auto;}

.erj-nav dl{display:none;}



.indexHead:after {

    width: 100%;

    -webkit-transition: all .4s ease-out;

    transition: all .4s ease-out;

    content: '';

    position: absolute;

    top: -100%;

    left: 0;

    display: inline;

    height: 95px;

    height: 100%;

    background: #fff;

    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);

    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);

    box-shadow: 0 2px 4px rgba(0,0,0,.1);

    z-index: -1;

}

.indexHead.activeHead:after {

    top: 0;

}

.header-wrapper .navbar-nav > li{

    padding:0px 3px;

    font-size:16px;

    border-radius:5px;font-family:"微软雅黑";

    margin-top: -3px;

}

.navbar-nav > li > a{



}



.navbar-default .navbar-nav > li > a{color:#fff;padding-right: 0;padding-left: 0;padding-bottom: 5px;border-bottom:2px solid transparent;}

.activeHead .navbar-default .navbar-nav > li > a{color:#000;}

.navbar-nav > li.on > a,.navbar-nav > li:hover > a{border-bottom-color: #d48d12;}

/* .navbar-default .navbar-nav > li > a:after{

    display: block;

    width:6px;

    height: 6px;

    border-radius: 6px;

    background: #fff;

    content: '';

    position: absolute;

    right: 0;

    top:50%;

    margin-top: -3px;

} */

.activeHead .navbar-default .navbar-nav > li > a:after{background:#333;}

.activeHead .navbar-default .navbar-nav > li.on > a:after,

.navbar-default .navbar-nav > li.on > a:after,

.navbar-default .navbar-nav > li:hover > a:after{background:#00ac97;}

/* .header-wrapper .navbar-collapse{padding:0;margin-top:30px;} */



/* .header-wrapper .navbar-nav > li:hover,.header-wrapper .navbar-nav > li.on{

    background:#c3262d;

    color:#fff;

} */



.head-nav-w{margin-top:45px;}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus,

.header-wrapper .navbar-nav > li:hover a,

.header-wrapper .navbar-nav > li.on a{

    color:#d48d12;

}



.header-wrapper .navbar-nav > li dl{

    position: absolute;

    top:100%;

    left: -20px;

    right: -20px;

    padding-top:36px;

    text-align: center;

    display: none;

}

.header-wrapper .navbar-nav > li dl dd{background: #d48d12;line-height: 40px;}

.header-wrapper .navbar-nav > li dl dd:hover,.header-wrapper .navbar-nav > li dl dd.on{

    background: #5c67a5;

}

.header-wrapper .navbar-nav > li dl dd a{

    color:#fff!important;

    font-family:"SourceHanSansCNLight";

    font-size: 16px;

}

.header-wrapper .navbar-nav > li dl dt{

    height: 4px;

    background: #fff;

    position: relative;

}

.header-wrapper .navbar-nav > li dl dt i{

    display: block;

    width: 0;

    height: 0;

    border-right: 8px solid transparent;

    border-bottom:8px solid #fff;

    border-left: 8px solid transparent;

    position: absolute;

    top:-8px;

    left: 50%;

    margin-left: -8px;

}

.header-wrapper .search{margin-top: 0px;position: relative;}
.header-wrapper .search img{

    display: block;

    max-width: 100%;

}

.header-wrapper .search input.inputs1{

    width: 165px;

    height: 28px;

    border-width: 0;

    outline: none;

    box-shadow: none;

    background: rgba(255,255,255,0.57);

    border-radius:28px;

}

.activeHead.header-wrapper .search input.inputs1{background: rgba(44,56,122,0.17);}

.header-wrapper .search input.sub{

    width:28px;

    height: 28px;

    position: absolute;

    right: 8px;

    top: 0;

    z-index: 2;

    border-width: 0;

    outline: none;

    background: url(../images/ico_sea.png) center center no-repeat;

}



.ban-txt{

    position: absolute;

    top:0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    color:#fff;

}

.ban-txt h3{

    font-size: 60px;

    font-family:"SourceHanSansCNMedium";

    opacity: 0;

}

.ban-txt .line{

    max-width: 200px;

    height: 1px;

    background: #fff;

    margin:15px auto 10px;

    opacity: 0;

}

.ban-txt p{

    font-size: 36px;

    text-transform: uppercase;

    font-family:'Antonio',arial;

    opacity: 0;

}



.index-prev,.index-next{

    width: 54px;

    height: 106px;

    background: url(../images/ico_prev.png);

    background-size: cover;

    position: absolute;

    top:50%;

    margin-top: -53px;

    z-index: 5;

}

.index-prev{left: 2.5%;}

.index-next{

    right:2.5%;

    -webkit-transform: rotateZ(180deg);

    transform: rotateZ(180deg);

}

.home-wrap{

    background:#f2f2f2;

    position: relative;

    z-index: 3;

}

.section-p1{

    position: relative;

}

.section-p1 .bg1{

    position: absolute;

    top:-10px;

    left: 0;

    width: 45%;

    height: 300px;

    background: #2b3779;

    z-index: 3;

}

.section-p1 .conm{

    position: relative;

    z-index: 5;

    margin-bottom: 50px;

}

.section-p1 .conm .title{

    color:#fff;

    margin-bottom: 20px;

    position: relative;

}

.section-p1 .conm .title h3{

    font-size: 38px;

    font-family: "SourceHanSansCNMedium";

    margin-bottom:10px;

}

.section-p1 .conm .title p{

    font-size: 30px;

    font-family: arial;

}

.section-p1 .conm .title .line{

    width: 32px;

    height: 3px;

    background: #00f0ff;

}

.hm-pro-nav li{

    float: left;

    width: 20%;

}

.hm-pro-nav li .boxs{

    display: block;

    padding:25px 0;

    text-align: center;

    background: #fff;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.hm-pro-nav li .boxs:hover{

    box-shadow: 0 0 10px 2px #ccc;

    position: relative;z-index: 5;

}

.hm-pro-nav li .img img{max-width: 100%;}

.hm-pro-nav li p{font-size: 22px;margin-top:10px;}



.ico-j{

    display: inline-block;

    width: 14px;

    height: 14px;

    background: url(../images/ico_05.png);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.ico-j:hover{

    transform: rotateZ(360deg);

}

.ico-j1{

    position: absolute;

    right: 0;

    top:20px;

}



.section-p2{

    position: relative;

    padding-bottom:40px;

}

/*  url(../images/bg_01.jpg) 60% 30% no-repeat */

.section-p2 .bg2{

    width: 70%;

    height: 730px;

    background: #fff;

    position: absolute;

    top:180px;

    right: 0;

}

.section-p2 .conm{

    position: relative;

    z-index: 5;

}

.section-p2 .conm .title{

    position: relative;

    margin-bottom: 25px;

    z-index: 3;

}

.section-p2 .conm .title h3{

    font-size: 30px;

    font-family:"SourceHanSansCNMedium";

    margin-bottom: 15px;

}

.section-p2 .conm .title p{

    font-size: 18px;

    color:#656565;

    padding-left: 85px;

}

.section-p2 .conm .title .line{

    position: absolute;

    top:40px;

    left: 75px;

    height: 130px;

    width: 2px;

    background: #2b3779;

}

.home-video{

    max-width: 618px;

    position: relative;

}

.home-video video{width: 100%;}

#moveBtn{

    position: absolute;

    top:50%;

    left: 50%;

    width: 88px;

    height: 88px;

    background: url(../images/ico_play.png);

    background-size: cover;

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    cursor: pointer;

    z-index: 2;

}

.section-p2 .conm .txt{

    padding:130px 0 0;

}

.section-p2 .conm .txt h1{

    font-size: 60px;

    font-family:arial;

    color:#20307e;

}

.section-p2 .conm .txt h1 span{

    font-size: 100px;

    font-weight: bold;

    color:#0021d8;

}

.section-p2 .conm .txt h3{

    font-size: 36px;

    color:#000;

    margin-top: 20px;

    font-family:"微软雅黑";

}

.title-s2{

    font-size: 18px;

    text-align: right;

    overflow: hidden;

    margin-top: 70px;

    margin-bottom: 60px;

}

.title-s2  a{

    color:#20307e;

    display: inline-block;

    position: relative;

}

.title-s2 a i.line{

    position: absolute;

    top:50%;

    right: 105%;

    width: 2000px;

    height: 1px;

    background: #f2f2f2;

}

.hm-case-swp .imgws{

    padding:10px 10px 0;

    position: relative;

}

.hm-case-swp .imgws .imgbg{

    position: absolute;

    top:0;

    right: 0;

    left: 20px;

    bottom:20px;

    background: url(../images/ico_bg.png);

    background-size: cover;

}

.hm-case-swp .imgws .img{position: relative;z-index: 3;}

.hm-case-swp .imgws .img img{

    display: block;

    width: 100%;

}

.hm-case-swp .p{

    padding:0 30px 0 10px;

    margin-top: 25px;

    position: relative;

    font-size: 18px;

}

.hm-case-swp .p a{color: #666;}

.hm-case-swp .p .ico-j3{

    position: absolute;

    right: 10px;

    top:5px;

}

.hmcase-swiper-pagination{

    margin-top: 40px;

    text-align: center;

}

.hmcase-swiper-pagination .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    border:1px solid #bcbcbc;

    background: #fff;

    opacity: 1;

}

.hmcase-swiper-pagination .swiper-pagination-bullet-active{

    width: 30px;

    background: #a9a9a9;

    border-radius:12px;

}

.section-p3{

    padding-top:50px;

    padding-bottom: 85px;

    background: #fff;

    overflow:hidden;

    position: relative;

}

.section-p3 .bg3{

    width: 60%;

    height: 740px;

    background:url(../images/bg_02.jpg);

    background-size: cover;

    position: absolute;

    top:50px;

    left: 0;

}

.section-p3 .conm{

    position: relative;

    z-index: 3;

}

.section-p3 .conm .left-txt{

    padding-top: 120px;

    text-align: left;

    color:#fff;

}

.section-p3 .conm .left-txt h1{

    font-size: 48px;

    margin-bottom:50px;

    font-family:"微软雅黑";

}

.section-p3 .conm .left-txt h4{

    line-height: 1.6;

    margin-bottom: 60px;

}

.left-btns a.btns1{

    display: inline-block;

    font-size: 24px;

    background: #fff;

    width: 114px;

    height: 114px;

    line-height: 114px;

    margin:0 30px 0 0;

    color:#000;

}

.section-p3 .conm .right-title{

    margin-top: 40px;

    margin-bottom:100px;

    text-align: center;

}

.section-p3 .conm .right-title span{

    display: inline-block;

    font-size: 30px;

    font-family:"微软雅黑";

    color:#000;

    position: relative;

}

.section-p3 .conm .right-title span i{

    position: absolute;

    top:50%;

    right: 110%;

    width: 1200px;

    max-width: 190px;

    height: 2px;

    background: #2b3779;

}

.section-p3 .conm .hmAboutSwp-con .img-wc{

    padding-top: 10px;

    padding-right: 10px;

    position: relative;

}

.section-p3 .conm .hmAboutSwp-con .img-wc .imgbg2{

    position: absolute;

    top:0;

    right: 0;

    bottom:10px;

    left: 10px;

    background: rgba(0,0,0,0.1);

}

.section-p3 .conm .hmAboutSwp-con .img-wc .img{position: relative;z-index: 3;}

.section-p3 .conm .hmAboutSwp-con .img-wc .img img{width: 100%;}

.section-p3 .conm .hmAboutSwp-con h4{

    color:#666;

    margin-top: 20px;

}

.hm-develop{

    position: relative;

    border-bottom: 1px solid #9a9a9a;

    margin-top:15px;

}

.develop-line{margin-bottom: 7px;border-right: 1px solid #9a9a9a;}

.develop-line li{

    float: left;

    width: 7.142857%;

    position: relative;

    height: 25px;

}

.develop-line li:after{

    display: block;

    width: 1px;

    height: 25px;

    background: #9a9a9a;

    content: '';

    position: absolute;

    top:0;

    left: 0;

}

.develop-line li i.le{

    float: left;

    width:10%;

    height: 25px;

    position: relative;

}

.develop-line li i.le:after{

    display: block;

    width: 1px;

    height: 6px;

    background: #9a9a9a;

    content: '';

    position: absolute;

    bottom:0;

    right: 0;

}

.yearNum{

    font-size: 18px;

    font-family:"SourceHanSansCNMedium";

    margin-top:50px;

    line-height: 30px;

}

.swiper-slide-thumb-active .yearNum{

    font-size: 24px;

    color:#2b3779;

}

.develop-year{

    position: relative;

    font-family:"微软雅黑";

}

.develop-year h3{

    position: absolute;

    top:-150px;

    left: 0;

    font-size: 30px;

    

}

.develop-year .year{

    font-size: 60px;

    position: absolute;

    bottom:10px;

    left: 0;

    color:#2b3779;



}

.prev-sm,.next-sm{

    width: 36px;

    height: 36px;

    background: url(../images/ico_prev3.png);

    cursor: pointer;

}

.next-sm{

    -webkit-transform: rotateZ(180deg);

    transform: rotateZ(180deg);

}

.hm-develop-bmc{position: relative;padding-bottom: 1px;}

.hm-develop-bmc .prev-sm{

    position: absolute;

    left: -40px;

    bottom: -19px;

    z-index: 2;

}

.hm-develop-bmc .next-sm{

    position: absolute;

    right: -40px;

    bottom: -19px;

    z-index: 2;

}

.row.row0{margin-right: 0;margin-left: 0;}

.row.row0>div{padding-right: 0;padding-left: 0;}

.section-p4 .conm{position: relative;}

.more-s5{

    position: absolute;

    top:-30px;

    left: 0;

    background: #2b3779;

}

.more-s5 a{

    display: block;

    padding:20px;

    text-align: center;

}

.more-s5 a span{

    display: block;

    width: 16px;

    height: 16px;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    position: relative;

}

.more-s5 a:hover span{

    -webkit-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}

.more-s5 a i.i1{

    display:inline-block;

    width:2px;

    height: 16px;

    background: #fff;

    vertical-align: top;

    position: absolute;

    top:0;

    left: 7px;

}

.more-s5 a i.i2{

    position: absolute;

    width: 16px;

    height:2px;

    background: #fff;

    left: 0;

    top:7px;

}

.section-p4 .conm .title{

    text-align: right;

    padding-top: 70px;

}

.section-p4 .conm{overflow: hidden;}

.section-p4 .conm .title h3{

    margin-top: 0;

    font-family: "SourceHanSansCNMedium";

    color:#000;

}

.section-p4 .conm .title h3 span{

    display: inline-block;

    position: relative;

}

.section-p4 .conm .title h3 span i{

    background: #2b3779;

    height: 4px;

    width: 1200px;

    position: absolute;

    left: 110%;

    top:50%;

    margin-top: -2px;

}

.hm-news-list .txt .date{

    font-size: 25px;

    color:#838383;

    font-family:arial;

}

.hm-news-list .txt  h4{padding-bottom: 15px;border-bottom: 1px solid #888;}

.hm-news-list .txt  h4 a{color:#20307e;}

.hm-news-list .txt p{line-height: 22px;margin-bottom: 15px;margin-top: 15px;height:66px;}

.hm-news-list .txt p a{

    font-size: 15px;

    color: #666;

}

.hm-news-list  .img img{width: 100%;}

.footer-content{background: #2e3664;color:#fff;padding-top: 70px;padding-bottom: 40px;}

.ft-address .ft-ico {

    display: inline-block;

    width: 24px;

    height: 24px;

    background: url(../images/ico_m5.png) left top no-repeat;

    vertical-align: middle;

    margin-right: 5px;

}

.ft-address .ft-ico2 {

    background-position: 0 -45px!important;

}

.ft-address .ft-ico3 {

    background-position: 0 bottom!important;

}

.ft-title{

    font-size: 36px;

    color:#fff;

    font-family: "微软雅黑";

    margin-bottom: 25px;

}

.footer-nav .ms{

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 32px;

}

.footer-rights{max-width: 390px;}

.ft-address tr td{padding:10px 0;}

.color-s1{color:#47ccc9;}

.btns-2 a{

    display: block;

    width: 170px;

    height: 48px;

    text-align: center;

    font-size: 20px;

    color:#2d3663;

    line-height: 48px;

    border-radius: 48px;

    background: #47ccc9;

    margin-left: 16px;

}

.btns-2 a i{

    display: inline-block;

    width: 24px;

    height: 24px;

    background: url(../images/ico_m3.png);

    vertical-align: middle;

    margin-left: 30px;

}

.ft-navs ul{max-width: 340px;margin-bottom: 20px;}

.ft-navs ul li{

    float: left;

    width: 50%;

    margin-bottom: 16px;

    font-size: 16px;

}

.ft-navs ul li a{

    position: relative;

    display: inline-block;

    padding-left: 22px;

    line-height: 22px;

}

.ft-navs ul li a:after{

    display: block;

    width: 8px;

    height: 13px;

    background: url(../images/ico_m6.png);

    content: '';

    position: absolute;

    top:5px;

    left: 0;

}

.ft-char tr td.img{padding-right: 10px;}

.ft-char tr td.img img{max-width: 90px;}

.ft-char tr td{padding-top: 12px;padding-bottom: 0px;}

.ft-char tr td.mec{border-bottom:1px solid #767da9;}

.icp{

    background: #252c56;

    color:#fff;

    font-size: 16px;

    padding-top: 20px;

    padding-bottom: 20px;

}

.go-top{

    position: fixed;

    bottom:5%;

    right: 5%;

    width: 60px;

    height: 60px;

    background: url(../images/ico_top.png) center no-repeat;

    background-size: cover;

    cursor: pointer;

    z-index: 7;

}

.products-wrap .item{

    padding-top: 40px;

    margin-bottom:25px;

}

.proSmImgList{

    position:relative;

    border-bottom:1px solid #eee;

    padding-bottom:65px;

}

.pro-sm-img-wrap{

    position: absolute;

    bottom: 0;

    left: 15px;

    right: 15px;

    padding:0 24px;

    background: #fff;

    z-index: 5;

}

.pro-left-img{

    position: relative;

    width: 100%;

    height: 0;

    padding-top:66.38297%;

    background: #eee;

}

.pro-left-img img{

    position: absolute;

    top:0;

    right: 0;

    bottom:0;

    left: 0;

    margin:auto;

    max-width: 100%;

    max-height: 100%;

}

.pro-right-txt h3{margin-bottom: 40px;}

.pro-right-txt h3 span{

    display: inline-block;

    position: relative;

}

.pro-right-txt h3 span i{

    position: absolute;

    top:50%;

    right: 100%;

    width: 70px;

    height: 2px;

    background: #2c387a;

    margin-right:15px;

}

.pro-right-txt h4{

    line-height: 2;

    color: #666;

}

.pro-sm-imgs{

    width: 100%;

    height: 0;

    padding-top: 65.9898477%;

    position: relative;

    border:1px solid #e1e1e1;

}

.pro-sm-imgs img{

    position: absolute;

    top:0;

    right: 0;

    bottom:0;

    left: 0;

    margin:auto;

    max-width: 100%;

    max-height: 100%;

}

.prosmprev{

    position: absolute;

    top:50%;

    left: 0;

    width: 11px;

    height: 19px;

    background: url(../images/ico_prev4.png);

    cursor: pointer;

    margin-top:-30px;

}

.prosmnext{

    position: absolute;

    top:50%;

    right: 0;

    width: 11px;

    height: 19px;

    background: url(../images/ico_prev4.png);

    cursor: pointer;

    margin-top: -30px;

    -webkit-transform: rotateZ(180deg);

    transform: rotateZ(180deg);

}

.swiper-slide-thumb-active .pro-sm-imgs{border-color:#2c387a;}



.products-wrap .item:nth-child(2n) .pro-right-txt h3 span i{

    right: auto;

    left: 100%;

    margin-left: 15px;

}

.products-wrap{margin-bottom: 65px;}



.silde-bar-fixed{

    position: fixed;

    top:20%;

    left: -145px;

    width: 145px;

    z-index: 9;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.silde-bar-fixed.active {

    left: 0;

}

.silde-bar-fixed .m-btn {

    width: 36px;

    font-size: 14px;

    padding: 15px 5px;

    text-align: center;

    background: rgba(44,56,122,0.5);

    color: #fff;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    position: absolute;

    left: 100%;

    top: 40%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

}

.silde-bar-fixed.active .m-btn {

    background: rgba(44,56,122,0.8);

}

.silde-bar-fixed .t{

    text-align: left;

    height: 54px;

    line-height: 54px;

    color:#fff;

    font-size: 18px;

    background: #2c387a;

    padding-left: 20px;

}

.silde-bar-fixed ul li.item{

    border:1px solid #cdcdcd;

    position: relative;

    background: #fff;

}

.silde-bar-fixed ul li.item+li{border-top-width:0;}

.silde-bar-fixed ul li.item .tit{

    height: 50px;

    line-height: 50px;

    padding:0 10px 0 18px;

    font-size: 15px;

    position: relative;

}

.silde-bar-fixed ul li.item.on .tit{

    font-size: 18px;

    color:#2c387a;

    font-family:"微软雅黑";

}

.silde-bar-fixed ul li.item .tit i{

    position: absolute;

    bottom:0;

    left:22px;

    width: 68px;

    height: 2px;

    background: #2c387a;

    display: none;

}

.silde-bar-fixed ul li.item.on .tit i{

    display: block;

}

.silde-bar-fixed .e-ul{

    padding-top: 10px;

    padding-bottom:15px;

    display: none;

}

.silde-bar-fixed li.on .e-ul{display: block;}

.silde-bar-fixed .e-ul .e-item{

    line-height: 20px;

    margin-bottom: 5px;

    padding-left: 22px;

    font-size: 16px;

}

.silde-bar-fixed .e-ul .e-item a{color:#555;}



.silde-bar-fixed li.item:after{

    position: absolute;

    top:-1px;

    right: -1px;

    bottom:-1px;

    left: -1px;

    content: '';

    border:2px solid transparent;

}

/* .silde-bar-fixed li.on:after{

    border-color: #616161;

} */

.silde-bar-fixed li .boxs{position: relative;z-index: 3;}



.products-t-nav{

    border-bottom:1px solid #eee;

    position: relative;

    z-index: 3;

    margin-bottom: 50px;

}

.products-t-nav ul li{

    float: left;

    margin-right: 35px;

    margin-left: 10px;

    padding-top:15px;

    position: relative;

}

.products-t-nav ul li a{

    display: inline-block;

    font-size: 18px;

    padding-top: 20px;

    padding-bottom:20px;

    line-height: 30px;

    position: relative;

    z-index: 3;

    border-bottom:3px solid transparent;

    margin-bottom: -2px;

}

.products-t-nav ul li a:hover{

    color: #2c387a;

    font-family: "微软雅黑";

    border-bottom-color: #2c387a;

}

.products-t-nav ul li.on a{color:#fff;font-size: 24px;font-family:"微软雅黑";}

.products-t-nav ul li i.nbg{

    position: absolute;

    top:-22px;

    right: -10px;

    bottom: -30px;

    left: -10px;

    background: #2c387a;

    display: none;

}

.products-t-nav ul li.on i.nbg{display: block;}

.products-list-swp{

    max-width: 618px;

}

.products-list-swp .img{

    width: 100%;

    height: 0;

    padding-top: 69.46688206%;

    position: relative;

    border:1px solid #bcbcbc;

    overflow: hidden;

}

.imgSize3{

    display: block;

    width: 100%;

    height: 0;

    padding-top: 63.75%;

    position: relative;

    overflow: hidden;

}

.products-list-swp .img img,.imgSize3 img{

    position: absolute;

    top:0;

    right: 0;

    bottom:0;

    left: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}

.prev2{

    width: 52px;

    height: 52px;

    background: url(../images/ico_prev2.png);

    position: absolute;

    top:50%;

    left: 10px;

    margin-top: -26px;

    cursor: pointer;

    z-index: 3;

}

.next2{

    width: 52px;

    height: 52px;

    background: url(../images/ico_prev2.png);

    position: absolute;

    top:50%;

    right: 10px;

    margin-top: -26px;

    cursor: pointer;

    -webkit-transform: rotateZ(180deg);

    transform: rotateZ(180deg);

    z-index: 3;

}

.products-list-wrap .item{

    padding-top: 60px;

    padding-bottom: 60px;

}

.products-list-wrap .item .conm{

    height: 430px;

    padding-right: 160px;

    overflow: auto;

}

.products-list-wrap .item .conm::-webkit-scrollbar {/*滚动条整体样式*/

        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

}

.products-list-wrap .item .conm::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 2px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);

    background: #434e89;



}



.products-list-wrap .item .conm::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.12);

    border-radius: 2px;

    background: #EDEDED;

}

.about-section1{padding-top: 80px;padding-bottom: 70px;}

.about-section2{background: #f3f3f3;padding-top: 120px;padding-bottom: 120px;}

.about-section3{

    background: #fdfdfd;

    text-align: center;

    padding-top: 70px;

    padding-bottom: 160px;

}

.about-section3 .title{

    font-size: 36px;

    color:#000;

    margin-bottom: 110px;

}

.about-develop{position: relative;}

.about-develop .line{

    width: 100%;

    height: 1px;

    background:#dcdcdc;

    position: absolute;

    top:50px;

    left: 0;

}

.about-develop-swp {position: relative;z-index: 5;}

.about-develop-swp .tdate{

    font-size: 24px;

    line-height: 40px;

}

.about-develop-swp .active .tdate{

    font-size: 28px;

    font-family: "SourceHanSansCNBold";

    color:#2c387a;

}

.about-develop-swp h4{

    margin-top:50px;

    font-size: 16px;

    line-height: 24px;

    color:#666;

}

.ico-ydl{

    width: 14px;

    height: 14px;

    border-radius: 100%;

    background:#dcdcdc;

    border:2px solid #fff;

    margin: 3px auto 0;

    position: relative;

}

.ico-ydl i{

    position: absolute;

    top:20px;

    left: 50%;

    height: 24px;

    width: 1px;

    background: #bfbfbf;

}

.about-develop-swp .prev-sm{

    position: absolute;

    top:32px;

    left: 0;

    z-index: 3;

}

.about-develop-swp .next-sm{

    position: absolute;

    top:32px;

    right: 0;

    z-index: 3;

}

.about-section4{padding-top: 60px;padding-bottom: 120px;}

.about-section4 .title{

    font-size: 36px;

    margin-bottom: 35px;

    text-align: center;

}

/* .about-section4 .text{max-width: 1100px;margin:0 auto;} */



.kxxc-section1{padding-top: 70px;padding-bottom: 50px;}

.kxxc-section2{

    padding-top: 60px;

    padding-bottom: 60px;

    background: #f7f7f7;

}

.contact-wrap {

    padding: 150px 0 110px;

    background: url(../images/abimg.jpg) center no-repeat;

    background-size: cover;

}

.we-wrap .we-item{

    padding-top: 40px;

    padding-bottom: 60px;

}

.titleWe{margin-bottom: 40px;}

.titleWe span{

    display: inline-block;

    font-size: 30px;

    position: relative;

}

.titleWe span i{

    width: 2px;

    height: 26px;

    background: #2c387a;

    position: absolute;

    top:100%;

    left: 50%;

    margin-top: 1px;

    margin-left: -1px;

}

.we-wrap .we-item .p1,.we-wrap .we-item .p2{

    padding-right: 45px;

    padding-left: 45px;

    color:#666;

    font-size: 18px;

    line-height: 2;

}

.we-wrap .we-item .p1{

    line-height: 2;

    font-family:"微软雅黑";

    margin-bottom: 40px;

}

.we-wrap .we-item:nth-child(2n){

    background: #f3f3f3;

}

.we-wrap .we-item:nth-child(2n) .p1,.we-wrap .we-item:nth-child(2n) .p2{

    padding-right: 0px;

    padding-left:0px;

}

.case-wrap{padding-top: 15px;padding-bottom: 35px;}

.case-item{margin-bottom: 15px;}

.case-item .imgs{position: relative;}

.case-item .imgs img{width: 100%;}

.case-item .imgs .txt{

    position: absolute;

    bottom:0;

    left:0;

    width: 100%;

    padding:15px 0;

    background: rgba(255,255,255,0.8);

    font-size: 16px;

    text-align: center;

    z-index: 3;

    transition: all 0.3s;

    font-family:"微软雅黑";

}

.case-item-2,.case-item-3,.case-item-6{width: 50%;}

.case-item-7{width: 25%;}

.case-item .imgs:hover .txt{

    background: rgba(44,56,122,0.8);

    color:#fff;

    font-size: 18px;

}

.case-list,.case-list .row{margin-right:-8px;margin-left: -8px;}

.case-list>div,.case-list .row >div{padding-right: 8px;padding-left: 8px;}

.case-listmc{padding-top: 70px;}

.case-listmc .item{margin-bottom:90px;position: relative;}

.case-listmc .item:after{

    position: absolute;

    top:30px;

    right: 0;

    bottom:-30px;

    width: 43%;

    background: #f4f4f4;

    content: '';

}

.case-listmc .item:nth-child(2n):after{

    right: auto;

    left: 0;

}

.case-listmc .item .row{position: relative;z-index: 3;}

.case-listmc .item .img img{width: 100%;}

.case-listmc .item .txt{

    padding:110px 65px 50px;

}

.case-listmc .item .txt .tit{

    font-size: 18px;

    margin-bottom: 15px;

    font-family:"微软雅黑";

}

.case-listmc .item .txt .p{

    font-size: 16px;

    color:#666;

    line-height: 26px;

    margin-bottom: 25px;

}

.case-listmc .item .txt .p2{

    font-size: 16px;

    color:#666;

    line-height: 26px;

    margin-bottom: 45px;

    font-weight: bold;

}

.more-s7 a{

    display: inline-block;

    padding-bottom: 3px;

    font-size: 15px;

    color:#565656;

    border-bottom:1px solid #2b3779;

}

.title-s8{

    font-size: 30px;

    text-align: center;

    margin-top: 50px;

    margin-bottom: 50px;

    font-family:"微软雅黑";

    color:#000;

}

.case-top-swp{

    padding:0 50px;

    position: relative;

}

.prev5,.next5{

    width: 30px;

    height: 56px;

    background: url(../images/ico_prev5.png);

    position: absolute;

    top:50%;

    margin-top: -28px;

    cursor: pointer;

    z-index: 3;

}

.prev5{left: 0;}

.next5{right: 0;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}

.case-top-swp .imgs{position: relative;}

.case-top-swp  .txt{

    position: absolute;

    top:0;

    right: 0;

    bottom:0;

    left: 0;

    background: rgba(44,56,122,0.77);

    font-size: 18px;

    color:#fff;

    font-family:"微软雅黑";

    text-align: center;

    display: none;

}

.case-top-swp .imgs:hover .txt{display: block;}

.case-top-line{

    padding-bottom: 30px;

    border-bottom: 1px solid #ccc;

    margin-right: 50px;

    margin-bottom: 30px;

    margin-left: 50px;

}

.case-mid-conm{

    padding-top: 20px;

    padding-bottom: 40px;

    padding-right: 50px;

    padding-left: 50px;

}

.prev6,.next6{

    width: 52px;

    height: 52px;

    background: url(../images/ico_prev2.png);

    position: absolute;

    top:50%;

    margin-top: -26px;

    z-index: 5;

    cursor: pointer;

}

.prev6{left: 15px;}

.next6{right: 15px;-webkit-transform: rotateZ(180deg);transform: rotateZ(180deg);}

.case-mid-conm .txt{padding:0 90px;}

.case-mid-conm .txt .title-s9{

    font-size: 30px;

    margin-bottom: 30px;

    font-family:"微软雅黑";

}

.case-mid-conm .txt .text p{

    font-size: 18px;

    color:#666;

    line-height: 26px;

    margin-bottom:5px;

}

.case-mid-conm .pagepage{

    padding:40px 0px 0;

    margin-top: 50px;

    line-height: 30px;

}

.news-wrap{padding-top: 35px;}

.news-mlist .item-1 .boxs{

    position: relative;

}

.news-mlist .item-1 .boxs .txt{

    position: absolute;

    top:70px;

    left: 50px;

    right: 50px;

    z-index: 2;

    color: #fff;

}

.news-mlist .item-1 .boxs .txt .tig span{

    display: inline-block;

    height: 25px;

    line-height: 25px;

    padding:0 15px;

    border-radius: 25px;

    color:#000;

    background: #fff;

}

.news-mlist .item-1 .boxs .txt h2{

    margin-top: 20px;

    line-height: 1.6;

    margin-bottom: 20px;

}

.more-s9 a{

    display: inline-block;

    width: 18px;

    height: 18px;

    position: relative;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.more-s9 a:hover{

    -webkit-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}

.more-s9 a:after{

    display: block;

    width: 100%;

    height: 4px;

    background: #fff;

    content: '';

    position: absolute;

    top:7px;

    left: 0;

}

.more-s9 a:before{

    display: block;

    width: 4px;

    height: 100%;

    background: #fff;

    content: '';

    position: absolute;

    top:0;

    left: 7px;

}

.news-mlist .item .boxs{border:1px solid #e1e1e1;}

.news-mlist .item .img img,.news-mlist .item-1 .img img{width: 100%;}

.news-mlist .item .tig{

    margin: 15px 0 20px;

}

.news-mlist .item .tig span{

    display: inline-block;

    height: 25px;

    line-height: 25px;

    padding:0 10px;

    background: #000;

    color:#838383;

    font-size: 13px;

    border-radius: 25px;

}

.news-mlist .item .txt{

    padding:15px 30px;

}

.news-mlist .item .txt p{

    line-height: 25px;

    height: 50px;

    overflow: hidden;

    font-size: 15px;

    margin-top:20px;

}

.news-mlist .item .txt p a{color:#666;}

.more-s10{margin-top: 15px;}

.more-s10 a{

    display: inline-block;

    width: 43px;

    height: 5px;

    background: url(../images/ico_jt2.png);

    margin-bottom: 10px;

}

.news-mlist .row>div{margin-bottom: 30px;}



.imgSize1{

    position: relative;

    background:#e0e0e0;

    width: 100%;

    height: 0;

    padding-top:57.2%;

}

.imgSize2{

    position: relative;

    background:#e0e0e0;

    width: 100%;

    height: 0;

    padding-top:66.28787878787879%;

}

.imgSize1 img,.imgSize2 img{

    position: absolute;

    top:0;

    right: 0;

    bottom:0;

    left: 0;

    max-width: 100%;

    max-height: 100%;

    margin:auto;

}

.details-title {

    text-align: center;

    font-family: "SourceHanSansCNBold";

    color: #555;

    margin-bottom: 20px;

}

.det-shar {

    text-align: center;

    margin-bottom: 60px;

}

.pagepage {

    padding-top: 70px;

    padding-bottom: 60px;

    border-top: 1px solid #888;

    font-size: 16px;

    color: #000;

    margin-top: 50px;

}

.news-wrap .pages{

    margin-top: 0;

    margin-bottom: 60px;

}

.float-form{position: relative;}

.float-form input.inputs1{

    background: rgba(44,56,122,0.17);

    width: 165px;

    height: 28px;

    border-width: 0;

    outline: none;

    box-shadow: none;

    border-radius: 28px;

}

.float-form input.sub {

    width: 28px;

    height: 28px;

    position: absolute;

    right: 8px;

    top: 0;

    z-index: 2;

    border-width: 0;

    outline: none;

    background: url(../images/ico_sea.png) center center no-repeat;

}

.yqlinks a{opacity: 0.7;}

.yqlinks a{

    display: inline-block;

    margin-right: 5px;

    height: 12px;

    line-height: 12px;

    margin-bottom: 8px;

}

.yqlinks a+a{

    padding-left: 8px;

    border-left: 1px solid #fff;

}

.yqlinks a:hover{

    color:#fff;

    opacity:1;

}



/* 浮动框 */

    .float-menu{margin-bottom:0px;position:relative;width:75px;padding-bottom:1px;padding-top: 5px;}

    /* .float-menu.menu-ogg{background:#00ac97;} */

    .float-zx .float-menu.menu-sea{padding-top: 0;}

    .float-zx{position:fixed;left:0;top:50%;margin-top:-45px;z-index: 999;background:#2b377a;padding-top: 10px;}

    .float-zx .float-menu>a{display:block;width:100%;height:36px;text-align:center;font-size:12px;color:#2b377a;line-height:18px;overflow: hidden;}

    .float-zx .float-menu a.inco_float_1{color:#fff;background:url(../images/ico_kefu1.png) center no-repeat;}

    .float-zx .float-menu a.inco_float_2{background:url(../images/ico_kefu3.png) center no-repeat;}

    .float-zx .float-menu a.inco_float_3{background:url(../images/ico_kefu2.png) center no-repeat;}

    .float-zx .float-menu a.inco_float_5{background:url(../images/ico_kefu4.png) center no-repeat;}

    .float-zx .float-menu a p{height:36px;padding-top:3px;display:none;line-height:16px;padding-bottom:3px;margin-bottom:0;}

    .float-zx .float-menu:hover a.inco_float_1 p{background:#2b377a;}

    p.float-names{

        text-align: center;

        color:#fff;

    }

    /* .float-zx .float-menu:hover a p{display:block;background:#fff;} */

    /* .float-zx .float-menu:hover a.inco_float_2,.float-zx .float-menu:hover a.inco_float_3{background:#fff;} */

    .float-box{position:absolute;top:-15px;left:75px;padding-left:25px;display:none;}

    .float-zx .float-menu:hover .float-box{display:block;}

    .float-box-c{

        border: 1px solid #ccc;

        border-top: 4px solid #2b377a;

        padding: 10px;

        background-color: #fff;

        -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);

        -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);

        box-shadow: 0 3px 8px rgba(0,0,0,.15);

        position: relative;

    }

    .menu-ogg .float-box-c{width:360px;}

    .inco_pep{

        display:inline-block;

        width:56px;height:56px;

        background:url(../images/float_pep.jpg) left center no-repeat;

        float:left;

    }

    .float-box-ct p,.float-box-ccb p{

        float: left;

        color: #2b377a;

        font-size: 24px;

        line-height: 28px;

    }

    .float-box-ct p i,.float-box-ccb p i{

        display: block;

        font-size: 14px;

        color: #aaa;

        font-style:normal;

    }

    .float-box-cc{

        padding-top: 5px;

        margin-top: 5px;

        border-top: 1px solid #e4e4e4;

        padding-bottom:5px;

    }

    .float-box-cc h4{

        color: #666;

        font-size: 14px;

        font-weight: normal;

        padding-bottom: 5px;

    }

    .float-box-cc ul li{float: left;width:33.3333%;}

    .float-box-cc ul li a{

        display: inline-block;

        color: #999;

        font-size: 13px;

        padding-left: 43px;

        background: url(../images/q1.gif) no-repeat left 3px;

        line-height: 36px;

    }

    .menu-clock .float-box-c{width:280px;}

    i.inco-sj{

        display: block;

        width: 13px;

        height: 16px;

        background: url(../images/02index-spri1.png) no-repeat 0 -2226px;

        position: absolute;

        left: -9px;

        top: 26px;

    }

    .inco-clock{

        display:block;

        float: left;

        width:56px;

        height:56px;

        background:url(../images/inco_clock.jpg) left top no-repeat;

    }

    .float-zx .float-menu.menu-chat .float-box-ccb p{

        color: #004e62;

        font-size: 16px;

        line-height: 16px;

    }

    .menu-back a{background:url(../images/ft_4.jpg);}

    .menu-back:hover a{background:url(../images/ft_4a.jpg);}



.ny_news_list{ float:left; max-width:1400px; margin-left:0px; display:inline; margin-top:20px;}

.pro_k{ float:left; width:330px; margin-left:10px;margin-right:10px; display:inline; margin-top:20px;}

.pro_tu{ float:left; width:330px; height:192px; background:url(../images/sy_syyq_bj1.gif);}

.pro_tu a img{ float:left; width:310px; height:174px; margin-top:8px; margin-left:11px; display:inline;}

.pro_m{

	float:left;

	width:330px;

	height:35px;

	line-height:35px;

	text-align:center;

	overflow:hidden;

	color:#fff;

	margin-top: -45px;

	z-index: 1000;

	background-image:url(../images/product_btbg.png);

	

}

.pro_re{

	float:left;

	width:181px;

	height:40px;

	line-height:20px;

	overflow:hidden;

	color:#2d2d2d;

	margin-top: 5px;

	font-size:12px;

	margin-left:5px;

	

}

/*turnpage*/





.turnpage{width:1200px; text-align:left; float:left; margin-top:35px; margin-left:15px; display:inline; margin-bottom: 20px;}



.turntxt{float:left; display:inline; line-height:30px; font-size:14px;}



.pagenum{float:right;  display:inline;}



.pagenum span{float:left;display:block;color:#000; border:1px solid #00a0e9; padding:4px 5px; margin-right:3px; font:14px/14px "微软雅黑";border-radius: 4px; }



.turnpage a:link,.turnpage a:visited{float:left; display:block; color:#000; border:1px solid #00a0e9;padding:4px 5px; margin-right:3px; font:14px/14px "微软雅黑";border-radius: 4px;}



.turnpage a:hover,.hovera{float:left; display:block;background:#00a0e9; color:#fff !important;border:1px solid #00a0e9;padding:4px 5px; margin-right:3px; font:14px/14px "微软雅黑";border-radius: 4px;}







/*turnpage*/





.turnpage1{width:100%; text-align:left; float:left; margin-top:2%; margin-left:15px; display:inline; margin-bottom: 20px;}



.turntxt{float:left; display:inline; line-height:30px; font-size:14px;}



.pagenum{float:right;  display:inline;}



.pagenum span{float:left;display:block;color:#000; border:1px solid #00a0e9; padding:4px 5px; margin-right:3px; font:14px/14px "微软雅黑";border-radius: 4px; }



.turnpage1 a:link,.turnpage1 a:visited{float:left; display:block; color:#000; border:1px solid #00a0e9;padding:4px 5px; margin-right:3px; font:14px/14px "微软雅黑";border-radius: 4px;}



.turnpage1 a:hover,.hovera{float:left; display:block;background:#00a0e9; color:#fff !important;border:1px solid #00a0e9;padding:4px 5px; margin-right:3px; font:14px/14px "微软雅黑";border-radius: 4px;}











.ny_cen{



	margin:0px auto;



	width:1200px;



	margin-bottom: 30px;



}



.ny_ts{ margin:0 auto; width:1100px; height:206px; }



.ny_ts_1{ float:left;width:1100px; height:506px; background:url(../images/tishi.png) no-repeat; margin-top:20px; margin-bottom:20px;}



.ny_ts_wz{ float:left; width:890px; height:30px; line-height:30px; text-align:center; margin-top:130px; font-weight:bold; font-size:14px; margin-left:200px; display:inline;}



.ny_ts_wz2{ float:left; width:890px; height:30px; line-height:30px; text-align:center; font-size:14px;margin-left:200px; display:inline;}



.ny_right_xm_nr1{ float:left; width:1085px; margin-left:15px; display:inline; margin-top:20px;}



.ny_right_xm_nr1 ul{ width:1075px;}



.ny_right_xm_nr1 ul li{ float:left; width:1075px; height:24px; line-height:24px;  border-bottom:1px dotted #ccc; margin-top:10px;}



.ny_right_xm_nr1 ul li a{ float:left; display:block; width:785px; margin-left:10px; display:inline; overflow:hidden;}



.ny_right_xm_nr1 ul li a:hover{ color:#000000; text-decoration:underline;}



.ny_right_xm_nr1 ul li span{ float:right; margin-right:8px; display:inline; color:#999;}







.text .list{ padding-top: 3%; }

.text .list ul{ margin-right: 2%; }

.text .list li{ float: left; width: 50%; margin-bottom: 3%; }

.text .list li .box{ margin-right: 1%; background: #f7f7f7; padding-bottom: 3%; }

.text .list li .mxf{ cursor: pointer; }

.text .list li .imgDiv{ padding-bottom: 2%; }

.text .list li .imgDiv img{ width: 100%; }

.text .list li .name{ font-size: 16px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; font-weight: bold; }

.text .list li .btnDiv{ width: 100%; line-height: 47px; height: 47px; margin:2% auto 0; }

.text .list li .btnDiv a{ font-size:16px; display:block; width: 100%; line-height: 47px; height: 47px; background:url(../images/btn6.png) no-repeat; background-size: 100%; text-indent:16px;}



.text .list1{ padding-top: 3%; }

.text .list1 ul{ margin-right: 2%; }

.text .list1 li{ float: left; width: 25%; margin-bottom: 3%; }

.text .list1 li .box{ margin-right: 1%; background: #f7f7f7; padding-bottom: 3%; }

.text .list1 li .mxf{ cursor: pointer; }

.text .list1 li .imgDiv{ padding-bottom: 2%; }

.text .list1 li .imgDiv img{ width: 100%; }

.text .list1 li .name{ font-size: 16px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; font-weight: bold; }

.text .list1 li .btnDiv{ width: 100%; line-height: 47px; height: 47px; margin:2% auto 0; }

.text .list1 li .btnDiv a{ font-size:16px; display:block; width: 100%; line-height: 47px; height: 47px; background:url(../images/btn6.png) no-repeat; background-size: 100%; text-indent:16px;}