@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}


.tbTit {padding: 75px 0 35px 0;}
.tbTit .p1 {font-size: 12px;color: #979797;margin-bottom: 12px;}
.tbTit .boxLeft {font-size: 24px;color: #000;}
.tbTit .boxRight {font-size: 16px;color: #979797;padding-top: 40px;}
.tbTit .boxLeft span {
	display: block;
	margin-bottom: 10px;
}
.tbTit .boxLeft .title-heng {background: #113260; width: 100px; height: 10px;margin-bottom: 20px;}
.tbTit .boxLeft .title-en {color: #8e8e8e; font-size: 16px; font-weight: 400;}

.boxNum {display: none; width: 104px;position: fixed;top: 100px; left: 50%;margin-left: -744px;z-index: 9;}
.boxNum ul li {height: 9px;position: relative;line-height: 9px;font-size: 12px;margin-bottom: 7px;overflow: hidden;cursor: pointer;}
.boxNum ul li em {display: block;width: 40px;height: 1px;background: #e3e3e3;position: absolute;right: 0;top: 4px;transition: all 0.5s;}
.boxNum ul li span {display: block;position: relative;left: -20px; height: 9px;line-height: 9px;color: #113260;transition: all 0.5s;}
.boxNum ul li.cur span {left: 0;}
.boxNum ul li.cur em {width: 80px;background: #113260;}


.banner {position: relative;}
.banner	a {display: block;height: 770px;}
.banner .ban_switch {position: absolute;width: 1200px;height: 20px;bottom: 100px; left: 10%;overflow: hidden;}
.banner .ban_switch li {float: left;width: 20px;height: 20px;background: #fff;border-radius: 27px;margin-right:10px;cursor: pointer;}
.banner .ban_switch li.cur {background: #EE9425;}


.khdl {height: 0;}
.khdl .container {height: 0;position: relative;}
.khdl .khdlBox {width: 360px;height: 400px;position: absolute; right: 0;top: -616px;color: #fff;overflow: hidden;}
.khdl .khdlBox .khdl_con {position: relative;top: 340px;height: 500px; background: rgba(83,83,83,.6);padding: 0 40px;transition: all 0.5s;}
.khdl .khdlBox .p1 {height: 50px;line-height: 50px;padding-left: 35px;background: url(../images/khdlicon01.png) no-repeat left center;font-size: 18px;cursor: pointer;margin-top: 10px;}
.khdl .khdlBox .p1 span {display: block;height: 50px; background: url(../images/khdlicon05.png) no-repeat right center;}
.khdl .khdl_con.cur {top: 0;padding-top: 10px;}
.khdl .khdl_con.cur .p1 span {background: url(../images/khdlicon04.png) no-repeat right center;}
.khdl .khdl_con .contop {margin-top: 30px;}
.khdl .khdl_con .p2 {height: 260px;height: 50px;line-height: 50px;background: #fff;overflow: hidden;margin-bottom: 20px;}
.khdl .khdl_con .p2 input {display: block; height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 14px;color: #999;width: 235px;padding-right: 40px;background: url(../images/khdlicon02.png) no-repeat 250px center;}
.khdl .khdl_con .p3 {height: 260px;height: 50px;line-height: 50px;background: #fff;overflow: hidden;margin-bottom: 20px;}
.khdl .khdl_con .p3 input {display: block; height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 14px;color: #999;width: 235px;padding-right: 40px;background: url(../images/khdlicon03.png) no-repeat 250px center;}
.khdl .khdl_con .p4 {overflow: hidden;height: 50px;margin-bottom: 20px;}
.khdl .khdl_con .p4 a {float: right;width: 125px;height: 50px;line-height: 50px;background: #FFF;color: #EE9425;text-align: center;}
.khdl .khdl_con .p4 a:first-child {float: left;width: 125px;height: 50px;line-height: 50px;background: #EE9425;color: #fff;text-align: center;}
.khdl .khdl_con .p5 {text-align: center;padding-bottom: 25px;border-bottom: 1px solid #ccc;}
.khdl .khdl_con .p5 label {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 14px;margin: 0 10px;}
.khdl .khdl_con .p5 input {position: relative;top: -1px;}
.khdl .khdl_con .p5 a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;color: #fff;font-size: 14px;margin: 0 10px;}
.khdl .khdl_con .conbot {padding-top: 25px;height: 135px;text-align: center;background: url(../images/khdlmap.png) no-repeat center bottom;}
.khdl .khdl_con .conbot .p6 b {display: block;font-size: 26px;margin-bottom: 12px;}
.khdl .khdl_con .conbot .p6 i {display: block;font-size: 10px;}
/*
.khdl .khdl_con .conbot {padding-top: 25px;height: 50px;text-align: center;}
.khdl .khdl_con .conbot .p6 b {display: block;font-size: 18px;margin-bottom: 5px;margin-top: 5px;}
.khdl .khdl_con .conbot .p6 i {display: block;font-size: 10px;}*/


.tbts {height: 0;background: #f6f6f6;}
.tbts .container {height: 0;position: relative;}
.tbts ul {height: 230px;position: absolute;left: 0;top: -40px;width: 1200px; background: rgba(255,255,255,.8);overflow: hidden;}
.tbts ul li {    float: left;
    width: 299px;
    border-left: 1px solid #f2f2f2;
    text-align: center;
    height: 140px;
    position: relative;
    top: 220px;
    padding-top: 60px;}
.tbts ul li:first-child {border-left-color: #fff;}
.tbts ul li span {display: block;font-size: 18px;color: #000;margin-bottom: 10px;position: relative;top: 0;transition: all 0.5s;}
.tbts ul li span i {display:inline;font-size: 18x;position: relative;top: 0;transition: all 0.5s; font-weight: bold; font-style: normal;}
.tbts ul li em {display: block;width: 22px;height: 1px;background: #c9c9c9;margin: 42px auto 0 auto;position: relative;top: 0;transition: all 0.5s;}
.tbts ul li:hover span {color: #113260;top: -5px;}
.tbts ul li:hover span i {color: #113260;top: -5px;}
.tbts ul li:hover em {width: 44px;top: 5px;background: #113260;}

.wrap {background: #fff;padding: 30px 0 50px;}

.feature, .solution {
    background: #FFF;
    box-shadow: 0 2px 16px 2px rgba(200,200,200,.2);
    border-radius: 6px;
    display: flex;
}
.feature {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 190px;
}
.feature-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 54px;
    z-index: 1;
}
.feature__title {
    font-size: 24px;
    color: #333;
}
.feature__desc {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}


.jjnt {background: url(../images/jjntbg2.jpg) no-repeat center top;height: 871px;padding-top: 200px; background-size: cover;}
.jjnt .boxRight {margin-top: 35px;}
.jjnt .boxRight ul li {float: left;font-size: 16px;margin-right: 30px;position: relative;}
.jjnt .boxRight ul li a {color: #979797;}
.jjnt .boxRight ul li em {display: block;position: absolute;left: 0;bottom: -1px;background: #113260;width: 0;height: 4px; transition: all 0.5s;opacity: 0.8;}
.jjnt .boxRight ul li.cur a , .jjnt .boxRight ul li:hover a {color: #333;}
.jjnt .boxRight ul li.cur em , .jjnt .boxRight ul li:hover em {width: 100%;}

.jjnt .conbox {float: left;width: 250px;height: 560px;background: #fff;position: relative;margin-left: 60px;transition: all 0.6s;overflow: hidden;}
.jjnt .conbox:first-child {margin-left: 0;}
.jjnt .conbox dl {width: 250px;height: 560px;position: relative;transition: all 0.5s;}
.jjnt .conbox dl dt span {display: block;position: absolute;left: 80px;top: 45px;width: 100px;height: 100px;}
.jjnt .conbox dl dt em {display: block;font-size: 19px;color: #999;position: absolute;left: 200px;top: 68px;font-weight: lighter;}
.jjnt .conbox dl dd.dd1 {/* position: absolute; */text-align: center;position: absolute;left: 0px;top: 165px;
    width: 250px;padding-bottom: 45px;border-bottom: 1px solid #e9e9e9;}
.jjnt .conbox dl dd.dd1 i {display: block;font-size: 12px;color: #999;}
.jjnt .conbox dl dd.dd1 span {display: block;font-size: 24px;color: #000;margin-top: 8px;}
.jjnt .conbox dl dd.dd2 {text-align: center;position: absolute;top: 320px;left: 0;width: 250px;font-size: 16px;line-height: 28px;}
.jjnt .conbox .rhjj {position: absolute;left: 70px;top: 445px;}
.jjnt .conbox .rhjj a {display: block;position: absolute; width: 125px;height: 50px;background:#fff;color:#113260;text-align: center;font-size: 16px;line-height: 50px;}
.jjnt .conbox .rhjj p {display: none;}
.jjnt .conbox .boxmore {position: absolute;left: 230px;top: 0;width: 0;height: 574px; padding: 0;overflow: hidden;}
.jjnt .conbox .boxmore ul {width: 335px;}
.jjnt .conbox .boxmore ul li {width: 170px;height: 166px;border-bottom: 1px dotted #f4f4f4;position: relative;padding-left: 200px;}
.jjnt .conbox .boxmore ul li span {display: block;width: 141px;height: 141px;background: url(../images/jjntty01.png) no-repeat center;position: absolute;left: 25px;top: 14px;text-align: center;}
.jjnt .conbox .boxmore ul li span i {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 48px;line-height: 24px;font-size: 16px;color: #000;width: 130px;}
.jjnt .conbox .boxmore ul li span em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.jjnt .conbox .boxmore ul li p {line-height: 20px;padding-top: 13px;margin-right: 45px;}
.jjnt .conbox .boxmore ul li.li1 span {transition: all 0.5s ;}
.jjnt .conbox .boxmore ul li.li2 span {transition: all 0.9s;}
.jjnt .conbox .boxmore ul li.li3 span {transition: all 1.3s;}


.jjnt .conbox.notCur {width: 150px;height: 530px;}
.jjnt .conbox.notCur dl {width: 148px;height: 538px;}
.jjnt .conbox.notCur dl dt span {left: 23px;top: 49px;}
.jjnt .conbox.notCur dl dt em {left: 65px;top: 400px;}
.jjnt .conbox.notCur dl dd.dd1 {width: 148px; top: 175px;left: 0;border-bottom: none;}
.jjnt .conbox.notCur dl dd.dd1 span {padding: 0 15px;margin-top: 35px;}
.jjnt .conbox.notCur dl dd.dd2 {display: none;}
.jjnt .conbox.notCur .rhjj {display: none;}
.jjnt .conbox.notCur .boxmore {width: 0;}

/*.jjnt .con1.hasCur dl {background: url(../images/jjntboxbg01.jpg) no-repeat left top;}*/
/*.jjnt .con2.hasCur dl {background: url(../images/jjntboxbg02.jpg) no-repeat left top;}*/
/*.jjnt .con3.hasCur dl {background: url(../images/jjntboxbg03.jpg) no-repeat left top;}*/
.jjnt .con1.hasCur dl {background: #113260;}
.jjnt .con2.hasCur dl {background: #113260;}
.jjnt .con3.hasCur dl {background: #113260;}
.jjnt .con4.hasCur dl {background: #113260;}
.jjnt .con3.notCur dl dd.dd1 i {padding: 0 50px;}
.jjnt .con3.notCur dl dd.dd1 span {padding:0  25px;}


.jjnt .conbox.hasCur {width: 565px;height: 560px;}
.jjnt .conbox.hasCur dl {width: 230px;}
.jjnt .conbox.hasCur dl dt span {left: 103px;top: 27px;}
.jjnt .conbox.hasCur dl dt em {display: none;}
.jjnt .conbox.hasCur dl dd.dd1 {left: 0px;width: 230px;top: 130px;border-bottom: none;}
.jjnt .conbox.hasCur dl dd.dd1 i {color: #fff;}
.jjnt .conbox.hasCur dl dd.dd1 span {color: #fff;font-size: 32px;margin-top: 0;font-weight: bold;}
.jjnt .conbox.hasCur dl dd.dd2 {left: 0;top: 230px;text-align: center;color: #fff;width: 230px;}
.jjnt .conbox.hasCur .boxmore {display: block; width: 365px;height: 560px;border: 3px solid #113260;border-left: none; }
.jjnt .conbox.hasCur .boxmore ul li span {transform: rotate(360deg);}

.jjnt .conbox.hasCur .rhjj {left: 20px;top: 400px;}
.jjnt .conbox.hasCur .rhjj p {display: block;position: absolute;left: 15px;top: 70px;width: 170px;height: 50px;text-align: center;}
.jjnt .conbox.hasCur .rhjj a {background: #fff;left: 35px;top: 0;color: #113260;}
.jjnt .conbox.hasCur .rhjj p span {display: block;font-size: 14px;margin-bottom: 4px;padding-top: 3px;color: #fff;text-align: center;}
.jjnt .conbox.hasCur .rhjj p i {display: block;font-size: 22px;color: #fff;}


.jjnt .con1 dt span {background: url(../images/jjnticon01.png) no-repeat center;}
.jjnt .con2 dt span {background: url(../images/jjnticon03.png) no-repeat center;}
.jjnt .con3 dt span {background: url(../images/jjnticon05.png) no-repeat center;}
.jjnt .con4 dt span {background: url(../images/jjnticon050.png) no-repeat center;}
.jjnt .con1.hasCur dl dt span {background: url(../images/jjnticon02.png) no-repeat center;}
.jjnt .con2.hasCur dl dt span {background: url(../images/jjnticon04.png) no-repeat center;}
.jjnt .con3.hasCur dl dt span {background: url(../images/jjnticon06.png) no-repeat center;}

.jjnt .con4.hasCur dl dt span {background: url(../images/jjnticon06.png) no-repeat center;}





.tbys {height: 820px;overflow: hidden;}
.tbys .container {position: relative;height: 820px;}
.tbys .tbysImg {position: absolute;left: -360px;}
.tbys .tbysImg {height: 606px;position: absolute;width: 1920px;bottom: 0;z-index: 0;}
.tbys .tbysImg ul li {display: none;width: 1920px;height: 606px;}
.tbys .tbysImg ul li img {display: block;width: 1920px;height: 606px;}
.tbys .tbysImg ul li.cur {display: block;}
.tbys .tbys_con {height: 606px;position: relative;top: 6px;}
.tbys .tbys_con .tbysbg {height: 240px;width: 1920px;position: absolute;left: -360px;bottom: 0;z-index: 0;}
.tbys .tbys_con .tbysbg .conbg {float: left; width: 360px;height: 240px;background: url(../images/bg01.png);}
.tbys .tbys_con .tbysbg .bg2 ,.tbys .tbys_con .tbysbg .bg3 ,.tbys .tbys_con .tbysbg .bg4 {width: 299px;margin-left: 1px;}
.tbys .tbys_con .tbysbg .bg5 {width: 298px;margin: 0 1px;}

.tbys .tbys_con .conbox {width: 299px;height: 606px;position: absolute;top: 365px;left: 0;color: #fff;z-index: 2;transition: all 0.5s;}
.tbys .tbys_con .conbox .p1 {margin: 40px 38px;font-size: 18px;transition: all 1s;}
.tbys .tbys_con .conbox .p1 b {display: block;font-size: 18px;font-weight: normal;transition: all 1s;}
.tbys .tbys_con .conbox .p2 {position: absolute;top: 146px;left: 0;text-indent: 38px;height: 40px;line-height: 40px; width: 100%;transition: all 1s;}
.tbys .tbys_con .conbox .p3 {position: relative;left: 0;top: 606px; transition: all 1s;}
.tbys .tbys_con .conbox .p4 {position: absolute;left: 38px; bottom: -100px; transition: all 1s;}
.tbys .tbys_con .con1 {left: 1px;}
.tbys .tbys_con .con2 {left: 301px;}
.tbys .tbys_con .con3 {left: 601px;}
.tbys .tbys_con .con4 {left: 901px;width: 298px;}
.tbys .tbys_con .conbox.cur {height: 606px; top: 0;background: #113260;}
.tbys .tbys_con .conbox.cur .p1 {padding: 25px 0;border-top: 2px solid #fff;border-bottom: 1px solid #fff;}
.tbys .tbys_con .conbox.cur .p1 b {font-weight: bold;font-size: 24px;}
.tbys .tbys_con .conbox.cur .p2 {top: -40px;background: #d5d5d5;}
.tbys .tbys_con .conbox.cur .p3 {top: 0; margin: 0 38px;font-size: 13px;line-height: 26px;}
.tbys .tbys_con .conbox.cur .p4 {left: 38px;bottom: 40px;font-size: 16px;}
.tbys .tbys_con .conbox.cur .p4 em {display: block;width: 30px;height: 1px;background: #fff;margin-top: 18px;}


.advantage {padding-bottom: 80px;}
.advantage .adv_con {}
.advantage .advbox {float: left; width: 299px;height: 281px;border: 1px solid #eee;margin: 0 0 -1px -1px;position: relative;z-index: 999;}
.advantage .advbox .p1 {margin: 0 40px;padding-top: 38px;font-size: 22px;color: #f0851b;margin-bottom: 33px;position: relative;z-index: 999;transition: all 0.5s;}
.advantage .advbox .p2 {margin: 0 28px;line-height: 22px;height: 100px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;/*-webkit-line-clamp: 3;*/ -webkit-box-orient: vertical;position: relative;z-index: 999;transition: all 0.5s;}
.advantage .advbox em {display: block;width: 20px;height: 20px;position: absolute;left: 40px;bottom: 35px;text-align: center;line-height: 20px;color: #ccc;font-size: 12px;z-index: 999;transition: all 0.5s;}
.advantage .advbox i {display: block;width: 35px;height: 35px;position: absolute;right: 40px;bottom: 35px;z-index: 999;transition: all 0.5s;}


.advantage .advbox:hover .p1 {color: #fff;}
.advantage .advbox:hover .p2 {color: #fff;}
.advantage .advbox .advbg {background: #f0851b;position: absolute;}
.advantage .adv1 i {background: url(../images/advicon01.png) no-repeat center;}
.advantage .adv2 i {background: url(../images/advicon03.png) no-repeat center;}
.advantage .adv3 i {background: url(../images/advicon05.png) no-repeat center;}
.advantage .adv4 i {background: url(../images/advicon07.png) no-repeat center;}
.advantage .adv5 i {background: url(../images/advicon09.png) no-repeat center;}
.advantage .adv6 i {background: url(../images/advicon11.png) no-repeat center;}
.advantage .adv7 i {background: url(../images/advicon13.png) no-repeat center;}
.advantage .adv8 i {background: url(../images/advicon15.png) no-repeat center;}
.advantage .adv1:hover i {background: url(../images/advicon02.png) no-repeat center;}
.advantage .adv2:hover i {background: url(../images/advicon04.png) no-repeat center;}
.advantage .adv3:hover i {background: url(../images/advicon06.png) no-repeat center;}
.advantage .adv4:hover i {background: url(../images/advicon08.png) no-repeat center;}
.advantage .adv5:hover i {background: url(../images/advicon10.png) no-repeat center;}
.advantage .adv6:hover i {background: url(../images/advicon12.png) no-repeat center;}
.advantage .adv7:hover i {background: url(../images/advicon14.png) no-repeat center;}
.advantage .adv8:hover i {background: url(../images/advicon16.png) no-repeat center;}



.jjfa {height: 820px;background: url(../images/jjfabg.jpg) no-repeat center top;position: relative;}
.jjfa .jjfaline {position: absolute;left: 0;top: 228px;width: 100%;height: 1px; background: #999;}
.jjfa .tbTit {padding: 90px 0 30px 0;}
.jjfa .tbTit .p1 {color: #fff;}
.jjfa .tbTit .boxLeft {color: #fff;}
.jjfa .tbTit .boxRight {color: #fff;}
.jjfa .tbTit .boxLeft .title-en {color: #FFF;}

.jjfa_con {height: 515px;overflow: hidden;padding-top: 51px;}
.jjfa_con .jjfabox {float: left;width: 150px;height: 475px; position: relative;left: -1200px; padding:40px 40px 0 40px;
	background: #fff;margin-left: 12px; cursor:pointer;box-shadow: 0 2px 16px 2px rgba(200,200,200,.2);}
.jjfa_con .jjfabox a.jjfaa {display: block;height: 515px;}
.jjfa_con .jjfabox .boxem {display: block;width: 22px;height: 22px;background: url(../images/jjfaty01s.png) no-repeat center;position: absolute;left: 104px;top: -51px;}
.jjfa_con .jjfabox .boxi {display: none;width: 9px;height: 5px;background: url(../images/jjfabg02.png) no-repeat center;position: absolute;left: 111px;top: -5px;}
.jjfa_con .jjfabox:first-child {margin-left: 0;}
.jjfa_con .jjfabox .p1 {padding: 20px 0;border-top: 2px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;font-size: 18px;text-align: center;color: #000;margin-bottom: 40px;}
.jjfa_con .jjfabox .p1 b {display: block;font-size: 24px;color: #113260;margin-bottom: 5px;}
.jjfa_con .jjfabox .p2 {text-align: center;font-size: 13px;line-height: 22px;margin-bottom: 125px;color: #000;}
.jjfa_con .jjfabox .p3 {text-align: center;}
.jjfa_con .jjfabox .p3 em {display: block;font-size: 12px;color: #000;margin-bottom: 22px;}
.jjfa_con .jjfabox .jjfaicon {display: block;width: 35px;height: 35px;position: absolute;left: 100px;top: 310px;transition: all 0.5s;}
.jjfa_con .jjfabox .p3 span {display: block;color: #999;font-size: 12px;}
.jjfa_con .jjfabox .p3 span i {display: block;font-size: 16px;margin-top: 20px;}
.jjfa_con .jjfabox .p4 {height: 29px;position: absolute;left: 0;bottom: 0;width: 100%;border-top: 1px solid #eee;overflow: hidden;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 span {position: absolute;left: -100px;height: 40px;line-height: 40px;color: #fff;transition: all 0.5s;}
.jjfa_con .jjfabox .p4 em {display: block;width: 40px;height: 13px;background: url(../images/jjfajt01.png) no-repeat center;position: absolute;left: 97px;top: 7px;transition: all 0.5s;}
.jjfa_con .box1 .jjfaicon {background: url(../images/jjfaicon01.png) no-repeat center;}
.jjfa_con .box2 .jjfaicon {background: url(../images/jjfaicon03.png) no-repeat center;}
.jjfa_con .box3 .jjfaicon {background: url(../images/jjfaicon05.png) no-repeat center;}
.jjfa_con .box4 .jjfaicon {background: url(../images/jjfaicon07.png) no-repeat center;}
.jjfa_con .box5 .jjfaicon {background: url(../images/jjfaicon09.png) no-repeat center;}

.jjfa_con .jjfabox:hover {background: #113260;}
.jjfa_con .jjfabox:hover .boxem {background: url(../images/jjfaty02.png) no-repeat center;}
.jjfa_con .jjfabox:hover .boxi {display: block;}
.jjfa_con .jjfabox:hover .p1 {color: #fff;border-color: #fff;}
.jjfa_con .jjfabox:hover .p1 b {color: #fff;}
.jjfa_con .jjfabox:hover .p2 {color: #fff;}
.jjfa_con .jjfabox:hover .p3 em {color: #fff;}
.jjfa_con .jjfabox:hover .p3 span {color: #fff;}
.jjfa_con .jjfabox:hover .p4 {height: 40px;background: #d5d5d5;border-top-color: #d5d5d5;}
.jjfa_con .jjfabox:hover .p4 span {left: 15px;}
.jjfa_con .jjfabox:hover .p4 em {background: url(../images/jjfajt01.png) no-repeat center;position: absolute;left: 164px;top: 13px;}

.jjfa_con .box1:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon02.png) no-repeat center;}
.jjfa_con .box2:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon04.png) no-repeat center;}
.jjfa_con .box3:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon06.png) no-repeat center;}
.jjfa_con .box4:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon08.png) no-repeat center;}
.jjfa_con .box5:hover .jjfaicon {transform: rotateY(360deg); background: url(../images/jjfaicon10.png) no-repeat center;}

.solution-group {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.solution {
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 218px;
    height: 412px;
    overflow: hidden;
    cursor: pointer;
}


.solution__title {
    text-align: center;
    height: 140px;
    font-size: 24px;
    padding-top: 42px;
    color: #333;
    box-sizing: border-box;
    width: 100%;
}

.solution__icon {
    position: absolute;
    top: 108px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #FFF;
    box-shadow: 0 1px 10px 0 rgba(232,232,232,.57);
    border-radius: 50%;
    font-size: 42px!important;
    color: #999;
}


.solution__desc {
    display: flex;
    flex-direction: column;
    height: 220px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 64px 20px 0;
}

.solution__contact {
    width: 100%;
    height: 52px;
    color: #333;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
}

.solution:hover .solution__title {
    background: #113260;
    color: #fff;
}

.solution:hover .solution__icon{color:#113260}.solution__desc{display:flex;flex-direction:column;height:220px;box-sizing:border-box;font-size:14px;line-height:22px;color:#333;padding:64px 20px 0}

.solution:hover .solution__contact{background:#113260;color:#fff}.service-group{display:flex;flex-wrap:wrap;margin-top:30px;box-shadow:0 2px 16.38px 1.62px hsl(0deg 0 78% / 20%)}

.hzhb {padding-bottom: 80px;}
.hzhb .hzhb_con ul li {float: left;width: 239px;height: 141px;border: 1px solid #eee;margin: 0 0 -1px -1px;position: relative;z-index: 1;overflow: hidden;}
.hzhb .hzhb_con ul li .s1 {display: block;/*opacity: 0.5;filter:alpha(opacity=50);*/}
.hzhb .hzhb_con ul li .s2 {display: none;}
.hzhb .hzhb_con ul li img {display: block;width: 239px;height: 141px;transform: scale(0.75);}
.hzhb .hzhb_con ul li p {position: absolute;left:-250px;bottom: 0;height: 35px;line-height: 35px;width: 100%;transition: all 0.5s;}
.hzhb .hzhb_con ul li p span {display: block;width: 90px;margin-left: 20px;color: #fff;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.hzhb .hzhb_con ul li p em {display: block;width: 40px;height: 13px;position: absolute;right: 20px;top: 11px;background: url(../images/hzhbjt.png) no-repeat center;}


.hzhb .hzhb_con ul li:hover .s1 {display: none;}
.hzhb .hzhb_con ul li:hover .s2 {display: block;}
.hzhb .hzhb_con ul li:hover p {left: 0;}

.news .conbox {display: none;}
.news .conbox.cur {display: block;}
.news {background: #f6f6f6;padding-bottom: 80px;}
.news .boxRight ul li {float: left;font-size: 16px;margin-right: 30px;position: relative;}
.news .boxRight ul li a {color: #979797;}
.news .boxRight ul li em {display: block;position: absolute;left: 0;bottom: -5px;background: #113260;width: 0;height: 4px; transition: all 0.5s;opacity: 0.8;}
.news .boxRight ul li.cur a , .news .boxRight ul li:hover a {color: #333;}
.news .boxRight ul li.cur em , .news .boxRight ul li:hover em {width: 100%;}

.news .conleft {width: 360px;padding: 40px 40px 0 40px;background: #fff;}
.news .conleft .p1 {font-size: 18px;margin-bottom: 35px;}
.news .conleft .p1 a {color: #333;}
.news .conleft .p2 {margin-bottom: 35px;font-size: 14px;margin-bottom: 35px;line-height: 20px;}
.news .conleft .p3 {padding-left: 20px;position: relative;color: #ccc;margin-bottom: 20px;}
.news .conleft .p3 em {display: block;width: 2px;height: 45px;background: #f0851b;position: absolute;left: 0;top: 0;}
.news .conleft .p3 span {display: block;font-size: 24px;}
.news .conleft .p3 i {display: block;font-size: 13px;}
.news .conleft .p4 {overflow: hidden; margin-left: -40px;margin-right: -40px;}
.news .conleft .p4 img {display: block;width: 100%;height: 286px;}
.news .conright {width: 720px;}
.news .conright dl {padding-left: 274px;position: relative;height: 246px;padding-top: 38px;margin-top: 38px;border-top: 1px solid #ededed;}
.news .conright dl:first-child {padding-top: 0;margin-top: 0;border-top: none;}
.news .conright dl dt {position: absolute;left: 0;top: 38px;overflow: hidden;}
.news .conright dl dt img {display: block;width: 246px;height: 246px;transition: all 1s;}

.news .conright dl:first-child dt {top: 0;}
.news .conright dl dd.dd1 {font-size: 16px;margin-bottom: 26px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .conright dl dd.dd1 .dds1 { font-size: 40px; color: #113260;}
.news .conright dl dd.dd1 .dds2 { font-size: 40px; color: #000; padding: 0 10px;}
.news .conright dl dd.dd1 .dds3 { font-size: 30px;color: #000; text-transform: uppercase;}
.news .conright dl dd.dd1 a {color: #333; display: block;padding-left: 80px;padding-top: 10px;}
.news .conright dl dd.dd2 {line-height: 24px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;height: 98px;margin-bottom: 24px;padding-left: 80px;}
.news .conright dl dd.dd3 {position: relative;padding-left: 80px;}
.news .conright dl dd.dd3 a {display: block;color: #ccc;background: url(../images/newsjt01.png) no-repeat right center;}

.news .conright dl:hover dt img {transform: scale(1.1);}
.news .conright dl:hover dd.dd1 a {color: #f0851b;}


.zxzx {background: url(../images/beij.jpg) no-repeat center;padding: 75px 0;color: #fff;}
.zxzx .p1 i {display: block;font-size: 12px;margin-bottom: 15px;}
.zxzx .p1 span {display: block;font-size: 24px;line-height: 30px;margin-bottom: 40px;}
.zxzx .zxzx_con {overflow: hidden;}
.zxzx .infoP1 {float: left;width: 300px;height: 50px;background: #fff;box-shadow: 5px 0 15px #e1e1e1;position: relative;z-index: 3;}
.zxzx .infoP1 input {display: block;width: 260px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(../images/zxzxicon01.png) no-repeat right center;}
.zxzx .infoP2 {float: left;width: 300px;height: 50px;background: #fff;box-shadow: 5px 0 15px #e1e1e1;position: relative;z-index: 2;}
.zxzx .infoP2 input {display: block;width: 260px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(../images/zxzxicon02.png) no-repeat right center;}
.zxzx .infoP3 {float: left;width: 360px;height: 50px;background: #fff;position: relative;z-index: 1;}
.zxzx .infoP3 input {display: block;width: 320px;height: 50px;line-height: 50px;border: none;text-indent: 20px;font-size: 16px;color: #666;padding-right: 25px;background: url(../images/zxzxicon03.png) no-repeat right center;}
.zxzx .ljtj {float: right;width: 230px;height: 50px;background: #fcb814;}
.zxzx .ljtj a{display: block;height: 50px;line-height: 50px;text-indent: 30px;color: #fff;background: url(../images/zxzxjt.png) no-repeat 133px center;font-size: 16px;}