*{margin: 0;padding: 0;
    outline:0 none !important;
    box-sizing: border-box;}
a{text-decoration: none;}
li{list-style: none;}
div{font-size: 0;line-height: 1;}
.clear{clear: both;display: block;}
html{font-family: 微软雅黑;min-width: 1280px;}
body{min-width: 1280px;}
@font-face{
    font-family: 'fz';
    src : url('../BARLOW-REGULAR.TTF');
}
@font-face{
    font-family: 'fz1';
    src : url('../BARLOW-BOLD_0.TTF');
}
.wid{width: 1200px;margin: 0 auto;}
.clear{display: block;clear: both;}
.nav{height: 100px;line-height: 100px;border-bottom: 1px solid rgba(255,255,255,0.1);z-index: 999;width: 100%;}
/*.nav>div{overflow: hidden;}*/
.nav>div>a{float: left;margin-top: 10px;}
.nav>div>ul{float: right;}
.nav>div>ul>li{border-bottom: 3px solid transparent;transition:0.5s;height: 100px;float: left;line-height: 100px;margin-left: 38px;position: relative;}
.nav>div>ul>li>a{color: #333;font-size: 16px;}
.nav>div>ul>li>div{position: absolute;background: #fff;padding: 24px;width: 130px;left: -33px;top: 70px;border-radius: 4px;display: none;}
.nav>div>ul>li>div>a{display: block;color: #666;transition:0.5s;margin-bottom: 20px;font-size: 16px;}
.nav>div>ul>li>div>a:last-child{margin-bottom: 0;}
.nav>div>ul>li>div>a:hover{color: #2071c0;}
.nav>div>ul>li>div>.avt{color: #2071c0;}
.nav>div>ul>.avt{border-color: #4eb5ff;}
.nav>div>ul>.avt>a{color: #4eb5ff;}
.nav>div>ul>li:hover>div{display: block;}
.title>b{font-size: 36px;color: #333;display: block;margin-bottom: 24px;}
.sfa{margin: 60px auto;background: url(../images/11_02.jpg) no-repeat center;height: 600px;padding-top: 40px;}
.sfa>ul{margin-top: -5px;}
.sfa>ul li p{width: 440px;display: inline-block;vertical-align: middle;margin-right: 120px;}
.sfa>ul li p>span{font-size: 30px;color: #333;}
.sfa>ul li p>font{font-size: 14px;line-height: 2;color: #666;display: block;margin-top: 54px;}
.sfa>ul li img{vertical-align: middle;width: 640px;height:400px;}
.spro1{margin-top: 50px;background: url(../images/1_12.png) no-repeat center bottom;height: 544px;}
.spro1>ul{display: none;width: 1220px;margin: 0 auto;}
.spro1>ul:first-child{display: block;}
.spro1>ul li{padding: 14px 14px 0;margin: 10px 12px;height: 392px;border-bottom: 6px solid #fff;background: #fff;box-shadow: 0 0 10px rgba(0,76,22,0.2);}
.spro1>ul li img{margin-bottom: 20px;width:254px;height:254px;}
.spro1>ul li b{font-size: 16px;color: #333;padding-left: 10px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.spro1>ul li p{font-size: 14px;color: #666;line-height: 22px;margin-top: 12px;padding: 0 10px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.spro1>ul li:hover{border-color: #99c2e2;}
.sabout{height: 688px;background: url(../images/11_04.jpg) no-repeat center;margin-top: 78px;}
.sabout>div>img{float: left;}
.sabout>div>div{float: right;width: 540px;margin-top: 28px;}
.sabout>div>div>p{font-size: 16px;color: #666;line-height: 32px;margin: 30px 0 52px;}
.sabout>div>div>a{display: block;width: 124px;height: 42px;line-height: 42px;border:1px solid #0066b6;text-align: center;font-size: 16px;color: #0066b6;}
.title>p{float: right;position: relative;margin-top: -46px;}
.title>p>span{cursor: pointer;color: #666;font-size: 16px;width: 104px;height: 38px;text-align: center;line-height: 38px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.title>p>a{cursor: pointer;color: #666;font-size: 16px;width: 104px;height: 38px;text-align: center;line-height: 38px;display: inline-block;vertical-align: middle;}
.title>p>.avt{color: #fff;background: #0066b6;}
.snew{background: #ebf3f9;padding: 80px 0 100px;}
.snew1{margin-top: 40px;display: none;}
.snew1>.left{width: 792px;position: relative;float: left;}
.snew1>.left img{width: 100%;height: 400px;}
.snew1>.left p{position: absolute;height: 188px;bottom: 0;left: 0;width: 100%;color: #fff;padding: 96px 48px 0;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));}
.snew1>.left p>span{font-size: 14px;}
.snew1>.left p>b{font-size: 18px;display: block;margin-top: 17px;}
.snew1>.right{float: right;width: 384px;background: #0066b6;height: 400px;padding: 60px 48px 0;}
.snew1>.right a{color: #fff;}
.snew1>.right span{font-size: 14px;vertical-align: middle;}
.snew1>.right b{font-size: 18px;line-height: 32px;margin: 18px 0 24px;display: block;}
.snew1>.right p{font-size: 14px;line-height: 24px;margin-bottom: 92px;}
.snew1>.right font{font-family: 黑体;font-size: 14px;vertical-align: middle;margin-left: 9px;}
.banner img {
    transition: 3s;
}
.snew1>ul{margin-top: 22px;overflow: hidden;display: none;}
.snew1>ul>li{float: left;width: 384px;height: 200px;padding: 30px 48px 0;background: #fff;margin-right: 24px;}
.snew1>ul>li:nth-child(3n+1){margin-right: 0;}
.snew1>ul>li:first-child{display: none;}
.snew1>ul>li p{font-size: 14px;color: #999;}
.snew1>ul>li b{display: block;font-size: 18px;color: #333;margin: 14px 0 35px;line-height: 32px;}
.snew1>ul>li span{font-size: 14px;color: #0066b6;margin-right: 9px;vertical-align: middle;}
.snew1>ul>li font{font-family: 黑体;font-size: 14px;vertical-align: middle;color: #0066b6;}
.snew1>ul:nth-child(4){display: block;}
.sal{margin: 80px auto 100px;}
.sal>ul{margin-top: 38px;overflow: hidden;display: none;}
.sal>ul>li{float: left;width: 384px;margin-right: 24px;border-bottom: 2px solid #eaeaea;height: 374px;transition:0.5s;}
.sal>ul>li:nth-child(3n){margin-right: 0;}
.sal>ul>li img{width: 100%;height:216px;}
.sal>ul>li:hover{border-color: #0066b6;}
.sal>ul>li p{font-size: 18px;color: #0066b6;padding: 0 30px;line-height: 32px;margin: 18px 0 32px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.sal>ul>li span{font-size: 14px;color: #999;margin-left: 30px;}
.sal>ul:nth-child(2){display: block;}
.floor{background: #333333;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 #5c5c5c;}
.floor .left>p>a{font-size: 16px;color: #e0e0e0;vertical-align: middle;}
.floor .left>p>i{width: 1px;height: 12px;display: inline-block;vertical-align: middle;background: #858585;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: #adadad;}
.floor .left>span{display: block;padding-top: 20px;border-top: 1px solid #5c5c5c;font-size: 14px;color: #adadad;}
.floor .left>span>a{color: #adadad;margin-left: 8px;}
.floor .right{float: right;width: auto;text-align: right;}
.floor .right>p{width: 132px;margin: 14px 0 50px;text-align: center;font-size: 14px;display: inline-block;color: #adadad;}
.floor .right>span{font-size: 14px;color: #adadad;}
.floor .right>span>a{color: #adadad;}
.contain{width: 1200px;margin: 40px auto 90px;}
.contain>.left{width: 270px;float: left;}
.contain>.left>p{background: #2071c0;height: 140px;padding-left: 40px;padding-top: 38px;color: #fff;font-size: 30px;}
.contain>.left>p>b{display: block;margin-top: 18px;width: 20px;height: 2px;background: #fff;}
.contain>.left>div{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.contain>.left>div>div{min-height: 70px;border-bottom: 1px solid #f2f2f2;}
.contain>.left>div>div>a{margin-left: 40px;line-height: 70px;display: block;}
.contain>.left>div>div span{display: none;width: 10px;margin-right: 10px;height: 3px;vertical-align: middle;background: #2071c0;}
.contain>.left>div>div b{font-size: 18px;color: #666666;vertical-align: middle;font-weight: 500;}
.contain>.left>div>div>div{display: none;background: #fafafa;padding:24px  47px;}
.contain>.left>div>.avt>div{display: block;}
.contain>.left>div>.avt>img{transform: rotate(90deg);}
.contain>.left>div>div>div>a{padding-left: 14px;color: #999;font-size: 16px;margin-bottom: 24px;display: block;width: auto;}
.contain>.left>div>div>div>a:last-child{margin-bottom: 0;}
.contain>.left>div>div>div>.avt1{color: #2960ad;font-weight: bold;}
.contain>.left>div>.avt b{color: #2071c0;font-weight: bold;}
.contain>.left>div>.avt span{display: inline-block;}
.contain>.right{width: 880px;float: right;}
.contain>.right>p{margin-top: 4px;padding-bottom: 16px;border-bottom: 2px solid #2071c0;margin-bottom: 30px;}
.contain>.right>p>span{vertical-align: bottom;font-size: 18px;color: #999;margin-left: 20px;}
.contain>.right>p>b{font-size: 30px;vertical-align: bottom;color: #2071c0;}
.contain>.right>p>span{float: right;margin-top: 13px;}
.contain>.right>p>span>img{vertical-align: middle;}
.contain>.right>p>span>font{vertical-align: middle;font-size: 14px;color: #999;margin-left: 10px;}
.contain>.left>div>div{position: relative;}
.contain>.left>div>div>img{position: absolute;right: 20px;top: 31px;transition:0.5s;}
.contain>.left>ul{background: url(../images/22_03.jpg);height: 480px;padding: 27px 30px 0 30px;margin-top: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.contain>.left>ul>b{font-size: 16px;color: #333;display: block;margin-bottom: 16px;}
.contain>.left>ul>p{font-size: 14px;line-height: 26px;color: #666666;display: inline-block;vertical-align: top;width: 46px;}
.contain>.left>ul>span{font-size: 14px;line-height: 26px;color: #666666;display: inline-block;vertical-align: top;width: 160px;}
.contain>.left>ul>div{border:1px solid #e5e5e5;border-radius: 19px;padding-left: 19px;margin-bottom: 24px;}
.contain>.left>ul>div>input{height: 36px;border:none;font-size: 14px;line-height: 36px;color: #666;width: 156px;vertical-align: middle;}
.contain>.left>ul>div>a{display: inline-block;vertical-align: middle;}
.about img{max-width: 100%;}
.about{font-size: 14px;line-height: 1.5;}
.about p{font-size: 16px;line-height: 32px;color: #666;}
.pro{overflow: hidden;}
.pro>div{width: 280px;margin-right: 20px;margin-bottom: 20px;border:1px solid #e5e5e5;padding: 16px 16px 20px;text-align: center;transition:0.5s;float: left;}
.pro>div:nth-child(3n){margin-right: 0;}
.pro>div img{width: 248px;height: 248px;}
.pro>div p{font-size: 16px;color: #333;transition:0.5s;margin-top: 20px;overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.pro>div:hover{background: #2960ad;}
.pro>div:hover p{color: #fff;}
.pros>img{border:1px solid #e6e6e6;vertical-align: top;width: 358px;height: 358px;margin-right: 80px;}
.pros1{width: 434px;display: inline-block;margin-top: 24px;vertical-align: top;}
.pros1>b{font-size: 24px;color: #333;display: block;margin-bottom: 42px;}
.pros1>p{line-height: 32px;font-size: 16px;color: #666;}
.pros>p{border-bottom: 1px solid #e6e6e6;margin-bottom: 42px;margin-top: 60px;}
.pros>p>span{display: inline-block;width: 124px;height: 40px;color: #fff;text-align: center;background: #2071c0;line-height: 40px;font-size: 16px;}
.pros2{padding: 0 40px;font-size: 16px;line-height: 2;color: #666;}
.al{overflow: hidden;}
.al>div{width: 430px;margin-right: 20px;margin-bottom: 20px;border:1px solid #e5e5e5;padding: 16px 16px 24px;text-align: center;transition:0.5s;float: left;}
.al>div:nth-child(2n){margin-right: 0;}
.al>div img{width: 398px;height: 224px;}
.al>div p{text-align: center;font-size: 16px;margin-top: 20px;color: #333;}
.new2>div{border-bottom: 1px solid #ccc;padding: 40px 0 40px 16px;transition:0.5s;background: url(../images/7_08.png) no-repeat right 24px center;overflow: hidden;}
.new2>div>a>span{display: inline-block;vertical-align: middle;margin-right: 44px;font-size: 18px;color: #333;width: auto;}
.new2>div>a>span>font{color: #666;font-size: 60px;display: block;margin-bottom: 10px;transition:0.5s;}
.new2>div>a>p{display: inline-block;vertical-align: middle;width: 642px;}
.new2>div>a>p>b{font-size: 20px;display: block;margin-bottom: 16px;color: #333;transition:0.5s;}
.new2>div>a>p>span{font-size: 14px;color: #666;line-height: 24px;}
.new2>div:hover{background: url(../images/5_05.png) no-repeat right 24px center;}
.new2>div:hover>a>p>b{color: #1565b1;}
.new2>div:hover>a>span>font{color: #1565b1;}
.new2>div:first-child{margin-top: -30px;}
.newxq{margin-bottom: 40px;}
.newxq>b{font-size: 24px;color: #333;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>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;}
.contact{margin: 58px auto 80px;}
.contact>div{width: 520px;float: left;}
.contact>div>b{font-size: 28px;color: #1f6dba;}
.contact>div>p{font-size: 16px;color: #666;margin: 38px 0 110px;line-height: 32px;}
.contact>div>span{font-size: 16px;color: #666;}
.contact>div>font{font-size: 40px;font-family: Arial;color: #1f6dba;display: block;margin-top: 28px;font-weight: bold;}
.contact>ul{width: 580px;float: right;}
.contact>ul>li{margin-top: 28px;}
.contact>ul>li>p{padding-left: 20px;font-size: 16px;color: #666;margin-bottom: 28px;}
.contact>img{width: 100%;margin-top: 80px;}
.contact1{background: #f7f7f7;padding: 60px 0 80px;}
.contact1>div>p{font-size: 28px;font-weight: bold;color: #1f6dba;margin-bottom: 28px;}
.contact1>div>input{width: 385px;margin-right: 22px;border:1px solid #e6e6e6;border-radius: 4px;padding-left: 19px;font-size: 14px;color: #666;height: 42px;line-height: 42px;background: #fff;}
.contact1>div>input:nth-child(4){margin-right: 0;}
.contact1>div>textarea{width: 100%;resize:none;margin: 21px 0 26px;display: block;background: #fff;padding: 8px 19px;line-height: 26px;font-family: 微软雅黑;font-size: 14px;color: #666;height: 200px;border-radius: 4px;border:1px solid #e6e6e6;}
.contact1>div>a{width: 140px;height: 42px;display: inline-block;vertical-align: middle;border-radius: 4px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;background: #1f6dba;margin-right: 22px;}
.contact1>div>span{width: 140px;height: 42px;display: inline-block;vertical-align: middle;border-radius: 4px;line-height: 42px;text-align: center;font-size: 16px;color: #858585;background: #e6e6e6;}
/*****分页控件*****/
.pagebox {
    text-align: center;
}

.pagination {
    margin: 0;
}

.pagination {
    display: block;
    /*padding-left:345px;*/
    margin: 30px 0 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: 12px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 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
}