/* 
* @Author: anchen
* @Date:   2019-11-15 17:35:17
* @Last Modified by:   anchen
* @Last Modified time: 2020-08-17 08:50:12
*/

/*****分页控件*****/
.pagebox {
text-align:center
}
.pagination {
    margin: 0;
}
.pagination {
    display: block;
    /*padding-left:345px;*/
    margin: 22px 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
}







*{margin: 0;padding: 0;outline:0 none !important;}
a{text-decoration: none;}
li{list-style: none;}
body{padding-top: 84px;   min-width: 1280px;font-family: 微软雅黑;}
.nav{position: fixed;font-size: 0;line-height: 1;top:0;left: 0;width: 100%;padding-top: 10px;background: #fff;box-shadow: 0px 5px 10px -5px #ededed;z-index: 9999;}
.nav>div{width: 1200px;margin: 0 auto;}
.nav>div>img{margin-right: 155px;margin-top: 5px;}
.nav>div>a{font-size: 18px;padding-bottom: 27px;border-bottom: 4px solid transparent;transition:0.5s;vertical-align: top;display: inline-block;margin-top: 25px;color: #4d4d4d;margin-left: 38px;}
.nav>div>a:nth-child(2){margin-left: 0;}
.nav>div>.avt{border-bottom: 4px solid #5f6285;}
.nav>div>a:hover{border-bottom: 4px solid #5f6285;}
.nav>div>div{width: 175px;float: right;text-align: right;}
.nav>div>div>span{font-size: 14px;display: inline-block;width: 34px;height: 20px;line-height: 20px;text-align: center;color: #707392;}
.nav>div>div>span>a{color: #707392;}
.nav>div>div>.avt{background: #707392;color: #fff;}
.nav>div>div>.avt>a{color: #fff;}
.nav>div>div>p{margin-top: 8px;text-align: left;}
.nav>div>div>p>img{margin-right: 8px;vertical-align: middle;}
.nav>div>div>p>span{font-size: 18px;font-weight: bold;color: #707392;vertical-align: middle;}
#banner{font-size: 0;width: 100%;margin: 0 auto;}
.abouts>img{opacity: 0.7;display: none;}
.about{background: url(../images/152_02.jpg) no-repeat center;padding-top: 58px;font-size: 0;line-height: 1;height: 620px;}
.title{background: url(../images/1_13.png) no-repeat center;text-align: center;}
.title>span{vertical-align: middle;font-size: 78px;font-weight: bold;margin-right: 10px;color: #5f6285}
.title>div{width: auto;vertical-align: middle;display: inline-block;text-align: left;}
.title>div>span{font-size: 44px;font-weight: bold;color: #5f6285;}
.title>div>img{display: block;margin-top: 8px;margin-bottom: 11px;}
.title>div>p{font-size: 14px;color: #5f6285;text-transform: uppercase;}
.about_01{overflow: hidden;width: 1200px;margin: 118px auto 0;}
.about_01>div{width: 500px;float:left}
.about_01>video{float:right;width:600px;}
.about_01>div>p{margin-bottom: 56px;}
.about_01>div>p>span{font-size: 24px;color: #33365d;}
.about_01>div>p>font{font-size: 14px;display: inline-block;margin-top: 8px;color: #9597a7;}
.about_01>div>span{font-size: 14px;line-height: 24px;color: #666666;display: block;text-indent: 2em;}
.about_01>div>a{font-size: 14px;color: #fff;background: #5d86ec;width: 120px;height: 40px;line-height: 40px;text-align: center;margin-left: 372px;display: block;margin-top: 22px;}
.cp{width: 1200px;margin: 0 auto;font-size: 0;line-height: 1;}
.cp>ul{height: 515px;}
.cp>ul>li{width: 275px;height: 450px;position: relative;background: #eff0f3;text-align: center;transition:0.5s;margin-right: 32px;float: left;}
.cp>ul>li:last-child{margin-right: 0;}
.cp>ul>li>a>p{position: absolute;left: 0;top: 102px;width: 100%;transition:0.5s;}
.cp>ul>li p>img{max-height: 227px;max-width: 227px;}
.cp>ul>li div{position: absolute;top: 356px;left: 0;width: 100%;transition:0.5s;}
.cp>ul>li div>p{font-size: 18px;color: #404950;margin-bottom: 6px;transition:0.5s;}
.cp>ul>li div>span{color: #70757b;font-size: 12px;display: block;line-height: 20px;transition:0.5s;}
.cp>ul>li:hover{background: #404950;}
.cp>ul>li:hover>a>p{top: 282px;}
.cp>ul>li:hover div{top: 62px;}
.cp>ul>li:hover div>p{color: #ffffff;}
.cp>ul>li:hover div>span{color: #d5d6d7;}
.cp>a{display: block;width: 160px;line-height: 50px;height: 50px;font-size: 20px;color: #fff;background: #5d86ec;text-align: center;margin: 0 auto;}
.case{background: url(../images/远丰_02.jpg) no-repeat left;height: 388px;padding-top: 62px;max-width: 100%;}
#cas{width: 1200px;margin: 0 auto;font-size: 0;line-height: 1;}
.case_1>img{width: 600px;height: 300px;margin-right: 30px;vertical-align: top;}
.case_1>div{width: 483px;display: inline-block;vertical-align: top;margin-top: 20px;background: url(../images/1_19.png) no-repeat left top;padding-left: 27px;}
.case_1>div>span{font-size: 20px;font-weight: bold;color: #5f6285;}
.case_1>div>p{font-size: 14px;line-height: 28px;color: #5f6285;margin-top: 32px;margin-bottom: 24px;}
.case_1>div>a{width: 140px;height: 44px;line-height: 44px;text-align: center;color: #fff;font-size: 16px;background: #5d86ec;display: block;}
.new{background: url(../images/1_26.jpg) no-repeat center;height: 544px;padding-top: 30px;}
.new>div{width: 1200px;margin: 0 auto;line-height: 1;}
.new>div>ul{width: 600px;}
.new>div>ul>li{padding: 20px 0;border-bottom: 1px solid #858585;}
.new>div>ul>li:last-child{border-bottom: none;}
.new>div>ul>li p{font-size: 18px;margin-bottom: 12px;color: #717171;}
.new>div>ul>li span{font-size: 14px;line-height: 24px;color: #a1a1a1;}
.new>div>a{display: block;width: 100px;height: 40px;text-align: center;line-height: 40px;background: #5d86ec;color: #fff;margin: 0 auto;}
.liuyan{width: 1200px;margin: 0 auto;line-height: 1;font-size: 0;overflow: hidden;}
.liuyan>form{float: left;width: 582px;}
.liuyan>form>p{margin-bottom: 20px;}
.liuyan>form>p>span{font-size: 18px;width: 120px;vertical-align: top;display: inline-block;margin-top: 12px;color: #666;}
.liuyan>form>p>input{vertical-align: top;width: 438px;border:1px solid #ccc;line-height: 40px;height: 38px;padding-left: 20px;font-size: 16px;}
.liuyan>form>p>textarea{height: 128px;padding: 15px 20px;width: 418px;font-size: 14px;border:1px solid #ccc;}
.liuyan>form>a{width: 140px;height: 40px;background: url(../images/5325_05.jpg) no-repeat center;line-height: 40px;text-align: center;font-size: 18px;color: #909090;display: inline-block;vertical-align: middle;margin-left: 36px;}
.liuyan>form>.avt{color: #fff;background: url(../images/5325_03.jpg) no-repeat center;margin-left: 198px;}
.liuyan>ul{width: 534px;float: right;}
.liuyan>ul>li{padding: 20px 0 14px;border-bottom: 1px dashed #000;padding-left: 15px;}
.liuyan>ul>li:first-child{padding-top: 0;}
.liuyan>ul>li:last-child{border-bottom: none;}
.liuyan>ul>li>a>div{margin-bottom: 12px;}
.liuyan>ul>li>a>div>span{display: inline-block;vertical-align: top;width: 20px;height: 20px;line-height: 20px;border:1px solid #dddddd;color: #666;text-align: center;font-size: 16px;}
.liuyan>ul>li>a>div>p{display: inline-block;font-size: 18px;color: #ddd;vertical-align: top;margin-left: 20px;line-height: 24px;color: #666;width: 470px;}
.liuyan>ul>li>a>p>span{display: inline-block;vertical-align: top;width: 22px;height: 22px;line-height: 22px;color: #fff;text-align: center;font-size: 16px;background: #5f6285;}
.liuyan>ul>li>a>p>font{display: inline-block;font-size: 14px;color: #ddd;vertical-align: top;margin-left: 20px;line-height: 24px;color: #808080;width: 470px;}
.map{background: url(../images/1111_03.jpg) no-repeat center;width: 1100px;height: 467px;padding-top: 66px;padding-left: 100px;margin: 0 auto;font-size: 0;line-height: 1;margin-bottom: 95px;box-shadow: 0 0 12px #c6c6c6;}
.map>div{width: 478px;float: left;margin-top: 35px;}
.map>div>img{margin-bottom: 60px;}
.map>div>p{margin-bottom: 20px;padding-left: 30px;}
.map>div>p>img{vertical-align: middle;}
.map>div>p>span{width: 348px;display: inline-block;vertical-align: middle;margin-left: 30px;color: #02375f;font-size: 22px;line-height: 36px;}
.map>div>p:last-child>img{vertical-align: top;margin-top: 7px;}
.map>img{float: left;margin-left: 46px;}
.floor{width: 1200px;margin: 0 auto 21px;font-size: 0;line-height: 1;overflow: hidden;padding-bottom: 27px;border-bottom: 1px solid #fff;}
.floor>p{float: left;width: 326px;margin-right: 94px;margin-top: 5px;text-align: center;}
.floor>p>img{margin-bottom: 28px;}
.floor>p>span{line-height: 26px;font-size: 14px;color: #666;display: block;text-align: left;}
.floor>div{width: 204px;float: left;}
.floor>div>p{font-size: 18px;margin-bottom: 42px;color: #666666;}
.floor>div>a{margin-bottom: 16px;display: block;font-size: 14px;color: #808080;}
.floor>img{float: right;}
.sb{width: 1200px;line-height: 1;font-size: 0;margin: 0 auto 140px;}
.sb>p{font-size: 14px;text-align: center;margin-bottom: 56px;line-height: 24px;color: #666666;}
.sb>ul{overflow: hidden;}
.sb>ul>li{overflow: hidden;}
.sb>ul>li>img{float: left;width: 600px;}
.sb>ul>li>div{display: flex;flex-direction: column;justify-content: center;align-items: left;float: left;height: 300px;width: 484px;padding: 0 58px;background: #5f6285;color: #fff;}
.sb>ul>li>div>p{margin-bottom: 8px;}
.sb>ul>li>div>p>img{vertical-align: middle;}
.sb>ul>li>div>p>span{font-size: 18px;display: inline-block;width: 460px;vertical-align: middle;margin-left: 10px;}
.sb>ul>li>div>span{font-size: 14px;padding-left: 20px;display: block;line-height: 24px;width: 460px;}
.sb>ul>li:nth-child(2n)>img{float: right;}
.sb>ul>li:nth-child(2n)>div{background: #3f4259;}
.sb>ul>li:nth-child(2n)>div>p>img{float: right;transform:rotate(180deg);margin-top: 4px;}
.sb>ul>li:nth-child(2n)>div>p>span{float: left;text-align: right;margin-right: 10px;margin-left: 0;}
.sb>ul>li:nth-child(2n)>div>span{text-align: right;padding-left: 0px;padding-right: 20px;}
.sb>div{overflow: hidden;}
.sb>div>img{float: left;}
.sb>div>ul{width: 400px;float: left;}
.sb>div>ul>li{display: flex;flex-direction: column;justify-content: center;align-items: left;float: left;height: 199px;width: 320px;padding: 0 40px;background: #5f6285;color: #fff;}
.sb>div>ul>li>p{margin-bottom: 8px;}
.sb>div>ul>li>p>img{vertical-align: middle;}
.sb>div>ul>li>p>span{font-size: 18px;display: inline-block;width: 300px;vertical-align: middle;margin-left: 10px;}
.sb>div>ul>li>span{font-size: 14px;padding-left: 20px;display: block;line-height: 24px;width: 300px;}
.sb>div>ul>li:nth-child(2){background: #3f4259;}
.sb>div>ul>li:nth-child(2)>p>img{float: right;transform:rotate(180deg);margin-top: 4px;}
.sb>div>ul>li:nth-child(2)>p>span{float: left;text-align: right;margin-right: 10px;margin-left: 0;}
.sb>div>ul>li:nth-child(2)>span{text-align: right;padding-left: 0px;padding-right: 20px;}
.abouts{width: 900px;margin: 0 auto 76px;position: relative;font-size: 0;line-height: 1;}
.abouts>div{width: 900px;background: #fff;box-shadow: 0 0 7px #e0dfdf;padding-top: 60px;text-align: center;min-height: 350px;padding-bottom: 30px;z-index: 99}
.abouts>div>p{font-size: 24px;font-weight: bold;color: #33365d;margin-bottom: 14px;}
.abouts>div>span{font-size: 14px;font-weight: bold;color: #9597a7;}
.abouts>div>b{background: #666666;width: 160px;height: 4px;display: inline-block;margin-top: 14px;margin-bottom: 28px;}
.abouts>div>div{padding: 0 94px;text-align: left;}
.contact{position: relative;margin: 36px auto 100px;width: 1200px;background: #fff;}
.contact>div{margin: 60px 0;padding-left: 8px;font-size: 0;line-height: 1;}
.contact>div>img{vertical-align: top;}
.contact>div>div{width: 400px;display: inline-block;vertical-align: top;margin-top: 18px;margin-left: 26px;}
.contact>div>div>p{font-size: 20px;color: #707392;text-align: center;margin-bottom: 18px;font-weight: bold;}
.contact>div>div>span{font-size: 16px;color: #333333;display: block;text-align: center;font-weight: bold;margin-bottom: 20px;}
.contact>div>div>div{margin-bottom: 14px;}
.contact>div>div>div>p{font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.contact>div>div>div>span{font-size: 16px;display: block;line-height: 28px;color: #4d4d4d;}
.contact>form{width: 1050px;margin: 0 auto;}
.contact>form>p{margin-bottom: 40px;font-size: 30px;color: #4d4d4d;text-align: center;}
.contact>form>span{font-size: 16px;margin-right: 19px;vertical-align: middle;color: #808080;display: inline-block;}
.contact>form>input{border:1px solid #ccc;width: 277px;height: 38px;line-height: 40px;font-size: 14px;color: #333;padding-left: 21px;vertical-align: middle;margin-right: 26px;border-radius: 5px;}
.contact>form>input:nth-child(7){margin-right: 0;}
.contact>form>textarea{width:956px;height: 178px;border:1px solid #ccc;border-radius: 6px;vertical-align: top;margin-top: 22px;padding: 10px 20px;line-height: 22px;font-size: 14px;color: #333;}
.contact>form>a{display: block;width: 160px;height: 50px;line-height: 50px;border-radius: 6px;color: #fff;background: #6165ac;font-size: 20px;text-align: center;margin: 40px auto 0;}
.news{background: #fff;position: relative;width: 1200px;margin: -160px auto 96px;font-size: 0;line-height: 1;}
.news>div{background-color: #f7f7f7;background-image: url(../images/55_05.jpg);height: 324px;background-position: top right;background-repeat: no-repeat;}
.news>div>img{vertical-align: middle;margin-right: 40px;width: 513px;height: 324px;}
.news>div>div{width: 610px;vertical-align: middle;display: inline-block;}
.news>div>div>p{font-size: 20px;color: #666666;margin-bottom: 26px;}
.news>div>div>span{color: #999999;line-height: 24px;font-size: 14px;}
.news>div>div>a{margin-top: 36px;font-size: 20px;color: #fff;background: #5eaeff;text-align: center;line-height: 44px;height: 44px;width: 164px;display: block;}
.news>ul{margin-bottom: 47px;margin-top: 20px;}
.news>ul>li{padding: 20px 0;border-bottom: 1px solid #eeeeee;padding-left: 20px;}
.news>ul>li:last-child{border-bottom: none;}
.news>ul>li>a>p{width: 90px;margin-right: 30px;color: #cccccc;vertical-align: top;display: inline-block;margin-top: -4px;}
.news>ul>li>a>p>span{font-size: 54px;}
.news>ul>li>a>p>font{font-size: 16px;border-top: 1px dashed #ccc;display: inline-block;margin-top: 5px;padding-top: 12px;}
.news>ul>li div{width: 1022px;display: inline-block;vertical-align: top;}
.news>ul>li div>p{font-size: 20px;color: #666;margin-bottom: 12px;}
.news>ul>li div>span{font-size: 14px;line-height: 24px;color: #999999;}
.tits{background: #f2f2f2;color: #808080;margin-bottom: 72px;}
.tits>div{width: 1200px;margin: 0 auto;line-height: 44px;font-size: 14px;}
.newxq{width: 1200px;margin: 68px auto 86px;font-size: 0;line-height: 1;}
.newxq>p{text-align: center;font-size: 20px;font-weight: bold;color: #666666;}
.newxq>span{display: block;text-align: center;font-size: 12px;color: #ccc;margin-top: 38px;margin-bottom: 56px;}
.newxq>div{width: 1122px;margin: 0 auto 54px;color: #999999;}
.newxq>ul{border-top: 1px solid #ccc;padding-top: 39px;}
.newxq>ul>li>a{color: #808080;font-size: 14px;}
.newxq>ul>li{margin-bottom: 12px;}
.rx{width: 1200px;margin: 70px auto 0;background: #5f6285;position: relative;height: 278px;position: relative;}
.rx>p{padding-left: 28px;padding-top: 44px;margin-right: 40px;float: left;}
.rx>p>span{font-size: 30px;color: #fff;}
.rx>p>b{display: inline-block;margin-top: 20px;width: 80px;height: 4px;background: #fff;}
#rx{width: 950px;float: left;background: #fff;}
.rx_1{background: #f2f2f2;text-align: center;margin-right: 10px;height: 278px;width: 180px;}
.rx_1 img{margin-top: 44px;margin-bottom: 30px;max-width:90%;}
.rx_1 p{font-size: 13px;color: #5f6285;}
.rx>b{position: absolute;right: 62px;top: 0;height: 278px;background: #5f6285;width: 10px;z-index: 99;}
.pros{width: 1200px;margin: 0 auto 140px;font-size: 0;line-height: 1;overflow: hidden;}
.pros>.left{width: 260px;float: left;background: #5f6285;}
.pros>.left>p{line-height: 80px;text-align: center;color: #fff;font-size: 24px;}
.pros>.left>a{display: block;padding-left: 16px;margin-left: 12px;color: #fff;font-size: 18px;line-height: 64px;transition:0.3s;}
.pros>.left>.avt{background: #efeff3;color: #484b66;}
.pros>.left>a:hover{background: #efeff3;color: #484b66;}
.pros>.right{width: 920px;float: right;overflow: hidden;}
.pros>.right>div{width: 215px;margin-right: 20px;float: left;margin-bottom: 19px;position: relative;height: 360px;text-align: center;background: #f2f2f2;}
.pros>.right>div>a>img{margin-top: 62px;max-width: 200px;}
.pros>.right>div>a>p{font-size: 16px;color: #5f6285;position: absolute;bottom: 20px;width: 100%;left: 0;}
.pros>.right>div>a>b{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition:0.5s;z-index: 9;background: rgba(95,98,133,0.7);}
.pros>.right>div>a>b>img{margin-top: 136px;}
.pros>.right>div:hover>a>b{opacity: 1;}
.pros>.right>div:nth-child(4n){margin-right: 0;}
.titpro{background: url(../images/8_03.jpg) no-repeat center;height: 40px;line-height: 40px;color: #484b66;font-size: 14px;padding-left: 84px;width: 1116px;margin: 0 auto 60px;}
.titpro>a{color: #484b66;}
.proxq{width: 1080px;margin: 0 auto 65px;font-size: 0;line-height: 1;}
#pro_0{display: inline-block;vertical-align: top;width: 598px;height: 598px;border:1px solid #cccccc;box-shadow: 0 0 5px #cccccc;margin-right: 104px;}
#pro_1{width: 222px;display: inline-block;vertical-align: top;}
#pro_1 .slick-list{padding: 0 10px;height: 625px !important;}
.proxq1{margin-top: 60px;}
.proxq1>p{font-size: 30px;font-weight: bold;color: #333;border-left: 6px solid #696a7e;line-height: 40px;margin-bottom: 24px;padding-left: 20px;}
.proxq1>div{width: 1020px;margin: 0 auto;color: #4d4d4d;}
.proxq1>ul{overflow: hidden;margin-top: 44px;padding-top: 20px;border-top: 1px solid #ccc;}
.proxq1>ul>li{float: left;font-size: 14px;}
.proxq1>ul>li>a{color: #666666;}
.proxq1>ul>li:last-child{float: right;}
.proxq>form{margin-top: 38px;}
.proxq>form>p{font-size: 30px;font-weight: bold;color: #333;border-left: 6px solid #696a7e;line-height: 40px;margin-bottom: 45px;padding-left: 20px;}
.proxq>form>span{margin-left: 15px;margin-right: 20px;display: inline-block;vertical-align: middle;font-size: 16px;color: #808080;}
.proxq>form>input{width: 279px;height: 38px;line-height: 38px;font-size: 14px;color: #333;border:1px solid #cccccc;border-radius: 5px;margin-right: 15px;padding-left: 19px;vertical-align: middle;}
.proxq>form>input:nth-child(7){margin-right: 0;}
.proxq>form>textarea{width: 956px;height: 178px;padding: 10px 20px;font-size: 14px;line-height: 24px;border:1px solid #cccccc;border-radius: 5px;vertical-align: top;margin-top: 23px;}
.proxq>form>a{display: block;width: 160px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #fff;background: #6165ac;border-radius: 6px;margin:38px auto 0;}