*{margin: 0;padding: 0;
    outline:0 none !important;
    box-sizing: border-box;}
a{text-decoration: none;}
li{list-style: none;}
div,ul{line-height: 1;font-size: 0;}
.clear{clear: both;display: block;}
img{max-width: 100%;}
html{font-family: 微软雅黑;min-width: 1280px;}
body{min-width: 1280px;}
@font-face{
    font-family: 'fz';
    src : url('../SHORTHAULSSK.TTF');
}
@font-face{
    font-family: 'fz1';
    src : url('../BARLOW-BOLD_0.TTF');
}
@font-face{
    font-family: 'din';
    src : url('../1.OTF');
}
.wid{width: 1200px;margin: 0 auto;}
.clear{display: block;clear: both;}
.nav{height: 90px;}
.nav>a{display: inline-block;margin-top: 15px;}
.nav>div{float: right;}
.nav>div>a{height: 90px;font-size: 16px;color: #333;text-align: center;transition:0.5s;float: left;line-height: 90px;border-top: 4px solid transparent;padding: 0 20px;}
.nav>div>a:last-child{margin-right: 0;}
.nav>div>.avt{color: #17698f;border-color: #17698f;font-weight: bold;background: #f2f2f2}
.nav>div>a:hover{color: #17698f;border-color: #17698f;font-weight: bold;background: #f2f2f2}
.banner{position: relative;}
.banner>img{display: none;}
.banner>img:first-child{display: block;}
.banner1{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.2);width: 100%;}
.banner1>ul{overflow: hidden;}
.banner1>ul>li{float: left;width: 25%;padding-left: 40px;height: 100px;padding-top: 24px;background: url(../images/141523_03.png) no-repeat right center;}
.banner1>ul>li:last-child{background: none;}
.banner1>ul>li>img{vertical-align: middle;}
.banner1>ul>li>p{display: inline-block;vertical-align: middle;margin-left: 24px;color: #fff;}
.banner1>ul>li>p>b{font-size: 20px;display: block;margin-bottom: 14px;}
.banner1>ul>li>p>font{font-size: 14px;}
.banner1>ul>.avt{background: #dd4e36!important;}
.tit{text-align: center;color: #17698f;}
.tit>span{font-size: 20px;}
.tit>b{font-size: 40px;display: block;margin: 18px auto 0px;}
.tit>b>font{color: #333;}
.tit>p{font-size: 14px;color: #999;line-height: 1.5;margin-top: 20px;}
.bn{background: url(../images/ba_02.jpg) no-repeat center;height: 720px;padding-top: 52px;}
.bn>ul{margin: 30px auto 0;width: 1248px;}
.bn>ul .slick-list{padding: 0 12apx;}
.bn>ul .slick-slide{margin:40px 12px;border:1px solid #e5e5e5;padding: 15px;height: 350px;background: #fff;text-align: center;transition:0.5s;}
.bn>ul .slick-slide img{width: 250px;height: 250px;}
.bn>ul .slick-slide p{margin: 18px 0 14px;font-size: 16px;font-weight: bold;color: #333;transition:0.5s;}
.bn>ul .slick-slide span{font-size: 14px;color: #186a90;}
.bn>ul .slick-slide font{width: 19px;height: 12px;background: url(../images/3215_03.png) no-repeat center;display: none;}
.bn>ul .slick-slide:hover{margin-top: 30px;border-color: #17698f;background: #17698f;box-shadow: 0 0 30px rgba(7,97,137,0.3);}
.bn>ul .slick-slide:hover p{color: #fff;}
.bn>ul .slick-slide:hover span{display: none;}
.bn>ul .slick-slide:hover font{display: inline-block;}
.tent3{background: url(../images/11_02.jpg) no-repeat center;height: 200px;}
.tent3>div{position: relative;color: #fff;padding-top: 49px;}
.tent3>div>b{font-size: 40px;display: block;margin-bottom: 28px;}
.tent3>div>span{font-size: 20px;vertical-align: middle;line-height: 1;}
.tent3>div>i{display: inline-block;vertical-align: middle;margin: 0 14px;height: 12px;width: 1px;background: rgba(255,255,255,0.6);}
.tent3>div>a{position: absolute;right: 0;top: 78px;width: 160px;height: 44px;line-height: 44px;border-radius: 22px;background: #fff;text-align: center;font-size: 16px;color: #17698f;font-weight: bold;}
.sabout1{padding-top: 100px;background: url(../images/ba_04.jpg) no-repeat center 16px;padding-bottom: 100px;}
.sabout{margin-bottom: 58px;}
.sabout>img{vertical-align: middle;}
.sabout>div{display: inline-block;vertical-align: middle;width: 520px;margin-left: 78px;}
.sabout>div>b{font-size: 36px;color: #333;}
.sabout>div>b>font{color: #17698f;}
.sabout>div>p{font-size: 16px;color: #333;margin: 30px 0;line-height: 32px;}
.sabout>div>a{font-size: 16px;color: #666;display: inline-block;padding-right: 40px;line-height: 24px;height: 24px;background: url(../images/1_16.png) no-repeat right center;}
.sabout1>ul{text-align: center;display: flex;justify-content:space-between;}
.sabout1>ul>li>p{margin: 18px auto 22px;font-weight: bold;color: #17698f;}
.sabout1>ul>li>p>b{vertical-align: middle;font-size: 70px;}
.sabout1>ul>li>p>span{font-size: 30px;margin-left: 16px;vertical-align: middle;}
.sabout1>ul>li>font{font-size: 16px;color: #666;}
.tent2{background: url(../images/ba_05.jpg) no-repeat center;height: 776px;padding-top: 60px;margin-bottom: 80px;}
.tent2>ul{margin-top: 36px;overflow: hidden;}
.tent2>ul>li{overflow: hidden;border-radius: 10px;margin-right: 36px;margin-bottom: 30px;width: 375px;height: 242px;position: relative;float: left;}
.tent2>ul>li img{width: 100%;max-width: none;transition:0.5s;}
.tent2>ul>li p{font-size: 16px;color: #fff;font-weight: bold;position: absolute;width: 100%;text-align: center;bottom: 20px;left: 0;}
.tent2>ul>li:hover img{transform: scale(1.1)}
.tent2>ul>li:nth-child(3n){margin-right: 0;}
.link{width: 1220px;margin: 40px auto 110px;}
.link1{margin-bottom: 20px;text-align: center;}
.link1 img{border:1px solid #ccc;cursor: pointer;}
.link1:hover img{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.tent5{padding-top: 80px;background: url(../images/ba_07.jpg) no-repeat center;height: 840px;}
.snew{margin: 40px auto;}
.snew>div{float: left;width: 820px;}
.snew>div>div{width: 400px;float: left;margin-right: 20px;height: 466px;transition:0.5s;}
.snew>div>div:last-child{margin-right: 0;}
.snew>div>div img{width: 400px;height: 300px;}
.snew>div>div b{font-size: 18px;font-weight: 500;color: #333;display: block;margin-top: 20px;padding: 0 20px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;transition:0.5s;}
.snew>div>div p{font-size: 14px;color: #999;margin: 12px 0 24px;padding: 0 20px;line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;height: 48px;}
.snew>div>div span{font-size: 14px;font-family: Arial;color: #999;margin-left: 20px;}
.snew>div>div:hover{background: #fff;box-shadow: 10px 10px 30px rgba(7,97,137,0.10);}
.snew>div>div:hover b{font-weight: bold;color: #17698f;}
.snew>ul{float: right;width: 340px;padding-top: 12px;border-top: 1px dashed #ccc;}
.snew>ul>li{border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 12px;}
.snew>ul>li p{font-size: 16px;line-height: 26px;height: 52px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;color: #333;margin-bottom: 14px;}
.snew>ul>li span{font-family: Arial;font-size: 14px;color: #999;}
.tent5>a{width: 200px;height: 48px;font-size: 16px;line-height: 48px;border-radius: 24px;text-align: center;color: #fff;background-image: linear-gradient(to right, #29dadc, #076089);display: block;margin: 40px auto 0;}
.floor{background: #004b6c;padding: 60px 0 30px;}
.floor>div{overflow: hidden;}
.floor .left{width: 860px;float: left;}
.floor .left>p{padding-bottom: 26px;margin-bottom: 40px;border-bottom: 1px solid #336f89;}
.floor .left>p>a{font-size: 16px;color: #ccdbe2;vertical-align: middle;}
.floor .left>p>i{width: 1px;height: 12px;display: inline-block;vertical-align: middle;background: #336f89;margin: 0 30px;}
.floor .left>ul{overflow: hidden;margin-bottom: 10px;}
.floor .left>ul>li{float: left;min-width: 400px;margin-bottom: 26px;line-height: 20px;}
.floor .left>ul>li>img{vertical-align: middle;}
.floor .left>ul>li>span{vertical-align: middle;margin-left: 14px;font-size: 14px;color: #ccdbe2;}
.floor .left>span{display: block;padding-top: 20px;border-top: 1px solid #336f89;font-size: 14px;color: #ccdbe2;}
.floor .left>span>a{color: #ccdbe2;margin-left: 8px;}
.floor .right{float: right;width: auto;text-align: right;}
.floor .right>p{width: 132px;margin: 14px 0 38px;text-align: center;font-size: 14px;display: inline-block;color: #ccdbe2;}
.floor .right>span{font-size: 14px;color: #ccdbe2;}
.floor .right>span>a{color: #ccdbe2;}
.banners{background: url(../images/2_02.jpg) no-repeat center;height: 300px;}
.contain2{margin: 30px auto 80px;}
.contain2>.left{width: 240px;float: left;background: #fff;}
.contain2>.left>p{background: #17698f;height: 120px;padding-left: 29px;padding-top: 30px;color: #fff;font-size: 24px;font-weight: bold;}
.contain2>.left>p>b{display: block;margin-top: 18px;width: 20px;height: 3px;background: #fff;}
.contain2>.left>div{background: url(../images/2_13.png) no-repeat center bottom;padding-bottom: 66px;}
.contain2>.left>div>div{min-height: 60px;border-bottom: 1px solid #f2f2f2;border-left: 4px solid transparent;}
.contain2>.left>div>div>a{margin-left: 26px;line-height: 60px;display: block;}
.contain2>.left>div>div b{font-size: 18px;color: #666666;vertical-align: middle;font-weight: 500;}
.contain2>.left>div>.avt{background: #f2f7f9;border-left:4px solid #17698f;}
.contain2>.left>div>.avt b{color: #17698f;font-weight: bold;}
.contain2>.left>div>.avt span{display: inline-block;}
/*.contain2>.left>div>div:hover b{color: #ba2926;font-weight: bold;}*/
/*.contain2>.left>div>div:hover span{display: inline-block;}*/
.contain2>.right{width: 940px;float: right;background:url(../images/6_05.jpg) no-repeat top center #fff;padding: 42px 40px 60px;border-top: 6px solid #17698f;}
.contain2>.right>p{border-bottom: 1px solid #cccccc;margin-bottom:30px;}
.contain2>.right>p>b{font-size: 30px;vertical-align: bottom;color: #333;border-bottom: 6px solid #17698f;padding-bottom: 20px;font-weight: 500;display: inline-block;margin-bottom: -1px;}
.contain2>.right>p>span{float: right;margin-top: 13px;}
.contain2>.right>p>span>img{vertical-align: middle;}
.contain2>.right>p>span>font{vertical-align: middle;font-size: 14px;color: #999;margin-left: 10px;}
.pro{overflow: hidden;}
.pro>li{margin-bottom: 22px;margin-right: 22px;float: left;border:1px solid #ccc;padding: 10px 10px 0;height: 310px;width: 272px;transition:0.5s;}
.pro>li img{width: 100%;height: 252px;}
.pro>li p{margin-top: 16px;font-family: Arial;font-size: 18px;color: #333;text-align: center;transition:0.5s;}
.pro>li:hover{background: #17698f;border-color: #17698f;}
.pro>li:hover p{color: #fff;font-weight: bold;}
.pro>li:nth-child(3n){margin-right: 0;}
.pros{text-align: center;}
.pros>img{width: 300px;height: 300px;border:1px solid #ccc;}
.pros>span{font-size: 16px;color: #17698f;display: block;margin: 20px 0 40px;}
.pros>p{border-bottom: 1px solid #17698f;}
.pros>p>font{display: block;width: 140px;height: 42px;line-height: 42px;color: #fff;background: #17698f;font-size: 16px;border-radius: 8px 8px 0 0;}
.pros>div{margin-top: 30px;text-align: left;font-size: 14px;line-height: 1.5;}
.about{font-size: 16px;line-height: 2;color: #666;}
.hz{overflow: hidden;}
.hz>li{float: left;width: 260px;margin-right: 20px;margin-bottom: 20px;}
.hz>li img{border:1px solid #e0e5e7;width: 260px;height: 90px;}
.hz>li p{color:#333;font-size:16px;margin-top:20px;text-align: center;}
.wh>img{margin-bottom: 10px;width: 100%;}
.new>div{padding: 20px 0;border-bottom: 1px dashed #ccc;}
.new>div:first-child{padding-top: 0;}
.new>div>img{width: 240px;height: 180px;vertical-align: top;margin-right: 40px;}
.new>div>div{width: 540px;display: inline-block;vertical-align: top;margin-top: 10px;}
.new>div>div>b{font-size: 20px;color: #333;transition:0.5s;}
.new>div>div>span{font-size: 14px;color: #666;display: block;line-height: 28px;margin: 14px auto 50px;display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
            overflow:hidden;}
.new>div>div>p{font-size: 14px;}
.new>div>div>p>font{color: #666;padding-left: 27px;background: url(../images/124_03.jpg) no-repeat left center;}
.new>div>div>p>a{float: right;margin-top: -8px;width: 98px;height: 32px;line-height: 32px;border-radius: 16px;text-align: center;border:1px solid #ccc;transition:0.5s;color: #666;}
.new>div:hover>div>p>a{background:#17698f;color: #fff;border-color: #17698f;}
.new>div:hover>div>b{color: #17698f;}
.sys{overflow: hidden;}
.sys>li{float: left;width: 272px;margin-right: 22px;margin-bottom: 22px;}
.sys>li:nth-child(3n){margin-right: 0;}
.sys>li img{width: 100%;height: 153px;}
.sys>li p{line-height: 42px;height: 42px;text-align: center;font-size: 16px;color: #333;transition:0.5s;}
.sys>li:hover p{color: #fff;background: #17698f;}
.contact>img{width: 100%;margin-bottom: 40px;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 6px;}
.contact>b{font-size: 20px;color: #333;}
.contact>p{margin: 22px 0 16px;line-height: 28px;color: #333;font-size: 14px;}
.contact>form{margin-top: 30px;}
.contact>form>input{width: 275px;margin-right: 21px;margin-bottom: 21px;border:1px solid #ccc;border-radius: 4px;padding-left: 18px;height: 40px;line-height: 40px;font-size: 14px;color: #666;}
.contact>form>textarea{width: 866px;height: 160px;border:1px solid #ccc;border-radius: 4px;font-size: 14px;color: #666;line-height: 28px;padding: 8px 18px;font-family: 微软雅黑;margin-bottom: 21px;resize:none;}
.contact>form>a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;background: #17698f;}
.newxq>b{font-size: 24px;color: #17698f;display: block;text-align: center;line-height: 1.5;margin-bottom: 28px;}
.newxq>p{border-bottom: 1px dashed #ccc;text-align: center;padding-bottom: 20px;margin-bottom: 24px;}
.newxq>p>img{vertical-align: middle;margin-right: 10px;}
.newxq>p>span{font-size: 14px;color: #666;margin-right: 40px;vertical-align: middle;}
.newxq>p>a{vertical-align: middle;cursor: pointer;}
.newxq>p>a>img{vertical-align: middle;margin-right: 10px;}
.newxq>p>a>span{font-size: 14px;color: #666;vertical-align: middle;}
.newxq>div{margin-bottom: 30px;}
.newxq>div>p{font-size: 16px;line-height: 28px;margin-bottom: 24px;}
.newxq>div>p:last-child{margin-bottom: 0;}
.newxq>ul{padding-top: 30px;border-top: 1px solid #ccc;}
.newxq>ul>li{margin-bottom: 22px;}
.newxq>ul>li>a{font-size: 16px;color: #666;}



/*****分页控件*****/
.pagebox {
    text-align: center
}

.pagination {
    margin: 0;
}

.pagination {
    display: block;
    /*padding-left:345px;*/
    margin: 44px 0;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}

    .pagination > li {
        display: inline-block;
    }

.pagination-gap > li:first-child > a, .pagination-gap > li:last-child > a {
    border-radius: 3px;
}

.pagination-gap > li > a {
    margin: 0 3px;
    border-radius: 3px;
    font-size: 10px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.6;
    color: #76838f;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e4eaec
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #89bceb;
    background-color: #f3f7f9;
    border-color: #e4eaec
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #62a8ea;
    border-color: #62a8ea
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #ccd5db;
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #e4eaec
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 6px 18px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}
.forms{font-size: 5rem;line-height: 1.5;color: #333;font-family: ba;margin: 70px auto 54px;}