/* css document */

.searchbox{ height: 660px; background: #005a8f; color:#fff; padding-top: 188px;}
.searchtab{ height: 55px; text-align: center;}
.tabitem{ height: 44px; display: inline-block; padding: 0 20px; margin:0 20px; cursor: pointer;font-size: 18px; border-radius: 5px; padding-top: 8px; }
.searchtab .tabon{ background: #3cb6b7; color:#fff; position: relative;}
.searchtab .tabon::after{content: ''; width: 8px; height: 8px; background: #3cb6b7; position: absolute; bottom: -4px; left: 49%; transform: rotate(-45deg)}
.inputbox{ height: 66px; background: #ffffff; width: 900px; border-radius: 33px; margin-top: 20px;}
input.search{ font-size: 18px; margin-left: 40px; border:none; width: 700px; outline: none; float: left; height: 66px;}
.inputbox a{display: block; float: right; border-radius: 33px; height: 66px; background: #3fbab8; color:#fff; line-height: 66px; font-size: 20px; width: 150px; text-align: center;}
.searchkey{ width: 780px; margin:30px auto 0 auto; flex-wrap: wrap;}
.searchkey span{ margin-right:0px;padding: 6px 20px;}
.searchkey a{ display: inline-block; margin-bottom: 5px; margin:0 3px; padding: 6px 20px; color:#fff; background: rgba(255,255,255,0.2); border-radius: 20px;}
.searchkey a:hover{ color:#f90;}
.searchright{ font-size: 18px; display: inline-block; height: 66px; line-height: 66px; margin-top: 0px; margin-left: 17px; cursor: pointer;}
.searchright i{ margin-right:8px; margin-top:3px;}
.indextitle{ height: 144px;}
.indextitlecont{ width: 1200px;height: 144px;  font-size: 36px;  color: #343434;}
.businessbox{ height: 372px; background: #eaf2f5; color:#3d3d3d; padding-top: 40px; }
.businesscont{ width: 1200px; height: 278px; }
.businessitem{ width: 278px; height: 278px; background: #fff; text-align: center; padding-top: 20px;}
.businessitem i{ display: block;}
.businessitem i img{ display: block; margin:0 auto;}
.businessitem strong{ display: block; font-size: 20px; margin-top: 20px;}
.businessitem p{ font-size: 16px;  line-height: 150%;}
.indextitleright{ font-size: 20px; margin-left: 30px; padding-top: 14px;}
.indextitleright a{ color:#343434; margin-right: 40px;}
.indextitleright a:hover{ color:#f60;}
.hgbox{ background: #eaf2f5; height: 1000px; padding-top: 60px;}
.hgcont{ width: 1200px; }
.hgitem{ background: #f00;}

.hgleft{ height: 580px; background: #ffffff; width: 48.5%; float: left;}
.hgright{ height: 580px; width: 48.5%; float: right;}
.hgpic{position: relative;}
.hgpic img{ width: 100%;}
.hgpic span{ display: block; width: 65px; height: 65px; position: absolute; top: -30px; right:10px;}
.hgtitle{ height: 80px; font-size: 24px; color: #2d2d2d; text-align: center; line-height: 70px; }
.hgrightitem{ background: #ffffff;}
.hgcontbot{ margin-top: 30px; height: 277px; clear: both;}
.hgbotitem{background: #ffffff; float: left;}
.hgconttop{ height: 580px;}
.hgcontbot .hgbotitem:nth-child(1){ width: 48.5%;}
.hgcontbot .hgbotitem:nth-child(2){ margin-left: 33px; }
.hgcontbot .hgbotitem:nth-child(3){  float: right;}
.newsbox{background: #eaf2f5; height: 774px; padding-top: 27px;}
.newscont{ width: 1200px; margin: 0 auto 0 auto;}
.newsleft{width: 730px; float: left;}
.newsright{width: 436px; float: right;}
.newstoptitle{ height: 60px; width: 100%;}
.newstoptitle strong{ font-size: 22px; color: #2f3334; float: left;}
.newstoptitle a{ color: #6e7376; float: right;}
.newstoptitle a:hover{ color:#f90;}
.newsleftlist{ flex-wrap: wrap;}
.newsleftitem{ width: 356px; flex: 0 0 356px; margin-bottom: 20px; background: #fff; height: 197px; float: left;}
.newsleftitem:nth-child(even){float: right;}
.newsleftitem a{ color: #121212; display: block; box-sizing: border-box; padding: 24px;}
.topline{ height: 2px; background: linear-gradient(to right,#85ba38,#04a2df);}
.newstitle{font-size: 16px; line-height: 140%;}
.newstitle i{ display: inline-block; padding:1px 4px; font-size: 12px; margin-right:6px; background: #ff5858; color:#fff; border-radius: 2px;}
.newscont{ height: 76px;}
.newscont2 i{ width:125px; display: block; overflow: hidden; margin-top: 17px; float: left;}
.newscont2 i img{ width: 100%;}
.newscont2 p{ flex: 1; float: right; width: 164px;  margin:0; margin-top: 12px; padding: 0; margin-left: 8px; font-size: 13px; line-height: 150%; overflow: hidden; height: 76px; color: #8a8a8a;}
.newsrightcont{ background: #fff; height: 630px;}
.newsrightcont{ padding:20px;}
.newsrightitem{ border-bottom: #e6ebee solid 1px; margin-bottom: 13px; padding-bottom: 12px; overflow: hidden;}
.newsrightitem:last-child{ border-bottom: none;}
.newsrightitem span{flex: 0 0 50px; text-align: center; font-size: 12px; color: #999;float: right;}
.newsrightitem a{ color:#555; line-height: 150%; display: block; width: 330px; overflow: hidden; float: left;}
.newsrightitem a:hover{ color:#f90; line-height: 150%;}
.resources{background: #eaf2f5; height: 240px; padding-top: 48px;}
.resourcescont{ width: 1200px; margin:0 auto 0 auto;}
.resouritem{ height: 140px; color:#fff; background: #0b9796; float: left; padding: 20px; color:#fff; width: 23%; margin-right: 2.6%;}
.resouritem:last-child{ margin-right: 0;}
.resouritem a{ color:#fff;}
.resourtop{ margin-top: 8px; }
.resourtop strong{ font-size: 20px;}
.resouritem p{ font-size: 18px;}
.firend{ background: #fff; padding-top: 33px; height: 250px;}
.khbox{ background: #f7f8fa; height: 80px; }
.khcont{ width: 1200px; margin: 0 auto; height: 80px;}
.khleft{ width: 130px; font-size: 24px; color: #0b9796; float: left; height: 80px; line-height: 80px;}
.khright{ flex: 1; overflow: hidden; float: left;}
.khrightcont{ height: 80px;padding-top: 25px; font-size: 20px;}
.khrightcont a{margin:0 10px; color:#333;}
.hbcont{ width: 1200px; height: 80px; margin-top: 23px;}
.hbleft{ width: 130px; font-size: 24px; color: #0b9796; float: left; height: 70px; line-height: 70px;}
.hbright{ flex: 1; display: flex; float: left; }
.hbright a{ border:#efefef solid 1px; display: flex; align-items: center; text-align: center; border-right: 0px;}
.hbright a:last-child{ border-right:#efefef solid 1px; }
.huikan{ background: #0b71af; color: #fff; height: 238px;}
.huikancont{ width: 1200px; }
.hkleft{ width: 50%;height: 238px; float: left; border-right:rgba(255,255,255,0.3) solid 1px; padding-top: 40px;}
.hkright{ width: 50%;height: 238px; float: right; padding:50px 0px 0 50px;}
.hkitem{ width: 270px; height: 146px; margin-right: 20px; float: left;}
.hkitemcont{ width: 156px; text-align: center; float: right; padding-top: 30px;}
.hkitemcont p{ font-size: 22px;}
.hkitemcont a{ display: inline-block;height: 48px; margin-top: 10px; color:#fff; font-size: 18px; border-radius: 24px; line-height: 44px; padding:0 20px; border:#fff solid 1px;}
.hkrightdy{ flex: 1; float: left;}
.hkrightdy strong{ display: block;text-align: center; font-size: 24px;}
.dybox{ height: 48px; background: #fff; width: 350px; border-radius: 24px; margin: 16px auto 0 auto; overflow: hidden;}
.hkinput{ height: 48px; border: none; outline: none; padding-left: 18px; width: 230px;}
.dybox a{ display: block; width: 75px; text-align: center; line-height: 75px; color: #555;}
.hkrightewm{ float: right;}


.zjsys{ display: flex; align-items: center; justify-content: space-between; padding-top: 20px;}
.zjsys a{ display: block; border: #a2e7e2 dashed 1px;width: 180px; height: 180px; background: #eaf2f5; border-radius: 8px;}
.zjsys a span{ display: block; text-align: center; padding-top: 50px;}
.zjsys a span i{ color:#3fbab8; font-size: 36px;}
.zjsys a p{ display: block; text-align: center; color:#333; margin-top: 30px;}

.businesscont1{ width: 1200px;  position: relative; margin: 0 auto 0 auto;}


.searchcont{ text-align: center; vertical-align: middle;}
.inputbox{ display: inline-block;}
.indextitlecont strong{ float: left;}
.indextitleright{float: left;}



.rightfloat{ width: 80px;/*width: 60px;*/ position: fixed;  right: 0; top: 255px;/*top: 300px;*/ box-shadow: rgba(0,0,0,0.1) 0 0 15px;}
.floatitem{ width: 80px;/*width: 60px;*/ padding-top: 12px; position: relative; color: #707070; cursor: pointer; height: 68px; background: #ffffff; text-align: center;}
.floatitem:hover{ background: #3fbab8; color: #ffffff;}
.floatitem:first-child{border-radius: 5px 5px 0 0;}
.floatitem:last-child{border-radius: 0px 0px 5px 5px;}
.floattop{ height: 28px;}
.floattop i{ font-size: 24px;}
.floatitem p{ font-size: 12px;}

.showcont{ display: none; width: 100px; height: 100px; padding: 5px; background: #ffffff;box-shadow: rgba(0,0,0,0.1) 0 0 15px; border-radius: 5px; position: absolute; top:-20px; right: 90px;/*right: 75px;*/}
.showcont img{ width: 90px; height: 90px;}
.showcont span{ display: block; width: 15px; height: 15px; background: #ffffff; position: absolute; right: -5px; top: 45px; transform: rotate(45deg);}
.showcontimg{ width: 90px; height: 90px; position: absolute; top: 5px; left: 5px; z-index: 6000;}
.floatitem:hover .showcont{ display: block;}
@media screen and (max-width:1025px) {
    body{

        width: 113%;
    }
}
@media screen and (max-width:970px) {
    body{

        width: 127%;
    }
}
@media screen and (max-width:600px) {
    body{

        width: 307%;
    }
}

@media screen and (max-width:380px) {
    body{

        width: 333%;
    }
}