html,body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
html{font-size: 15px;font-family:"microsoft yahei","Microsoft YaHei ui";color: #44596d;}
a{text-decoration:none;}
.lf{float:left;}
.rt{float:right;}
img{vertical-align: middle;border:none;}
body{
    min-width: 1300px;
}
.w1360{
    width: 1300px;
    margin:auto;
}
#bannerWrap img{
    width: 100%;
    height: 100%;
}
.bannerList{
    position: relative;
}
.bannerList>img{
    height:295px;
}
.head{
    height: 90px;
}
.head img{
    margin-top: 15px;
}
.head ul{
    width: calc(100% - 550px);
    margin-top: 35px;
}
.head ul li{
    float: right;
    margin-left: 5%;
    position: relative;
}
.head ul li a{
    font-size: 18px;
    color: #333;
}
.head ul li a:hover{
    color:#2868f2;
}
.head ul li:after{
    content: "";
    display: table;
    position: absolute;
    left: 0px;
    top: -40px;
    background-color: #2868f2;
    width: 100%;
    height: 1px;
    transition:all linear .4s;
    opacity: 0;
}
.head ul li:hover:after{
    top: 30px;
    opacity: 1;
}
.banner{
    position:relative;
}
.banner .text{
    position: absolute;
    top: 49px;
    left: 50%;
    margin-left: -650px;
    width: 55%;
    font-size: 20px;
    color: #fff;
    text-shadow:0 0 65px #0053ea;
    line-height: 40px;
}
.text a{
    display: block;
    width: 119px;
    height: 44px;
    margin-top: 36px;
    border: 1px solid #bdd8f6;
    transition:all linear .4s;
}
.text a:hover{
    border-color: #06d7f2;
}
.menuS ul{
    display: flex;
    justify-content: space-between;
    margin-top:30px;
}
.menuS ul li{
    position: relative;
}
.menuS ul li:after{
    content: "";
    display: table;
    clear: both;
    position: absolute;
    width:0%;
    height: 2px;
    background-color: #2c6cf2;
    top: -4px;
    transition: all linear .4s;
}
.menuS ul li:hover:after{
    width: 96%;
    margin-left: 2%;
}
.menuS ul li a{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
#groupNews{
    margin: auto;
    margin-top: 30px;
    overflow: hidden;
}
.groupNews{
    width: 1260px;
    margin: auto;
    min-height: 200px;
    padding-top: 175px;
    overflow: hidden;
}

.groupNewsLf{
    width: 51%;
    float: right;
}
.groupNewsRt{
    width:602px;
    float: left;
    text-align: right;
    position: relative;
}
.groupNewsRt img{
    width: 100%;
    height: 100%;
}
.groupNewsLfDown{
    margin-top: 15px;
}
.groupNewsLfDown li{
    display: flex;
    background-color:#f4f4f4;
    margin-bottom: 15px;
}
.groupNewsLfDown li:last-child{
    margin-bottom: 0px;
}
.groupNewsLfDown li .newLf{
    width:87px;
    height: 73px;
    background-color: #2868f2;
    text-align: center;
}
.groupNewsLfDown li:nth-child(odd) .newLf{
    background-color: #0055a6;
}
.groupNewsLfDown li .newLf b{
    font-size: 35px;
    color: #fff;
    font-weight: normal;
    display: block;
    margin: 4px 0px 0px 0px;
}
.groupNewsLfDown li .newLf p{
    font-size: 14px;
    color: #bdcff6;
}
.groupNewsLfDown li .newRt{
    width: calc(100% - 88px);
    border: 1px solid #e6eaf1;
    box-sizing: border-box;
    border-left: none;
}
.groupNewsLfDown li .newRt a{
    display: block;
    padding: 10px 10px 0px 15px;
    box-sizing: border-box;
}
.groupNewsLfDown li .newRt a h1{
    font-size: 18px;
    color: #070a12;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all linear .2s;
}
.groupNewsLfDown li .newRt a h2{
    font-size: 15px;
    color: #a8adb4;
    font-weight: normal;
    margin-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all linear .2s;
}
.groupNewsLfDown li .newRt a:hover h1{
    padding-left: 5px;
    color: #2868f2;
}
.groupNewsLfDown li .newRt a:hover h2{
    padding-left: 5px;
    color: #5f7797;
}
.newsText{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
}
.newsText p{
    font-size: 15px;
}
.newsText span{
    color: #c1d5ff;
    vertical-align: middle;
}
.newsText span img{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.newsTitle{
    height: 48px;
    border-bottom: 1px solid #f4f4f4;
    box-sizing: border-box;
}
.newsTitle ul{
    overflow: hidden;
    float: left;
    background: url("../images/titlebg1.png") left no-repeat;
}
.newsTitle ul li{
    float: left;
    height: 48px;
    line-height: 48px;
    width: 133px;
    text-align: center;
}
.newsTitle ul .active{
    background: url("../images/titlebg.png") left no-repeat;
}
.newsTitle ul .active a{
    color: #fff;
}
.newsTitle ul li a{
    font-size: 20px;
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -10px;
}
.newsTitle ul li a:hover{
    color: #2868f2;
}
.newsTitle ul li.active a:hover{
    color: #fff;
}
.moreNew{
    float: right;
    font-size: 15px;
    color:#9aa0a8;
    margin-top: 10px;
}

.advertising{
    height: 110px;
    margin-top: 20px;
    border: 1px solid #eceef2;
    box-sizing: border-box;
    margin-bottom: 15px;
}
#navBanner,#navBanner div{
    width: 100%;
}
#navBanner img{
    width: 100%;
}
.party {
    height: 190px;
}
.party .partyLf{
    width: 602px;
    height: 100%;
    float: left;
    cursor: pointer;
}
.party .partyLf a{
    display: block;
    width: 100%;
    height:90px;
    margin-bottom: 10px;
}
.party .partyLf a:last-child{
    margin-bottom: 0px;
}
.party .partyLf a img{
    width: 100%;
    height: 100%;
}
.party .partyRt{
    width: 53%;
    float: right;
    background-color: #f4f4f4;
    border: 1px solid #eaedf2;
    box-sizing: border-box;
    height: 190px;
}

.partyRt ul{
    padding: 5px 10px;
    box-sizing: border-box;
}
.partyRt ul li{
    position: relative;
    margin: 8px 0px;
}
.partyRt ul li:after{
    content: "";
    display: table;
    position: absolute;
    background-color: #d81e06;
    width: 100%;
    height: 1px;
    top: 15px;
}
.partyRt ul li *{
    position: relative;
    z-index: 5;
    margin: 0 10px;
    background: #f4f4f4;
}
.partyRt ul li img{
    vertical-align: middle;
    transform: rotateZ(0deg);
    transition: all linear .4s;
}
.partyRt ul li a{
    font-size: 18px;
    color: #070a12;
    padding: 0 10px;
    box-sizing: border-box;
    display: inline-block;
    max-width: calc(100% - 200px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    transition: all linear .2s;
}
.partyRt ul li span{
    font-size: 18px;
    color: #4e576a;
    font-weight: normal;
    vertical-align: middle;
    float: right;
    margin-top: 5px;
}
.partyRt ul li:hover img{
    transform: rotateZ(360deg);
}
.partyRt ul li:hover a{
    color: #e10c10;
    padding-left: 15px;
    box-sizing: border-box;
}
.proInfoShade{
    height:520px;
    background-color: #f4f4f4;
    margin-top: 20px;
    margin-bottom: 15px;
}
.proInfo{
    overflow: hidden;
    padding: 15px 0px;
    box-sizing: border-box;
}
.proInfo .proInfoLf{
    width: 48%;
    float: left;
}
.proInfo .proInfoRt{
    width: 48%;
    float: right;
}
.proInfo .proTitle{
    width: 133px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-indent: -18px;
    background: url(../images/titlebg.png) left no-repeat;
    position: relative;
    margin-bottom: 15px;
}
.proInfo .proTitle:after{
    content: "";
    display: table;
    clear: both;
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 100px;
    height: 1px;
    background-color: #0356ac;
}
.proLf,.proRt{
    padding: 15px;
    background-color: #fff;
    box-sizing: border-box;
    height: 425px;
}
.proLf ul,.proRt{
    overflow: hidden;
}
.proLf ul li{
    width:288px;
    height: 87px;
    float: left;
    margin-bottom: 15px;
    position: relative;
}
.proLf ul li a{
    font-size: 20px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 81px;
}
.proLf ul li:nth-child(1) a{color:#0d51e3;}
.proLf ul li:nth-child(2) a{color:#1389d4;}
.proLf ul li:nth-child(3) a{color:#028385;}
.proLf ul li:nth-child(4) a{color:#037e3a;}
.proLf ul li:nth-child(5) a{color:#7f6301;}
.proLf ul li:nth-child(6) a{color:#992f00;}
.proLf ul li:nth-child(7) a{color:#d70101;}
.proLf ul li:nth-child(even){
    margin-left: 15px;
    float: right;
}
.proLf ul li:nth-child(1){background:url("../images/pro-1.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(2){background:url("../images/pro-2.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(3){background:url("../images/pro-3.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(4){background:url("../images/pro-4.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(5){background:url("../images/pro-5.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(6){background:url("../images/pro-6.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(7){background:url("../images/pro-7.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:nth-child(8){background:url("../images/pro-8.jpg") no-repeat;background-size: 100% 100%;}
.proLf ul li:after{
    content: "";
    display: table;
    clear: both;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 35px #2868f2 inset;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 76, 246,0.86));
    top: 0px;
    left: 0px;
    transform: rotateY(
            90deg
    );
    transition: all linear 0.4s;
}
.proLf ul li:last-child:after{
    content: none;
}
.proLf ul li:hover:after {
    transform: rotateY(0deg);
}
.proLf ul li:last-child:hover{background:url("../images/pro-8-8.png") no-repeat;background-size: 100% 100%;}
.proLf ul li:hover a{
    color: #fff;
    z-index: 80;
    position: relative;
    text-shadow: 0 0 4px #002a89;
}
.performanceRt ul{
    overflow: hidden;
}
.performanceRt ul li{
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.performanceRt ul li .perTitle,.performanceLf a{
    width: 125px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    display: block;
    margin: 30% auto;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}
.performanceRt ul li img{margin: 10% 0px 0px 85px;}
.performanceLf img{ margin: 20% 0px 0px 63%;}
.performanceLf a.perTitle{
    margin-top: 82%;
    background-color: rgba(52, 122, 240, 0.75);
    text-shadow: 0 0 3px #051837;
}
.performanceRt ul li:nth-child(1) .perTitle{
    background-color: rgba(255, 128, 7,0.75);
    text-shadow: 0 0 3px #6a3300;
}
.performanceRt ul li:nth-child(2) .perTitle{
    background-color: rgba(7, 191, 255,0.75);
    text-shadow: 0 0 3px #004258;
}
.performanceRt ul li:nth-child(3) .perTitle{
    background-color: rgba(255, 193, 7 ,0.75);
    text-shadow: 0 0 3px #8b6800;
}
.performanceRt ul li:nth-child(4) .perTitle{
    background-color: rgba(2, 172, 98, 0.75);
    text-shadow: 0 0 3px #004929;
}
.performanceLf{
    width: 167px;
    height: 395px;
    background: url(../images/per-1.jpg) no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.performanceRt ul li:nth-child(1){
    width: 170px;
    height:189px;
    background: url("../images/per-2.jpg") no-repeat;
    background-size: 100% 100%;
}
.performanceRt ul li:nth-child(2){
    width:226px;
    height:189px;
    background: url("../images/per-3.jpg") no-repeat;
    background-size: 100% 100%;
}
.performanceRt ul li:nth-child(3){
    width:226px;
    height:191px;
    background: url("../images/per-4.jpg") no-repeat;
    background-size: 100% 100%;
}
.performanceRt ul li:nth-child(4){
    width: 170px;
    height:191px;
    background: url("../images/per-5.jpg") no-repeat;
    background-size: 100% 100%;
}
.performanceRt ul li .perTitle,.performanceRt ul li img,.performanceLf .perTitle,.performanceLf .perTitle{
    transition: all linear .4s;
}
.performanceRt ul li:hover .perTitle,.performanceRt ul li:hover img,.performanceLf:hover .perTitle,.performanceLf:hover img{
    opacity: 0;
}
.perShade{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height:0%;
    transition: all linear .4s;
}
.performanceRt ul li:hover .perShade,.performanceLf:hover .perShade{
    height:100%;
}
.perShade a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.perShade a span{
    display: block;
    color: #fff;
    font-size: 20px;
    margin: 20% auto;
}
.perShade a b{
    background-image: linear-gradient(to top,#2868f2, #0dabf6);
    display: block;
    width: 135px;
    height: 48px;
    margin: auto;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 48px;
    letter-spacing: 2px;
    border-radius: 50px;
}
.honorTitle{
    text-align: center;
    margin: 40px auto;
    position: relative;
}
.honorTitle:after{
    content: "";
    display: table;
    clear: both;
    position: absolute;
    width: 380px;
    height: 1px;
    background-color: #2868f2;
    left: 50%;
    margin-left: -190px;
    top: 21px;
}
.honorTitle span{
    font-size: 32px;
    color: #070a12;
    position: relative;
    z-index: 10;
    background-color: #fff;
    padding: 0 35px;
}
.slick-slide img {
    display: block;
    height: 195px;
    border: 5px solid #fff;
}
.slick-prev:before, .slick-next:before {
    content: "";
    display: table;
    clear: both;
    width: 48px;
    height: 48px;
    background: #fff;
}
.slick-prev:before{
    background: url("../images/arrowlf.png") no-repeat;
}
.slick-next:before{
    background: url("../images/arrowrt.png") no-repeat;
}

.slick-prev, .slick-next{
    width: 48px;
    height: 48px;
}
.slick-prev {
    left: -55px;
}
.slick-next {
    right: -55px;
}
.join{
    margin-top: 40px;
}
.joinWrap img{
    width: 150px;
    height: 66px;
    border: 8px solid #f4f4f4;
}
.joinWrap-1{
    background-color: #f4f4f4;
}
.joinTitle{
    width: 120px;
    background-color: #f4f4f4;
    padding: 7px 20px;
    font-size: 18px;
    color: #2868f2;
}
.joinWrap{
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 2px 2px 5px #c7cedb;
}
.joinTitle img{
    height: 23px;
}
.joinTitle span{
    border-bottom: 1px solid #2868f2;
    padding: 5px 0px 5px 0px;
    margin-left: 5px;
}
.foot{
    width: 100%;
    height:370px;
    background: url("../images/footbg.jpg") no-repeat;
    background-size: 100% 100%;
    margin-top: 40px;
}
.fooInfo{
    padding-top: 45px;
    overflow: hidden;
}
.footDown{
    width: 100%;
    height: 62px;
    background-color: #25272e;
    border-top: 1px solid #454956;
    text-align: left;
    font-size: 15px;
    color: #c2c3c7;
    line-height: 62px;
}
.footDown span{
    padding-right: 2%;
}
.footDown span:last-child{
    float: right;
    padding-right:0px;
}
.footLf{
    width: 50%;
}
.footLf .footPhone{
    margin-top: 40px;
}
.footLf .footPhone p{
    font-size: 15px;
    color: #fff;
    margin-top: 20px;
}
.footRt{
    width: 50%;
}
.footRt ul{
    overflow: hidden;
    margin-top: 75px;
}
.footRt ul li{
    float: right;
    margin-left: 3px;
    text-align: center;
    width: 135px;
}
.footRt ul li dt img{
    border: 5px solid #fff;
    box-sizing: border-box;
}
.footRt ul li dd{
    font-size: 15px;
    color: #fff;
    padding-top: 15px;
}
.fixedBtn{
    position: fixed;
    right: 10px;
    top: 415px;
}
.fixedBtn a{
    display: block;
    width: 93px;
    height: 93px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 7px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #28a1f2, #2868f2);
}
.fixedBtn a span{display: block;}
.fixedBtn a img{
    margin: 13px 0px;
}
.fixedBtn a:hover{
    background-image: linear-gradient(to bottom, #2868f2, #2868f2);
}
.fixedBtn a:last-child{
    background-image: linear-gradient(to bottom, #b59401, #b57301);
}
.fixedBtn a:last-child:hover{
    background-image: linear-gradient(to bottom, #b57301, #b57301);
}
#toTop {
    position: fixed;
    right: 3px;
    bottom: 3px;
    z-index: 999;
    font-size: 14px;
}
#toTop>a {
    position: relative;
    width: 100px;
    height: 67px;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    background: url(../images/top.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    line-height: 67px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2868f2;
    border-radius: 50px;
}
.layui-laypage a:hover {
    color: #2868f2;
    border-color: #2868f2;
}
.layui-laypage a, .layui-laypage span {
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    margin: 0 10px 5px 0;
    color: #333;
    font-size: 15px;
    border-radius: 50px;
}
.layui-laypage>a:last-child, .layui-laypage>a:last-child em {
    border-radius: 50px;
}
.layui-laypage>a:first-child, .layui-laypage>a:first-child em {
    border-radius: 50px;
}
#toTop{
	display:none;
}
.customerWrap .customerInfo:not(:first-child){display: none;}

#roll {
	height: 240px;
	width: 427px;
	position: fixed; /*fixed实现绝对定位*/
	cursor: pointer;
	z-index: 999
}

#roll img {
	height: 240px;
	width: 427px;
}

#close5 {
	font-size: 20px;
	position: absolute;
	top: -9px;
	right: -5px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #f0e5e5;
	color: #d60000;
	z-index: 1000;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}