*:before,
*:after,
* {
    margin: 0;
    padding: 0;
    font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif;
    /*font-family:'SOURCEHANSANSCN-REGULAR';*/
    list-style: none;
    line-height: 1;
    transition-property: color, border-color, background-color;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input, button {
    -webkit-appearance: none;
}

input[type="submit"],
input[type="button"] {
    box-sizing: content-box;
}

input, button,
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}

p {
    line-height: inherit;
    font-family: inherit;
}

a {
    text-decoration: none;
    color: #333333;
}

body {
    background: #f6f6f6;
    color: #333333;

}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: 400;
}

img {
    border: 0;
}

textarea,
select,
option,
input {
    outline: none;
}

textarea {
    resize: none;
}

.clearBoth {
    clear: both;
}

.bordernone {
    border: none !important;
}

.centerBox {
    margin: 0 auto;
    width: 1080px;
}

.centerBox:after {
    content: "";
    display: block;
    clear: both;
}

::-webkit-scrollbar { /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #999999;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

/*字体*/
/*//思源黑体-超轻*/
/*@font-face {
	font-family:'SOURCEHANSANSCN-EXTRALIGHT';
	src: url(https://cdn.7b620.cn//SOURCEHANSANSCN-EXTRALIGHT.OTF);
}*/
/*//思源黑体-轻*/
/*@font-face {
	font-family:'SOURCEHANSANSCN-LIGHT';
	src: url(https://cdn.7b620.cn//SOURCEHANSANSCN-LIGHT.OTF);
}*/
/*//思源黑体-正常*/
/*@font-face {
	font-family:'SOURCEHANSANSCN-NORMAL';
	src: url(https://cdn.7b620.cn//SOURCEHANSANSCN-NORMAL.OTF);
}*/
/*//思源黑体-常规*/
/*@font-face {
	font-family:'SOURCEHANSANSCN-REGULAR';
	src: url(https://cdn.7b620.cn//SOURCEHANSANSCN-REGULAR.OTF);
}*/
/*//思源黑体-中*/
/*@font-face {
	font-family:'SOURCEHANSANSCN-MEDIUM';
	src: url(https://cdn.7b620.cn//SOURCEHANSANSCN-MEDIUM.OTF);
}*/
/*//思源黑体-加粗*/
/*@font-face {
	font-family:'SourceHanSansCN-Bold';
	src: url(https://cdn.7b620.cn//SourceHanSansCN-Bold.otf);
}*/
/*//思源黑体-加重*/
/*@font-face {
	font-family:'SourceHanSansCN-Heavy';
	src: url(https://cdn.7b620.cn//SourceHanSansCN-Heavy.otf);
}*/


/*头*/
.header {
}

.header .top {
    background: #303030;
    padding: 10px 0;
}

.header .top .name {
    /*font-family: SOURCEHANSANSCN-NORMAL;*/
    float: left;
    color: #ffffff;
    font-size: 16px;
    padding-left: 40px;
    background: url(../img/menu.png) no-repeat left center;
    margin-top: 7px;
}

.header .top .right {
    float: right;
    overflow: hidden;
}

.header .top .right .free {
    /*font-family: SOURCEHANSANSCN-LIGHT;*/
    background: #c30d23;
    display: block;
    border-radius: 6px;
    color: #ffffff;
    font-size: 14px;
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 3px;
    float: left;
    margin-top: 7px;
}

.header .top .right .tel {
    /*font-family: SOURCEHANSANSCN-LIGHT;*/
    color: #ffffff;
    font-size: 16px;
    float: left;
    margin: 9px 10px 0;
}

.header .top .right .search {
    float: left;
    border: 1px solid #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.header .top .right .search .inp {
    width: 100px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #ffffff;
    padding: 0 0 0 10px;
}

.header .top .right .search .sub {
    width: 36px;
    height: 30px;
    background: url(../img/search.png) no-repeat center / 20px 20px;
    float: left;
}

.header .bottom {
    background: #c30d23;
}

.header .bottom .logo {
    float: left;
    padding: 5px 0;
}

.header .bottom .logo img {
    display: block;
    height: 54px;
}

.header .bottom .nav {
    float: right;
}

.header .bottom .nav ul li {
    float: left;
    position: relative;
}

.header .bottom .nav ul li + li .first:after {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: 22px;
    width: 1px;
    height: 20px;
    background: #ffffff;
}

.header .bottom .nav ul li .first.active:after {
    display: none;
}

.header .bottom .nav ul li:hover .first {
    line-height: 56px;
    border-bottom: 4px solid #ffffff;
    padding-top: 4px;
}

.header .bottom .nav .first {
    /*font-family: SOURCEHANSANSCN-NORMAL;*/
    display: block;
    font-size: 18px;
    color: #ffffff;
    padding: 0 10px;
    line-height: 64px;
    min-width: 86px;
    text-align: center;
    letter-spacing: 3px;
}

.header .bottom .nav .first.active {
    background: #FFFFFF;
    color: #c30d23;
}

.header .bottom .nav .dropDown {
    background: #ffffff;
    padding: 20px 30px;
    box-shadow: 0 0 5px #2c2c2c4d;
    position: absolute;
    top: 100%;
    display: none;
    z-index: 9;
    width: 450px;
    left: -200px;
    margin-left: 50%;
}

.header .bottom .nav .dropDown p {
    color: #000000;
    font-size: 18px;
    padding-left: 10px;
    border-left: 4px solid #c30d23;
}

.header .bottom .nav ul li:hover .dropDown {
    display: block;
}

.header .bottom .nav .second {
    font-size: 16px;
    color: #666666;
    display: inline-block;
    white-space: nowrap;
    padding: 0 12px;
    width: 50%;
    float: left;
    white-space: nowrap;
    position: relative;
    margin-top: 20px;
}

.header .bottom .nav .second:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-width: 4px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #c30d23;
    position: absolute;
    top: 3px;
    left: 0;
}

.header .bottom .nav .second:hover,
.header .bottom .nav .second.active {
    color: #c30d23;
}

/*尾*/
.footer {
    padding: 35px 0 30px;
    background: #303030;
}

.footer .logo {
    height: 80px;
}

.footer .logo img {
    display: block;
    height: 100%;
}

.footer .nav {
    overflow: hidden;
    margin: 40px 0 25px;
}

.footer .nav ul li {
    float: left;
}

.footer .nav ul li + li {
    margin-left: 100px;
}

.footer .nav .first {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    display: block;
    font-size: 16px;
    color: #ffffff;
}

.footer .nav .dropDown {
    margin-top: 15px;
}

.footer .nav .second {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 13px;
    color: #9d9d9d;
    line-height: 22px;
    display: block;
    white-space: nowrap;
    margin-bottom: 5px;
}

.footer .nav .second:hover {
    color: #ffffff;
}

.copyRight {
    text-align: center;
    font-size: 14px;
    color: #9d9d9d;
    line-height: 1.5;
    margin: 50px 0 0;
}

.footer .friendship {

}

.footer .friendship .tit {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 16px;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

.footer .friendship .links {
    display: block;
}

.footer .friendship .links a {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 13px;
    color: #9d9d9d;
    line-height: 24px;
    position: relative;
    margin-right: 20px;
    white-space: normal;
    display: inline-block;
}

.footer .friendship .links a:after {
    content: '';
    display: block;
    position: absolute;
    right: -13px;
    top: 7px;
    width: 1px;
    height: 10px;
    background: #9d9d9d;
}

.footer .friendship .links a:last-child:after {
    display: none;
}

/*咨询*/
.consult {
    background: #c90d3b;
    border-radius: 10px;
    position: fixed;
    z-index: 9;
    right: 2px;
    bottom: 100px;
    padding: 15px 5px 25px;
    width: 150px;
    text-align: center;
}

.consult .img {
    display: block;
    width: 92px;
    margin: 0 auto;
    cursor: pointer;
}

.consult .link1 {
    /*font-family:'SOURCEHANSANSCN-REGULAR';*/
    display: block;
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    padding: 10px 0;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
}

.consult .link2 {
    /*font-family:'SOURCEHANSANSCN-REGULAR';*/
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #6f0821;
    background: #f3bf0d;
    border-radius: 10px;
    line-height: 26px;
    width: 88px;
    text-align: center;
    margin-bottom: 25px;
}

.consult .tel {
    display: block;
    float: left;
    width: 28px;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: 5px;
}

.telNum {
    /*font-family:'SOURCEHANSANSCN-REGULAR';*/
    color: #ffffff;
    text-align: justify;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
}

.telNum p {
    white-space: nowrap;
}

/*主体*/
.main {

}

.part {
    margin: 43px 0;
}

.commenTitle {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #303030;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.4;
    letter-spacing: 2px;
}

.commenTitle * {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
}

.commenTitle b {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
    color: #c30f24;
}

.commenTitle span {
    font-size: 43px;
}

.commenTitle:after {
    content: '';
    width: 58px;
    height: 4px;
    background: #c30d23;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    bottom: -5px;
}

.commenTitleSmall {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
    /*font-family:SOURCEHANSANSCN-LIGHT;*/
}

.commenTitleSmall span {
    color: #c30d23;
}

/*轮播图*/
.slide {
    position: relative;
}

.slide img,
.slide a {
    display: block;
    width: 100%;
}

/*产品家族*/
.product {
    background: #ebebeb;
    overflow: hidden;
}

.product ul {
    overflow: hidden;
    padding-top: 15px;
    display: -moz-box; /*firefox*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-box; /*Safari*/
    display: -webkit-flex; /*Chrome*/
    display: box;
    display: flexbox;
    display: flex;
}

.product ul li {
    /*float: left;*/
    width: 170px;
    height: 310px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    text-align: justify;
    transition: all .3s;
}

.product ul li + li {
    margin-left: 12px;
}

.product ul li.active {
    width: 360px;
    transition: all .3s;

}

.product ul li.other {
    width: 132px;
    transition: all .3s;
}

/*.product ul li:nth-child(2n+1) .tit{*/
/*	color: #ffe2c6;*/
/*}*/

.product .tit {
    /*font-family:SOURCEHANSANSCN-LIGHT;*/
    font-size: 30px;
    color: #c72a3a;
    line-height: 36px;
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    display: inline-block;
    letter-spacing: 5px;
    /*height: 200px;*/
    font-weight: 600;
    margin-top: 35px;
    vertical-align: text-top;
    margin-left: 67px;
}

.product .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 23px;
    overflow: hidden;
    top: 100%;
    left: 0;
    text-align: left;
    transition: all .3s;
}

.product .center {
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #ffffff;
    position: relative;
}

.product .center .more {
    /*font-family: 'SOURCEHANSERIFCN-LIGHT';*/
    color: #ffffff;
    font-size: 15px;
    width: 100px;
    line-height: 30px;
    text-align: center;
    display: block;
    border: 1px solid #ffffff;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    bottom: 20px;
}

.product .center .more:hover {
    color: #c30d23;
    border: 1px solid #c30d23;
    /*background: #ffffff;*/
}

.product .center p {
    /*font-family:SOURCEHANSANSCN-NORMAL;*/
    font-size: 12px;
    line-height: 30px;
}

.product .center .font1 {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
    font-size: 26px;
    line-height: 46px;
    margin-bottom: 10px;
}

.product .center .font2 {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
    font-size: 18px;
}

.product .center .font2 span {
    /*font-family:SOURCEHANSANSCN-NORMAL;*/
    font-size: 16px;
}

.product ul li:hover .mask {
    top: 0;
    transition: all .3s;
}

.product ul li:hover .tit {
    display: none;
}

/*多场景*/
.scene {

}

.scene .lists {
    position: relative;
    margin: 50px 0 80px;
    /*cursor: pointer;*/
}

.scene .lists img {
    display: block;
    width: 100%;
}

.scene .lists .pos1 {
    border-radius: 8px;
    overflow: hidden;
    width: 870px;
    margin-left: 70px;
    position: relative;
}

.scene .lists .pos1 .img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 8px;
}

.scene .lists .pos2 {
    position: absolute;
    left: -60px;
    bottom: -75px;
    width: 560px;
}

.scene .lists .pos2 .img {
    position: absolute;
    background: #ffffff;
    top: 13px;
    left: 93px;
    width: 292px;
    height: 168px;
    cursor: pointer;
}

.skew-elm1 {
    cursor: pointer;
}

.scene .lists .pos3 {
    position: absolute;
    right: 40px;
    bottom: -55px;
    width: 160px;
}

.scene .lists .pos3 .img {
    position: absolute;
    background: #ffffff;
    top: 7px;
    left: 12px;
    width: 135px;
    height: 248px;
    cursor: pointer;
}

.scene .lists .pos4 {
    position: absolute;
    right: 180px;
    bottom: -35px;
    width: 260px;
}

.scene .lists .pos4 .img {
    position: absolute;
    background: #ffffff;
    top: 5px;
    left: 20px;
    width: 220px;
    height: 84px;
}

.scene .lists .pos5 {
    position: absolute;
    left: 405px;
    bottom: -55px;
    width: 355px;
}

.scene .lists .pos5 .img {
    position: absolute;
    left: 30%;
    top: 2px;
    height: 149px;
    padding: 10px;
    width: 120px;
}

.scene .lists .pos6 {
    position: absolute;
    left: 410px;
    bottom: -50px;
    width: 160px;
}

.scene .lists .pos6 .img {
    position: absolute;
    left: 46px;
    top: 8px;
    height: 90px;
    padding: 8px;
    width: 59px;
}

.scene .lists .pos7 {
    position: absolute;
    left: 295px;
    bottom: -35px;
    width: 160px;
    z-index: 2;
}

.scene .lists .pos7 .img {
    position: absolute;
    left: 5px;
    top: 40px;
    width: 90px;
    animation: light 2s linear infinite;
}

.scene .lists .pos7 .img2 {
    position: absolute;
    left: -20px;
    top: 30px;
    width: 130px;
    transition: all 0.3s;
}

.scene .lists .pos7:hover .img2 {
    transition: all 0.3s;
    transform: scale(1.2);
}

@keyframes light
{
    0% {opacity: 0;
    /*transform: scale(1);*/
    }
    50% {opacity: 1;
    /*transform: scale(0);*/
    }
    100% {opacity: 0;
    /*transform: scale(1);*/
    }
}
.scene .lists .swiper-container,
.scene .lists .pos2 .img img,
.scene .lists .pos3 .img img,
.scene .lists .pos4 .img img {
    height: 100%;
}

/*解决专家*/
.expert {

}

.expert .banner {
    /*cursor: pointer;*/
}

.expert .banner img {
    display: block;
    width: 100%;
}

.expert:hover .lists {
    display: block;
}

.expert .lists {
    /*display: none;*/
}

.expert .textBox {
    /*font-family:SOURCEHANSANSCN-LIGHT;*/
    font-size: 16px;
    color: #303030;
    line-height: 36px;
    padding: 20px;
    background: url(../img/i-4.png) no-repeat right center #ffffff;
}

.expert .textBox + .textBox {
    text-align: right;
    margin-top: 10px;
    background: url(../img/i-5.png) no-repeat left center #ffffff;
}

.expert .textBox img {
    display: inline-block;
}

.expert .textBox .red {
    color: #c71e11;
    font-size: 18px;
}

/*技术赋能*/
.technology {

}

.technology .li {
    float: left;
    width: 252px;
    height: 252px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-right: 24px;
    margin-bottom: 24px;
    cursor: pointer;
}

.technology .li:nth-child(4n) {
    margin-right: 0;
}

.technology .li:hover img {
    transform: scale(1.5);
    transition: all .3s;
}

.technology .li img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .3s;
}

.technology .li p {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
    font-size: 34px;
    text-align: center;
    color: #ffffff;
    margin-top: 200px;
}

/*党建引领*/
.video {

}

.video video {
    margin: 0 auto;
    display: block;
    outline: none;
    cursor: pointer;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

/*核心优势*/
.advantage {

}

.advantage .lists {
    overflow: hidden;
    padding-top: 40px;
}

.advantage .lists ul li {
    width: 356px;
    margin: 2px;
    height: 182px;
    float: left;
    position: relative;
    /*overflow: hidden;*/
    background: #ffffff;
    background-position: right center;
    background-repeat: no-repeat;
    /*cursor: pointer;*/
}

.advantage .lists .white {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 40px;
}

.advantage .lists .white img {
    display: inline-block;
    height: 60px;
}

.advantage .lists .white p {
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    letter-spacing: 2px;
}

.advantage .lists .red {
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: -100%;
	top: -100%;
	transition: all .5s;*/
    left: 0;
    top: 0;
    background: url(../img/i-bg2.jpg) no-repeat center / 100% 100%;
    padding: 30px 20px 20px;
    overflow: hidden;
    color: #ffffff;
    display: none;
}

.advantage .lists ul li:hover .red {
    /*left: 0;
	top: 0;
	transition: all .5s;*/
    box-shadow: 0 0 15px #909090;
    display: block;
}

.advantage .lists .red img {
    float: right;
    display: block;
}

.advantage .lists .red .txt1 {
    /*font-family:SourceHanSansCN-Bold;*/
    font-weight: bold;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.advantage .lists .red .txt2 {
    /*font-family:SOURCEHANSANSCN-LIGHT;*/
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 255px;
    text-align: left;
    height: 66px;
}

/*典型案例*/
.case {

}

.case .lists {
    height: 420px;
    overflow: hidden;
}

.case .lists .li {
    position: relative;
}

.case .lists .li:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 120px;
    background: #222222;
    right: -13px;
    bottom: -40px;
}

.case .lists .swiper-slide:nth-child(3n) .li:after {
    display: none;
}

.case .img {
    box-shadow: 0 5px 10px #717171;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}

.case .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.case .name {
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
    font-size: 22px;
    color: #303030;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 15px 20px;
}

.case .des {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #565656;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 20px;
    line-height: 24px;
}

.case .more {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #c30d23;
    font-size: 18px;
    width: 128px;
    line-height: 36px;
    text-align: center;
    display: block;
    border: 1px solid #c30d23;
    border-radius: 6px;
    margin: 20px;
    float: right;
}

.case .more:hover {
    color: #ffffff;
    background: #c30d23;
}

/*最新动态*/
.dynamic {
    background: #ebebeb;
    overflow: hidden;
}

.dynamic .lists {
    overflow: hidden;
    position: relative;
}

.dynamic .second:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -20px;
    width: 1px;
    height: 100%;
    background: #222222;
}

.dynamic .first {
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 20px;
}

.dynamic .second {
    overflow: hidden;
    position: relative;
}

.dynamic .first .tit {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-bottom: 10px;
}

.dynamic .first .tit:hover {
    color: #c30d23;
}

.dynamic .first .des {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #565656;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dynamic .li {
    width: 420px;
    overflow: hidden;
    margin-top: 20px;
    float: left;
}

.dynamic .li:nth-child(2n) {
    float: right;
}

.dynamic .li .tit {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 15px;
    display: block;
    float: left;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dynamic .li .tit span {
    background: #878787;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 100%;
    vertical-align: middle;
}

.dynamic .li .tit:hover {
    color: #c30d23;
}

.dynamic .li .time {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 15px;
    display: block;
    float: right;
}

.dynamic .more {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #c30d23;
    font-size: 18px;
    width: 128px;
    line-height: 36px;
    text-align: center;
    display: block;
    border: 1px solid #c30d23;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 20px;
}

.dynamic .more:hover {
    color: #ffffff;
    background: #c30d23;
}

/*产品-智慧党建*/
.productTitle {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.productTitle span {
    color: #ca384a;
    font-size: 38px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.productLabel {
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}

.productLabel ul li {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    padding: 6px 10px;
    border-radius: 17px;
    border: 1px solid #c30d23;
    color: #c30d23;
    font-size: 19px;
    display: inline-block;
    margin: 0 5px;
}

.productTxt {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #333333;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.productStar {
    margin-bottom: 20px;
}

.productStar img {
    display: block;
    margin: 0 auto;
}

.slide .banner {
    display: block;
    width: 100%;
}

/*江山*/
.mountains {
    height: 510px;
    background: url(../img/product/bg2.png) #ffffff no-repeat bottom / 100% auto;
    padding: 60px 0;
    color: #c30d23;
}

.mountains ul {
    overflow: hidden;
}

.mountains ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.mountains .txt1 {
    font-size: 51px;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
}

.mountains .txt2 {
    font-size: 18px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    width: 20px;
    display: inline-block;
    background: url(../img/product/bg1.png) no-repeat left top / auto 100%;
    padding-bottom: 50px;
    padding-left: 10px;
    margin-left: 100px;
    margin-top: 10px;
}

/*某一趴*/
.history {
    overflow: hidden;
    margin-bottom: 80px;
}

.history .tab {
    overflow: hidden;
    padding: 0 20px;
    margin: 35px 0;
}

.history .tab li {
    width: 310px;
    height: 70px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #c30d23;
    color: #c30d23;
    font-size: 29px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    line-height: 68px;
    float: left;
    cursor: pointer;
}

.history .tab li + li {
    margin-left: 54px;
}

.history .tab li.active {
    background: #c30d23;
    color: #ffffff;
}

.history .content {
    overflow: hidden;
}

.history .content .li {
    display: none;
}

.history .content .li:first-child {
    display: block;
}

.history .content .img {
    border: 12px solid #c30d23;
    width: 524px;
    height: 644px;
    float: left;
}

.history .content .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.history .content .tit {
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
}

.history .content .tit .txt1 {
    font-size: 28px;
    color: #c30d23;
    margin-top: 10px;
    /*font-family:'SOURCEHANSANSCN-REGULAR';*/

}

.history .content .tit .txt2 {
    font-size: 18px;
    /*font-family:'SOURCEHANSANSCN-REGULAR';*/
    color: #333333;
    margin-top: 10px;
}

.history .content .other {
    margin-left: 540px;
    overflow: hidden;
    margin-bottom: 25px;
}

.history .content .time {
    overflow: hidden;
    margin-top: 30px;
    float: left;
}

.history .content .time .bt {
    font-size: 20px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    /*font-weight: bold;*/
    color: #333333;
    margin-bottom: 10px;
}

.history .content .time .txt1 {
    font-size: 15px;
    width: 110px;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
    padding: 15px 10px;
    line-height: 1.5;
    background: #c30d23;
    float: left;
    white-space: nowrap;
}

.history .content .time .txt1 p {
    /*font-weight: bold;*/
    font-size: 19px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.history .content .time .txt2 {
    float: left;
    font-size: 15px;
    color: #c30d23;
    border-bottom: 2px solid #c30d23;
    width: 140px;
    text-align: center;
    padding-bottom: 10px;
    margin-top: 25px;
}

.history .content .code {
    float: right;
}

.history .content .code img {
    display: block;
    width: 128px;
    margin-bottom: 10px;
}

.history .content .code p {
    font-size: 18px;
    text-align: center;
    color: #333333;
}

.history .content .people {
    margin-left: 540px;
    padding-top: 30px;
    border-top: 1px solid #c30d23;
}

.history .content .people .bt {
    font-size: 20px;
    /*font-weight: bold;*/
    text-align: center;
    overflow: hidden;
    color: #333333;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.history .content .people .bt span {
    /*font-weight: normal;*/
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
    float: right;
    display: block;
    font-size: 18px;
}

.history .content .people ul {
    overflow: hidden;
    margin-top: 30px;
    overflow-y: auto;
    height: 282px;
}

.history .content .people ul li {
    width: 20%;
    float: left;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 3px;
    font-size: 15px;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.history .content .people ul li p {
    margin-top: 10px;
}

.history .content .people ul li p + p {
    font-size: 14px;
    margin-top: 5px;
}

.history .content .people ul li img {
    border-radius: 100%;
    display: block;
    width: 100%;
    height: 78px;
}

.history .content .people ul li .red {
    color: #c30d23;
}

.history .content .tit2 {
    font-size: 24px;
    color: #870000;
    border-left: 2px solid #870000;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 30px;
}

.history .content .news {

}

.history .content .news .dd {
    overflow: hidden;
    font-size: 16px;
    color: #303030;
    line-height: 20px;
}

.history .content .news .dd a {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    display: block;
    float: left;
    color: #303030;
}

.history .content .news .dd a:hover {
    color: #c30d23;
    text-decoration: underline;
}

.history .content .news .dd span {
    float: right;
}

.history .content .news .dd + .dd {
    margin-top: 15px;
}

#certify {
    position: relative;
    width: 100%;
    padding: 0 40px;
}

#certify li img {
    display: block;
    width: 100%;
    border: 5px solid #e5dab9;
    height: 468px;
}

#certify li .t1 {
    text-align: center;
    font-size: 48px;
    color: #c30d23;
    display: block;
    margin-bottom: 10px;
}

#certify li .t2 {
    line-height: 40px;
    font-size: 26px;
    color: #333333;
    display: block;
    padding: 10px 15px;
    opacity: 0;
}

#certify li.p1 .t2 {
    opacity: 1;
}

.history .content .li:last-child {
    margin-top: -100px;
    margin-bottom: -160px;
}

/*某一趴*/
.sixBlock.advantage .lists ul li {
    width: 536px;
}

.sixBlock.advantage .lists .white {
    padding-top: 0;
}

.sixBlock.advantage .lists .white img {
    width: 100%;
    height: 100%;
}

.sixBlock.advantage .lists .red img {
    float: none;
    height: 60px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.sixBlock.advantage .lists .red .txt1 {
    font-weight: normal;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.sixBlock.advantage .lists .red .txt2 {
    position: absolute;
    top: 50px;
    right: 50px;
    /*display: block;*/
    font-size: 20px;
    line-height: 30px;
    height: 120px;
    width: 240px;
    -webkit-line-clamp: 4;
}

.sixBlock.advantage .lists ul li:nth-child(3) .red .txt2,
.sixBlock.advantage .lists ul li:nth-child(5) .red .txt2 {
    top: 30px;
}

.sixBlock.advantage .lists .red {
    padding: 30px 50px;
}

/*某一趴*/
.terminal {
    padding: 45px 0;
    background: #ebebeb;
}

.productTab {
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}

.productTab ul li {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #c30d23;
    color: #c30d23;
    font-size: 17px;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.productTab ul li.active {
    color: #ffffff;
    background: #c30d23;
}

.picturesTab {
    margin-top: 40px;
}

.picturesTab:after {
    content: '';
    display: block;
    clear: both;
}

.picturesTab ul li {
    display: none;
}

.picturesTab ul li img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.picturesTab ul li:first-child {
    display: block;
}

/*某一趴*/
.productRed {
    color: #c30d23;
    font-size: 19px;
    text-align: center;
    margin-bottom: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.platform {
    box-shadow: 0 0 20px #b7b7b7;
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
}

.platform:after {
    content: '';
    display: block;
    clear: both;
}

.platform .img {
    width: 300px;
    float: left;
}

.platform .img img {
    display: block;
    max-width: 100%;
}

.platform .other {
    overflow: hidden;
    width: 650px;
    float: right;
}

.platform .other .tit {
    color: #ca384a;
    font-size: 36px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

.platform .other .tit .see {
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid #c30d23;
    color: #c30d23;
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    margin-top: 14px;
    display: block;
    float: right;
}

.platform .other .tit .see:hover {
    color: #ffffff;
    background: #c30d23;
}

.platform .other .des {
    font-size: 17px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    line-height: 30px;
    color: #333333;
    margin-top: 20px;
}

.platform .other .link {
    margin-top: 5px;
}

.platform .other .link .li {
    padding: 8px 0;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #c30d23;
    color: #ffffff;
    background: #c30d23;
    font-size: 16px;
    display: block;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    float: left;
    width: 19%;
    margin-right: 1.25%;
    margin-top: 10px;
}

.platform .other .link .li:nth-child(5n) {
    margin-right: 0;
}

.platform .other .link .li:hover {
    background: #940012;
    border: 1px solid #940012;
}

/*某一趴*/
.eightBox {
    background: #df031e;
    padding: 30px 0;
}

.eightBox .title {
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    margin-bottom: 15px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.eightBox .title span {
    font-size: 38px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    padding: 0 5px;
}

.eightBox .lists {

}

.eightBox .lists ul li {
    float: left;
    width: 25%;
    color: #ffffff;
    height: 200px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 40px;
}

.eightBox .lists ul li:nth-child(2),
.eightBox .lists ul li:nth-child(3),
.eightBox .lists ul li:nth-child(6),
.eightBox .lists ul li:nth-child(7) {
    width: 27%;
}

.eightBox .lists ul li:nth-child(4n) {
    padding-right: 0;
    width: 21%;
}

.eightBox .lists ul li:nth-child(4n+1) {
    padding-left: 0;
}

.eightBox .lists ul li:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 175px;
    right: 0;
    top: -10px;
    background: #ffffff;
}

.eightBox .lists ul li:nth-child(4n):after {
    display: none;
}

.eightBox .lists .txt1 {
    font-size: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    margin-bottom: 10px;
}

.eightBox .lists .txt2 {
    font-size: 28px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    /*font-weight: bold;*/
    margin-bottom: 10px;
}

.eightBox .lists .txt3 {
    font-size: 15px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    line-height: 20px;
}

/*某一趴*/
.threeBanner {
    overflow: hidden;
}

.threeBanner img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

/*某一趴*/
.sevenBox {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    padding: 90px 0 120px;
}

.sevenBox .title {
    color: #ffffff;
    font-weight: bold;
    font-size: 66px;
    position: absolute;
    left: 335px;
    top: 230px;
    width: 135px;
    line-height: 1.2;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.sevenBox .titleBg {
    display: block;
    margin-left: 190px;
}

.sevenBox .li {
    width: 225px;
    overflow: hidden;
}

.sevenBox .li .img {
    display: block;
    float: left;
}

.sevenBox .li .img .a {
    position: absolute;
}

.sevenBox .li .img .b {

}

.sevenBox .li .tit {
    font-size: 20px;
    color: #ca384a;
    margin-bottom: 5px;
    float: right;
    margin-top: 25px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.sevenBox .li .small {
    font-size: 16px;
    margin-bottom: 10px;
    float: right;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.sevenBox .li .des {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 15px;
    line-height: 20px;
    float: left;
    text-align: justify;
}

.sevenBox .huoli {
    position: absolute;
    top: 0;
    left: 220px;
}

.sevenBox .huoli .img .a {
    left: 37px;
    top: 29px;
    animation: bloom 2s ease 1.5s infinite;
}

.sevenBox .chengshu {
    position: absolute;
    top: 20px;
    right: 240px;
}

.sevenBox .chengshu .img .a {
    left: 28px;
    top: 23px;
    animation: narrow 2.4s ease 1.5s infinite;
}

.sevenBox .chengshu .img .b {
    animation: bloom 2s ease 1.5s infinite;
}

.sevenBox .zhuanshu {
    position: absolute;
    top: 140px;
    right: 0;
}

.sevenBox .zhuanshu .img .a {
    left: 39px;
    top: 29px;
    animation: upDown 2.4s ease-out infinite;
}

.sevenBox .zhineng {
    position: absolute;
    bottom: 70px;
    right: 40px;
}

.sevenBox .zhineng .img .a {
    left: 38px;
    top: 20px;
    animation: rotate 2s ease 1.5s infinite;
}

.sevenBox .zhineng .img .b {
    animation: bloom 2s ease 1.5s infinite;
}

.sevenBox .zhuoyue {
    position: absolute;
    bottom: 40px;
    left: 420px;
}

.sevenBox .zhuoyue .img .a {
    left: 36px;
    top: 22px;
    animation: upDown 2.4s ease-out infinite;
}

.sevenBox .wushi {
    position: absolute;
    bottom: 100px;
    left: 70px;
}

.sevenBox .wushi .img .a {
    left: 30px;
    top: 32px;
    animation: narrow 2.4s ease 1.5s infinite;
}

.sevenBox .wushi .img .b {
    animation: bloom 2s ease 1.5s infinite;
}

.sevenBox .gaoxiao {
    position: absolute;
    top: 170px;
    left: 0;
}

.sevenBox .gaoxiao .img .a {
    left: 40px;
    top: 26px;
    animation: upDown 2.4s ease-out infinite
}

.sevenBox .gaoxiao .img .b {
    animation: bloom 2s ease 1.5s infinite;
}

@keyframes bloom {
    0% {
        transform: scale(0, 0);
    }
    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

@keyframes narrow {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.6, 0.6);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes upDown {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.threeCircle {
    overflow: hidden;
    margin-bottom: 50px;
}

.threeCircle ul li {
    float: left;
    width: 33.3%;
    text-align: center;
}

.threeCircle .part1 {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    background: #ca384a;
    display: inline-block;
    position: relative;
}

.threeCircle .part1:after {
    display: block;
    content: '';
    width: 42px;
    height: 42px;
    background: url(../img/product/11.png) no-repeat center;
    position: absolute;
    right: -125px;
    top: 70px;
}

.threeCircle ul li:last-child .part1:after {
    display: none;
}

.threeCircle .part1 img {
    display: inline-block;
    height: 90px;
    margin-top: 25px;
}

.threeCircle .part1 p {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 10px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.threeCircle .part2 {
    border: 2px solid #ca384a;
    border-radius: 4px;
    line-height: 20px;
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    margin: 0 15px;
    padding: 15px;
    margin-top: 15px;
}

.threeCircle .part3 {
    margin-top: 15px;
    position: relative;
    overflow: hidden;
}

.threeCircle .part3:after {
    content: '';
    display: block;
    width: 1px;
    height: 200px;
    background: #ca384a;
    position: absolute;
    right: 0;
    top: -80px;
}

.threeCircle ul li:last-child .part3:after {
    display: none;
}

.threeCircle .part3 .title {
    font-size: 18px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    background: #dcdddd;
    border-radius: 4px;
    line-height: 28px;
    padding: 0 15px;
    display: inline-block;
    margin-bottom: 10px;
    color: #848484;
    font-weight: bold;
}

.threeCircle .part3 .link {

}

.threeCircle .part3 .link a {
    color: #ca384a;
    font-size: 14px;
    margin-top: 10px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    display: block;
    width: 100%;
}

.threeCircle .part3 .link.two a {
    width: 50%;
    float: left;
}

.threeCircle .part3 .half {
    width: 50%;
    float: left;
}

.threeCircle .part3 .link a:hover {
    color: #940012;
    font-weight: bold;
}

.experience {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 28px;
    border: 1px solid #ca384a;
    width: 160px;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    height: auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 40px;
    background: #ca384a;
    color: #ffffff;
    cursor: pointer;
}

/*.experience:hover{
	background: #ca384a;
	color: #ffffff;
}*/
/*班子干部智能分析系统*/
.teamBox1 {
    padding: 45px 0 120px;
    background: url(../img/product/bg3.png) no-repeat center bottom / 100% auto;
}

.teamBox1 .lists {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 100px;
}

.teamBox1 .lists ul li {
    float: left;
    width: 20%;
    position: relative;
    color: #333333;
    font-size: 24px;
}

.teamBox1 .lists p {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    width: 32px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 auto;
}

.teamBox1 .lists img {
    position: absolute;
    z-index: -1;
}

.teamBox1 .lists .first img {
    top: 20px;
    left: 15px;
}

.teamBox1 .lists .first p {

}

.teamBox1 .lists .two img {
    bottom: 0;
    right: 25px;
}

.teamBox1 .lists .two p {

}

.teamBox1 .lists .three img {
    top: -30px;
    left: 20px;
}

.teamBox1 .lists .three p {

}

.teamBox1 .lists .four img {
    bottom: -25px;
    right: 25px;
}

.teamBox1 .lists .four p {

}

.teamBox1 .lists .five img {
    top: 80px;
    left: 20px;
}

.teamBox1 .lists .five p {

}

.teamBox2 {

}

.teamBox2 .lists {
    overflow: hidden;
    padding: 0 70px;
}

.teamBox2 ul li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}

.teamBox2 ul li .txt1 {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    font-size: 100px;
    color: #657ae1;
    /*font-weight: bold;*/
}

.teamBox2 ul li .txt2 {
    font-size: 24px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    color: #657ae1;
    margin-bottom: 30px;
    /*font-weight: bold;*/
}

.teamBox2 ul li .txt3 {
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.teamBox2 ul li:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 25%;
    width: 1px;
    background: #657ae1;
    height: 130px;
}

.teamBox2 ul li:last-child:after {
    display: none;
}

.teamBox3 {
    margin-top: 20px;
}

.teamBox3 .lists {

}

.teamBox3 .lists ul li {
    text-align: center;
    float: left;
    width: 33%;
    background: #ffffff;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    padding: 10px 20px;
    height: 270px;
    border-radius: 4px;
}

.teamBox3 .lists ul li:nth-child(3n) {
    margin-right: 0;
}

.teamBox3 .lists ul li:hover {
    box-shadow: 0 0 20px #9D9D9D;
}

.teamBox3 ul li .img {
    display: inline-block;
    height: 130px;
    margin-bottom: 5px;
}

.teamBox3 ul li .name {
    font-size: 24px;
    /*font-weight: bold;*/

    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    color: #657ae1;
    margin-bottom: 15px;
}

.teamBox3 ul li .des {
    line-height: 22px;
    color: #333333;
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    height: 66px;
    overflow: hidden;
    text-align: justify;
}

.teamBox4 {

}

.teamBox4 .lists {
    background: url(../img/product/circle1.png) no-repeat center;
    padding: 60px 0;
    height: 760px;
    position: relative;
}

.teamBox4 .lists .name {
    font-size: 28px;
    color: #657ae1;
    /*width: 180px;*/
    line-height: 1.5;
    position: absolute;
    left: 50%;
    margin-left: -88px;
    top: 50%;
    margin-top: -26px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.teamBox4 .lists .li {
    position: absolute;
}

.teamBox4 .lists .pos1 {
    width: 200px;
    left: 50px;
    top: 60px;
}

.teamBox4 .lists .pos1 .after {
    width: 26px;
    height: 26px;
    background: url(../img/product/circle2.png) no-repeat center / 100% 100%;
    position: absolute;
    right: -80px;
    bottom: -20px;
}

.teamBox4 .lists .pos1 .before {
    width: 255px;
    height: 1px;
    background: #b8c1ed;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.teamBox4 .lists .pos2 {
    width: 170px;
    top: 280px;
    left: 15px;
}

.teamBox4 .lists .pos2 .after {
    width: 26px;
    height: 26px;
    background: url(../img/product/circle2.png) no-repeat center / 100% 100%;
    position: absolute;
    right: -60px;
    bottom: -20px;
}

.teamBox4 .lists .pos2 .before {
    width: 205px;
    height: 1px;
    background: #b8c1ed;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.teamBox4 .lists .pos3 {
    width: 260px;
    left: 50px;
    bottom: 160px;
}

.teamBox4 .lists .pos3 .after {
    width: 26px;
    height: 26px;
    background: url(../img/product/circle2.png) no-repeat center / 100% 100%;
    position: absolute;
    right: -110px;
    bottom: -20px;
}

.teamBox4 .lists .pos3 .before {
    width: 345px;
    height: 1px;
    background: #b8c1ed;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.teamBox4 .lists .pos4 {
    width: 350px;
    top: 40px;
    right: 15px;
}

.teamBox4 .lists .pos4 .tit,
.teamBox4 .lists .pos5 .tit {
    text-align: right;
}

.teamBox4 .lists .pos4 .after {
    width: 26px;
    height: 26px;
    background: url(../img/product/circle2.png) no-repeat center / 100% 100%;
    position: absolute;
    left: -40px;
    bottom: -20px;
}

.teamBox4 .lists .pos4 .before {
    width: 365px;
    height: 1px;
    background: #b8c1ed;
    position: absolute;
    right: 0;
    bottom: -8px;
}

.teamBox4 .lists .pos5 {
    width: 270px;
    right: 50px;
    bottom: 300px;
}

.teamBox4 .lists .pos5 .after {
    width: 26px;
    height: 26px;
    background: url(../img/product/circle2.png) no-repeat center / 100% 100%;
    position: absolute;
    left: -70px;
    bottom: -20px;
}

.teamBox4 .lists .pos5 .before {
    width: 315px;
    height: 1px;
    background: #b8c1ed;
    position: absolute;
    right: 0;
    bottom: -8px;
}

.teamBox4 .lists .tit {
    color: #4f68ed;
    font-size: 24px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    margin-bottom: 10px;
    white-space: nowrap;
}

.teamBox4 .lists .des {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.teamBox4 .experience {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 28px;
    border: 1px solid #6091c9;
    width: 160px;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    height: auto;
    text-align: center;
    border-radius: 10px;
    background: #657ae1;
    color: #ffffff;
}

/*.teamBox4 .experience:hover{
	background: #657ae1;
	color: #ffffff;
}*/
/*产品-干部考核评价*/
.cadreBox .centerBox {
    overflow: hidden;
}

.cadreBox .commenTitle span {
    color: #7daad9;
    font-size: 38px;
}

.cadreBox .commenTitle {

}

.cadreBox .commenTitle p {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.cadreBox .commenTitle p:before {
    content: '';
    display: block;
    position: absolute;
    height: 24px;
    width: 330px;
    background: url(../img/product/bg6.png) no-repeat right center;
    right: 100%;
    top: 13px;
}

.cadreBox .commenTitle p:after {
    content: '';
    display: block;
    position: absolute;
    height: 24px;
    width: 330px;
    background: url(../img/product/bg7.png) no-repeat right center;
    left: 100%;
    top: 13px;
}

.cadreBox .commenTitleSmall {
    font-size: 20px;
    color: #333333;
}

.cadreBox1 {
    background: url(../img/product/bg5.png) no-repeat center bottom / 100% auto;
    padding: 80px 0 150px;
}

.cadreBox1 .lists {
    overflow: hidden;
    margin-top: 100px;
}

.cadreBox1 .lists ul li {
    width: 25%;
    float: left;
    text-align: center;
}

.cadreBox1 li img {
    display: inline-block;
    height: 70px;
}

.cadreBox1 li div {
    width: 208px;
    height: 208px;
    background: url(../img/product/bg4.png) no-repeat center;
    color: #ffffff;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 38px;
    margin: 0 auto;
    margin-top: -4px;
}

.cadreBox1 li p {
    width: 118px;
    line-height: 1.2;
    letter-spacing: 5px;
    display: inline-block;
    margin-top: 54px;
    /*font-family:'SourceHanSansCN-Heavy';*/
}

.cadreBox2 .lists {
    margin: 50px 0 150px;
}

.cadreBox2 .lists .centerBox {
    height: 100%;
}

.cadreBox2 .lists .li {
    background: #ffffff;
    margin-bottom: 15px;
    height: 300px;
}

.cadreBox2 .li .img {
    width: 420px;
    float: left;
    height: 100%;
    background: #eeeeee;
    position: relative;
}

.cadreBox2 .li .img img {
    display: inline-block;
    width: 100%;
    height: 300px;
}

.cadreBox2 .li .img .m1 {
    /*padding-left: 50px;
	padding-top: 30px;*/
}

.cadreBox2 .li .img .m3 {
    padding-top: 70px;
    padding-left: 25px;
    vertical-align: top;

}

.cadreBox2 .li .text {
    width: 660px;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 95px;
}

.cadreBox2 .li .text:after {
    content: '';
    width: 1px;
    height: 200px;
    background: #6091c9;
    position: absolute;
    right: 50px;
    top: 50px;
}

.cadreBox2 .li:nth-child(2n) .text:after {
    left: 50px;
}

.cadreBox2 .li:nth-child(2n) .text .p1:first-child {
    margin-left: 120px;
}

.cadreBox2 .li:first-child .text .p2 {
    margin-left: 70px;
}

.cadreBox2 .li:last-child .text .p2 {
    padding-top: 14px;
}

.cadreBox2 .li .text .p1 {
    font-size: 26px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    float: left;
    width: 30px;
    margin-left: 70px;
}

.cadreBox2 .li .text .p2 {
    font-size: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #6091c9;
    border-radius: 4px;
    border: 1px solid #6091c9;
    float: left;
    width: 36px;
    height: 96px;
    text-align: center;
    line-height: 1.1;
    margin-left: 25px;
    margin-top: 8px;
}

.cadreBox2 .li .text .p2:nth-child(2) {
    margin-left: 70px;
}

@keyframes toTop {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes toTop {
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes zoomTxt {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.9, 0.9);
    }
    100% {
        transform: scale(1, 1);
    }
}

.cadreBox3 {

}

.cadreBox3 .lists {
    padding: 80px 0 80px;
    overflow: hidden;
}

.cadreBox3 .lists ul li {
    float: left;
    width: 50%;
    position: relative;
    /*cursor: pointer;*/
    height: 360px;
    overflow: hidden;
}


.cadreBox3 .lists ul li:nth-child(2n) {
    border-left: 1px solid #ffffff;
}

.cadreBox3 .lists ul li .m1 {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0%;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox3 .lists ul li .m2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox3 .lists ul li:hover .m1 {
    left: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox3 .lists ul li:hover .m2 {
    left: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox4 {

}

.cadreBox4 .lists {
    overflow: hidden;
    padding: 40px 0 80px;
}

.cadreBox4 ul {
    display: -moz-box; /*firefox*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-box; /*Safari*/
    display: -webkit-flex; /*Chrome*/
    display: box;
    display: flexbox;
    display: flex;
}

.cadreBox4 ul li {
    /*float: left;*/
    width: 212px;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox4 ul li + li {
    margin-left: 5px;
}

.cadreBox4 ul li.active {
    width: 480px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox4 ul li.other {
    width: 145px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.cadreBox4 .tit {
    font-size: 32px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    height: 100%;
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    display: inline-block;
    letter-spacing: 5px;
}

.cadreBox4 .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 50px 20px 0;
    overflow: hidden;
    top: 100%;
    left: 0;
    text-align: left;
    transition: all .3s;
}

.cadreBox4 .center {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
}

.cadreBox4 .center .font1 {
    font-size: 32px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    line-height: 46px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.cadreBox4 .center .font2 {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 14px;
    line-height: 24px;
    /*margin-bottom: 10px;*/
    display: block;
    /*height: 100px;*/
    overflow: hidden;
    background: rgba(1, 38, 60, 0.46);
    padding: 10px;
    width: 300px;
}

.cadreBox4 ul li:hover .mask {
    top: 0;
    transition: all .3s;
}

.cadreBox4 ul li:hover .tit {
    display: none;
}

.cadreBox4 .experience {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 28px;
    border: 1px solid #6091c9;
    width: 160px;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    height: auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 40px;
    background: #7ca8d7;
    color: #ffffff;
}

/*.cadreBox4 .experience:hover{
	background: #7ca8d7;
	color: #ffffff;
}*/
/*产品-智慧社区*/
.community1 .commenTitleSmall {
    /*font-size: 15px;
	color: #333333;*/
}

.community1 .lists {
    padding: 35px 0 30px;
}

.community1 .tab {
    overflow: hidden;
    margin-bottom: 15px;
}

.community1 .tab ul li {
    float: left;
    width: 33.3%;
    color: #333333;
    font-size: 24px;
    line-height: 1.2;
    padding-left: 90px;
    cursor: pointer;
    /*font-family:SOURCEHANSANSCN-LIGHT;*/
}

.community1 .tab ul li p {
    font-size: 26px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.community1 .tab ul li.active p {
    color: #ff5144;
}

.community1 .content {
    border-radius: 4px;
    overflow: hidden;
}

.community1 .content ul li {
    width: 100%;
    height: 200px;
    padding: 25px 60px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}

.community1 .content ul li:first-child {
    display: block;
}

.community1 .content ul li:last-child {
    padding: 10px 60px 0;
}

.community1 .content .p1 {
    color: #ffffff;
    background: #ff5144;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    display: block;
    background: url(../img/0615/sbbbb1.png) no-repeat left center;
    padding-left: 8px;
    margin-bottom: 10px;
}

.community1 .content .p2 {
    color: #ff5144;
    font-size: 24px;
    line-height: 30px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.community1 .content .p3 {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
    float: left;
    border: 1px solid #b5b5b5;
    display: inline-block;
    padding: 5px;
    font-family: SOURCEHANSANSCN-LIGHT;
}

/*某一趴*/
.community2 {

}

.community2 ul li {
    width: 33.3%;
    float: left;
    text-align: center;
    color: #ff5347;
    padding: 40px 0;
    height: 210px;
    overflow: hidden;
}

.community2 ul li .p1 {
    font-size: 24px;
    margin-bottom: 5px;
}

.community2 ul li .p1 span {
    font-size: 46px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.community2 ul li .p2 {
    font-size: 24px;
    margin-bottom: 10px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.community2 ul li .p3 {
    font-size: 14px;
    line-height: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

/*某一趴*/
.community3 {
    padding: 30px 0 70px;
    background: #ebebeb;
}

.community3 ul li {
    width: 346px;
    margin-right: 21px;
    height: 258px;
    float: left;
    position: relative;
    background: #ffffff;
    /*cursor: pointer;*/
    margin-bottom: 20px;
}

.community3 ul li:nth-child(3n) {
    margin-right: 0
}

.community3 .white {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px 10px 0;
}

.community3 .white .img {
    display: inline-block;
    height: 70px;
    margin-bottom: 15px;
}

.community3 .white .txt1 {
    font-size: 40px;
    /*font-family:'SourceHanSansCN-Heavy';*/
    /*font-weight: bold;*/
    color: #ff5347;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.community3 .white .txt2 {
    font-size: 18px;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.community3 .red {
    width: 100%;
    height: 100%;
    position: absolute;
    /*left: -100%;
	top: -100%;
	transition: all .5s;*/
    left: 0;
    top: 0;
    background: #ff5347;
    padding: 10px 15px;
    overflow: hidden;
    color: #ffffff;
    display: none;
}

.community3 ul li:hover .red {
    /*left: 0;
	top: 0;
	transition: all .5s;*/
    display: block;
}

.community3 .red .img {
    float: left;
    display: block;
    height: 55px;
    margin-right: 10px;
    margin-top: 8px;
}

.community3 .red .txt1 {
    font-size: 28px;
    float: left;
    letter-spacing: 2px;
    line-height: 56px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.community3 .red .txt2 {
    /*margin-top: 5px;*/
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
    font-size: 17px;
    line-height: 24px;
    text-align: justify;
    /*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 96px;*/
}

.community3 .red .links {
    overflow: hidden;
    /*height: 56px;*/
    margin-top: 15px;
}

.community3 .red .links a {
    color: #ff5347;
    font-size: 15px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 4px;
    margin: 0 2px;
    background: #ffd9d7;
    margin-top: 8px;
    cursor: default;
}

.community3 ul li:nth-child(3) .red .txt2,
.community3 ul li:nth-child(4) .red .txt2,
.community3 ul li:nth-child(7) .red .txt2,
.community3 ul li:nth-child(8) .red .txt2 {
    font-size: 15px;
    line-height: 20px;
}


.community3 .red .links a:hover {
    color: #940012;
}

.community4 {

}

.community4 .title {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    font-size: 30px;
    color: #ff5347;
    text-align: center;
    /*font-weight: bold;*/
    margin-bottom: 10px;
}

.community4 .des {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 24px;
    margin-bottom: 10px;
}

.community4 .experience {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 28px;
    border: 1px solid #ff5347;
    width: 160px;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    height: auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 40px;
    background: #ff5347;
    color: #ffffff;
}

/*案例*/
.caseBox {

}

.caseBox .seeMore {
    color: #c30d23;
    font-size: 20px;
    border: 1px solid #c30d23;
    width: 300px;
    display: block;
    margin: 0 auto;
    line-height: 48px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}

.caseBox .lists {
    padding-top: 10px;
}

.caseBox .lists:after {
    content: '';
    display: block;
    clear: both;
}

.caseBox .li {
    width: 346px;
    margin-right: 21px;
    float: left;
    margin-bottom: 35px;
}

.caseBox .li:nth-child(3n) {
    margin-right: 0;
}

.caseBox .li:after {
    bottom: 40px !important;
}

.caseBox .li:nth-child(3n):after {
    display: none;
}

.caseBox .li:hover {
    box-shadow: 0 0 10px #333333;
    border-radius: 6px;
    background: #ffffff;
}

.success {
    overflow: hidden;
    padding-top: 10px;
}

.success .li {
    display: block;
    width: 25%;
    float: left;
    overflow: hidden;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

/*案例详情*/
.caseDetails {
    padding: 0 0 30px;
    overflow: hidden;
    margin-top: 25px;
}

.location {
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 18px;
    margin-top: 25px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.location * {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.location a:hover {
    color: #c30d23;

}

.caseDetails .img {
    float: left;
    width: 400px;
    /*padding: 5px;
	border: 1px solid #333333;*/
}

.caseDetails .img img {
    display: block;
    width: 100%;
}

.caseDetails .right {
    margin-left: 445px;
    overflow: hidden;
}

.caseDetails .right .title {
    /*font-size: 48px;*/
    font-size: 30px;
    color: #303030;
    line-height: 1.2;
    /*margin-top: 30px;*/
    margin-top: 10px;

    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;

}

.caseDetails .right .des {
    font-size: 15px;
    color: #c30d23;
    line-height: 22px;
    margin-top: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.caseDetails .content {
    padding-top: 35px;
    padding-bottom: 50px;
    margin-top: 40px;
    border-top: 1px solid #DCDDDD;
    line-height: 24px;
    font-size: 15px;
    color: #303030;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.caseDetails .content span {
    line-height: inherit;
}

.caseDetails .content img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.caseDetails .content h2 {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.flip {
    font-size: 16px;
    color: #303030;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.flip * {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.flip p + p {
    margin-top: 10px;
}

.flip a:hover {
    color: #c30d23;
}

/*新闻*/
.newsBox {
    /*overflow: hidden;*/
    margin: 25px 0;
}

.newsBox:after {
    content: '';
    display: block;
    clear: both;
}

.newsBox .left {
    float: left;
    width: 310px;
}

.newsBox .left .li {
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 5px #bbbbbb;
    margin-bottom: 25px;
    overflow: hidden;
}

.newsBox .left .title {
    color: #ffffff;
    line-height: 36px;
    background: #c30d23;
    font-size: 22px;
    letter-spacing: 2px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    padding: 0 20px;
}

.newsBox .left .li + .li .title {
    color: #c30d23;
    background: #ffffff;
    margin-top: 10px;
}

.newsBox .left .li + .li .lists {
    padding: 10px 20px 10px;
}

.newsBox .left .li + .li .lists a {
    padding: 10px 0 10px;
    font-size: 14px;
}

.newsBox .left .lists {
    padding: 10px 10px 10px;
}

.newsBox .left .lists a {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    padding: 10px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.newsBox .left .lists a + a {
    border-top: 1px solid #bcbcbc;
}

.newsBox .right {
    margin-left: 330px;
}

.newsBox .right .center {
    min-height: 1120px;
    background: #ffffff;
}

.newsBox .right .list {
    padding: 15px 10px;
    overflow: hidden;
}

.newsBox .right .list + .list {
    border-top: 1px solid #bcbcbc;
}

.newsBox .right .list .img {
    border: 1px solid #919191;
    padding: 3px;
    width: 184px;
    height: 110px;
    float: left;
    display: block;
}

.newsBox .right .list .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.newsBox .right .list .other {
    margin-left: 205px;
}

.newsBox .right .list .other .title {

    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    font-size: 22px;
    color: #525252;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    margin: 10px 0 5px;
}

.newsBox .right .list .other .title * {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.newsBox .right .list .other .time {
    font-size: 12px;
    color: #303030;
    /*font-family:'SOURCEHANSANSCN-LIGHT'*/
}

.newsBox .right .list .other .des {
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #303030;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.newsBox .left .lists a:hover,
.newsBox .left .lists a.active,
.newsBox .right .list .other a:hover {
    color: #c30d23;
}

.pages {
    text-align: center;
    margin: 40px 0;
}

.pages a {
    border: 1px solid #bfbfbf;
    display: inline-block;
    height: 30px;
    width: 35px;
    border-radius: 4px;
    margin: 0 5px;
    line-height: 28px;
}

.pages a:hover {
    color: #ffffff !important;
    background: #c30000;
    border: 1px solid #c30000;
}

.pages a.active {
    border: 1px solid #c30000;
    color: #c30000;
    height: 30px;
    width: 30px;
    line-height: 28px;
    position: relative;
}

.pages a.a1:first-child {
    display: none;
}

.pages span {
    border: 1px solid #c30000;
    color: #c30000;
    height: 30px;
    width: 30px;
    line-height: 28px;
    /*top: -2px;*/
    position: relative;
    border-radius: 4px;
    margin: 0 5px;
    display: inline-block;
}

/*新闻详情*/
.newsDetail {
    background: #ffffff;
    padding: 25px;
    min-height: 1120px;
}

.newsDetail .title {
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.newsDetail .time {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #333333;
}

.newsDetail .guide {
    color: #333333;
    line-height: 24px;
    background: #f1f1f1;
    padding: 20px;
    margin-top: 25px;
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.newsDetail .guide span {
    color: #c30d23;
}

.newsDetail .show {
    padding: 10px 0 30px;
    line-height: 20px;
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #333333;
}

.newsDetail .show img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.newsDetail .show + .flip {
    font-size: 14px;
}

/*伙伴*/
.marketProspect {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    margin: 20px 0;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
}

.superiority {
    overflow: hidden;
}

.superiority ul li {
    text-align: center;
    float: left;
    width: 25%;
    padding: 10px 7px;
    height: 240px;
    margin-top: 60px;
    position: relative;
    /*cursor: pointer;*/
}

.superiority ul li:after {
    display: block;
    content: '';
    width: 1px;
    height: 140px;
    background: #565656;
    position: absolute;
    right: 0;
    bottom: 30px;
}

.superiority ul li:nth-child(4n) {
    margin-right: 0;
}

.superiority ul li:nth-child(4n):after {
    display: none;
}

.superiority ul li:hover * {
    color: #c30d23 !important;
}

.superiority ul li .img {
    display: inline-block;
    height: 80px;
    margin-bottom: 10px;
}

.superiority ul li .name {
    font-size: 20px;
    /*font-weight: bold;*/
    color: #333333;
    margin-bottom: 10px;
    white-space: nowrap;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.superiority ul li .des {
    line-height: 24px;
    color: #333333;
    font-size: 15px;
    height: 96px;
    overflow: hidden;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.process {
    padding: 35px 0 40px;
    background: #ebebeb;
}

.process ul {
    overflow: hidden;
    display: flex;
}

.process ul li {
    width: 33.3%;
    padding: 20px;
    text-align: center;
    /*cursor: pointer;*/
}

.process ul li .text {
    text-align: center;
    display: inline-block;
}

.process ul li:last-child {
    text-align: right;
}

.process ul li:first-child {
    text-align: left;
}

.process ul li .tit {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.process ul li .des {
    display: block;
    font-size: 16px;
    line-height: 24px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.process ul li .img {
    height: 180px;
    position: relative;
    margin-bottom: 10px;
}

.process .img img {
    position: absolute;
}

.process .img .i1 {
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i1 {

}

.process .img .i2 {
    top: 0;
    left: 128px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i2 {
    -webkit-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}

.process .img .i3 {
    left: 55px;
    bottom: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i3 {
    -webkit-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}

.process .img .i4 {
    left: 50%;
    margin-left: -39px;
    bottom: 60px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i4 {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.process .img .i5 {
    bottom: 0;
    right: 55px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i5 {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
}

.process .img .i6 {
    left: 50%;
    margin-left: -65px;
    bottom: 0;
}

.process .img .i7 {
    right: 130px;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i7 {
    -webkit-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}

.process .img .i8 {
    right: 75px;
    bottom: 50px;
    z-index: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i8 {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

.process .img .i9 {
    right: 20px;
    bottom: 0;
    z-index: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.process ul li:hover .i9 {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
}

.process ul li:hover {
    color: #c30d23;
}

.saleBox {
    padding: 50px 0 40px;
    background: url(../img/other/20.png) no-repeat center top 75px;
}

.saleBox ul {
    overflow: hidden;
    padding-top: 20px;
}

.saleBox ul li {
    width: 320px;
    float: left;
    margin-right: 60px;
    position: relative;
    margin-bottom: 60px;
    height: 165px;
}

.saleBox ul li .name {
    color: #c30d23;
    font-size: 18px;
    border-bottom: 1px solid #c30d23;
    line-height: 30px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    margin-bottom: 12px;
}

.saleBox ul li .pp {
    font-size: 14px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    line-height: 30px;
    color: #333333;
    overflow: hidden;
}

.saleBox ul li img {
    display: inline-block;
    width: 15px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.saleBox ul li p {
    display: inline-block;
    width: 75%;
    float: right;
}

.saleBox ul li:after {
    width: 1px;
    height: 140px;
    background: #666666;
    content: '';
    display: block;
    position: absolute;
    right: -30px;
    top: 10px;
}

.saleBox ul li:nth-child(3n) {
    margin-right: 0;
}

.saleBox ul li:nth-child(3n):after {
    display: none;
}

/*关于我们*/
.companyProfile {

}

.companyProfile .top {
    overflow: hidden;
    margin-top: 30px;
}

.companyProfile .top .left {
    width: 300px;
    float: left;
}

.companyProfile .top .left img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.companyProfile .top .right {
    margin-left: 360px;
}

.companyProfile .top .right .profile {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    height: 144px;
    overflow: hidden;
    text-indent: 2em;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.companyProfile .top .right .more {
    width: 108px;
    line-height: 28px;
    font-size: 18px;
    color: #c30d23;
    border: 1px solid #c30d23;
    display: block;
    border-radius: 4px;
    float: right;
    text-align: center;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.companyProfile .top .right .more.active,
.companyProfile .top .right .more:hover {
    color: #ffffff;
    background: #c30d23;
}

.companyProfile .bottom {
    margin-top: 10px;
    display: none;
}

.companyProfile .bottom .profile {
    font-size: 16px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #333333;
    line-height: 24px;
    text-indent: 2em;
    margin-bottom: 20px;
}

.companyProfile .bottom .lists:after {
    content: '';
    display: block;
    clear: both;
}

.companyProfile .bottom .lists {

}

.companyProfile .bottom .lists .li {
    width: 510px;
    float: left;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 0 10px #8c8c8c;
    padding: 20px;
    height: 274px;
    overflow: hidden;
}

.companyProfile .bottom .lists .li + .li {
    float: right;
}

.companyProfile .bottom .lists .li .tit {
    color: #C30D23;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    font-size: 22px;
}

.companyProfile .bottom .lists .li .des {
    color: #C30D23;
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.companyProfile .bottom .lists .li .content {
    font-size: 16px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    line-height: 24px;
    margin-top: 15px;
}

.corporateCulture {
    padding: 30px 0;
    background: url(../img/other/bg3.jpg) no-repeat center / 100% 100%;
}

.corporateCulture ul {
    margin-top: 30px;
    overflow: hidden;
}

.corporateCulture ul li {
    display: inline-block;
    margin-left: 110px;
    color: #c30d23;
    font-size: 21px;
    vertical-align: top;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.corporateCulture ul li .p1 {
    border: 1px solid #c30d23;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    padding: 5px;
    width: 34px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    float: right;
    margin-left: 10px;
}

.corporateCulture ul li .p1:hover {
    color: #ffffff;
    background: #c30d23;
    /*cursor: pointer;*/
}

.corporateCulture ul li .p2 {
    line-height: 30px;
    writing-mode: tb-rl;
    /*display: block;*/
    float: left;
}

.developmentHistory {
    padding: 45px 0 180px;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    background-image: url(../img/other/bg4.png);
    /*background-size: 100% auto;*/
    background-position: bottom center;
    height: 860px;
}

.developmentHistory .content {
    position: relative;
    height: 565px;
}

.developmentHistory ul li {
    position: absolute;
}

.developmentHistory ul li:first-child {
    bottom: 5px;
    left: 0;
}

.developmentHistory ul li:first-child .year {
    left: 34px;
    top: 24px;
}

.developmentHistory ul li:nth-child(2) {
    bottom: 40px;
    left: 135px;
}

.developmentHistory ul li:nth-child(2) .year {
    left: 16px;
    top: 24px;
}

.developmentHistory ul li:nth-child(3) {
    bottom: 58px;
    left: 245px;
}

.developmentHistory ul li:nth-child(3) .year {
    left: 16px;
    top: 24px;
}

.developmentHistory ul li:nth-child(4) {
    bottom: 70px;
    left: 355px;
}

.developmentHistory ul li:nth-child(4) .year {
    left: 16px;
    top: 24px;
}

.developmentHistory ul li:nth-child(5) {
    bottom: 86px;
    left: 445px;
}

.developmentHistory ul li:nth-child(5) .year {
    left: 33px;
    top: 24px;
}

.developmentHistory ul li:nth-child(6) {
    bottom: 94px;
    left: 545px;
}

.developmentHistory ul li:nth-child(6) .year {
    left: 35px;
    top: 24px;
}

.developmentHistory ul li:nth-child(7) {
    bottom: 160px;
    left: 654px;
}

.developmentHistory ul li:nth-child(7) .year {
    left: 87px;
    top: 24px;
}

.developmentHistory ul li:nth-child(8) {
    bottom: 240px;
    left: 800px;
}

.developmentHistory ul li:nth-child(8) .year {
    left: 70px;
    top: 24px;
}

.developmentHistory ul li:last-child {
    bottom: 280px;
    left: 955px;
}

.developmentHistory ul li:last-child .year {
    left: 12px;
    top: 24px;
}

.developmentHistory .content .img {

}

.developmentHistory .content .year {
    font-size: 21px;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.developmentHistory .content .text {
    font-size: 12px;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
    height: 160px;
    writing-mode: tb-rl;
    line-height: 18px;
    float: left;
    margin-top: 70px;
    margin-right: -30px;
}

.developmentHistory .arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all 4s;
}

.developmentHistory.active .arrow {
    width: 100%;
    transition: all 4s;
}

.developmentHistory .arrow img {
    display: block;
    width: 100%;
}

.map {
    height: 320px;
}

.address {
    margin-top: 30px;
    overflow: hidden;
}

.address .img {
    width: 400px;
    float: left;
}

.address .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 40px;
}

.address .right {
    margin-left: 420px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
}

.address .right .pp {
    overflow: hidden;
    display: block;
    line-height: inherit;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
}

.address .right .pp + .pp {
    margin-top: 20px;
}

.address .right img {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.address .right p {
    display: block;
    width: 83%;
    float: right;
    line-height: inherit;
}

/*十大平台*/
.management{
    margin-bottom: 45px;
}
.management:after{
    content: '';
    display: block;
    clear: both;
}
.management .left{
    width: 265px;
    float: left;
    box-shadow: 0 0 10px #BCBCBC;
    border-radius: 6px;
    /*overflow: hidden;*/
    background: #ffffff;

}
.management .left:after{
    content: '';
    display: block;
    clear: both;
}
.management .left .title{
    line-height: 60px;
    padding: 0 25px;
    background: url(../img/other/bg1.jpg) no-repeat center / 100% 100%;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 5px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}
.management .left ul{

}
.management .left ul li{
    position: relative;
    padding: 0 10px;
}
.management .left ul li+li .first{
    border-top: 1px solid #c3c3c3;
}
.management .left .first{
    display: block;
}
.management .left .first span{
    font-size: 16px;
    margin: 5px 0;
    letter-spacing: 3px;
    color: #303030;
    padding: 5px 0;
    line-height: 26px;
    display: block;
    background:url(../img/icon/icon2.png) no-repeat center left 10px,url(../img/icon/icon3.png) no-repeat center right 10px;
    padding-left: 35px;
}
.management .left .dropDown{
    display: none;
    position: absolute;
    left: 265px;
    top: 0;
    z-index: 9;
    padding-left: 10px;
}
.management .left .dropDown .center{
    padding: 0 10px;
    background: #ffffff;
    border-radius: 8px;
    width: 200px;
    box-shadow: 0 0 5px #c8c8c8;
    overflow: hidden;
}
.management .left .dropDown:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 12px;
    left: 0;
}
.management .left li:hover .dropDown{
    display: block;
}
.management .left .second{
    font-size: 14px;
    letter-spacing: 2px;
    color: #303030;
    display: block;
    line-height: 36px;

}
.management .left .second span{
    padding: 0  0 0 35px;
    display: block;
    width: 100%;
    line-height: inherit;
    margin: 5px 0;
    background:url(../img/icon/icon1.png) no-repeat center left 10px;}
.management .left .second:hover span,
.management .left .second.active span{
    color: #ffffff;
    background: url(../img/icon/icon1-1.png) no-repeat center left 10px;
    background-color: rgb(240,61,61);
}
.management .left .second+.second{
    border-top: 1px solid #c3c3c3;
}
.management .left .second img{
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 5px;
    width: 20px;
}
.management .left li:hover .first span,
.management .left li .first.active span{
    color: #ffffff;
    background: url(../img/icon/icon2-1.png) no-repeat center left 10px,url(../img/icon/icon3-1.png) no-repeat center right 10px;
    background-color: rgb(240,61,61);
}
.management .right{
    margin-left: 290px;
    border-radius: 6px;
}
.management .right .profile{
    color: #ffffff;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    line-height: 24px;
    font-size: 15px;
    background: url(../img/other/bg2.jpg) no-repeat center / 100% 100%;
    border-radius: 6px;
    padding: 35px 20px;
}
.management .right .profile h2{
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-weight: normal;
    font-size: 24px;
}
.characteristic{
    color: #303030;
    line-height: 24px;
    font-size: 15px;
    margin-top: 30px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}
.characteristic h2{
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    font-size: 20px;
}
.characteristic div{
    line-height: 24px;
    font-size: 16px;
}
.management .right .img{
    margin-top: 30px;
}
.management .right .img img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*首页-AI*/
.aiBox {
    margin-bottom: 45px;
}

.aiBox .list {
    overflow: hidden;
    margin-top: 80px;
}

.aiBox .list .img {
    width: 420px;
    float: left;
}

.aiBox .list .img img {
    display: block;
    width: 100%;
}

.aiBox .list .text {
    margin-left: 480px;
}

.aiBox .list .text .tit {
    color: #303030;
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 3px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.aiBox .list .text .des {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 50px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.aiBox .list .text .more {
    font-size: 18px;
    color: #c30d23;
    border: 1px solid #c30d23;
    border-radius: 4px;
    display: block;
    float: right;
    width: 100px;
    line-height: 28px;
    text-align: center;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.aiBox .list .text .more:hover {
    color: #ffffff;
    background: #c30d23;
}

.aiBox .list:nth-child(2n) .img {
    float: right;
}

.aiBox .list:nth-child(2n) .text {
    margin-left: 0;
    margin-right: 480px;
}

/*视频点播*/
.videoONdemand {
    margin-top: 40px;
}

.videoONdemand .title {
    color: #303030;
    font-size: 28px;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 35px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.videoONdemand .miaoshu {
    color: #303030;
    font-size: 16px;
    line-height: 30px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.videoONdemand .other {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 45px;
}

.videoONdemand .other .left {
    width: 500px;
    float: left;
}

.videoONdemand .other .left img {
    display: block;
    width: 100%;
}

.videoONdemand .other .right {
    margin-left: 540px;
}

.videoONdemand .other .right .li {
    overflow: hidden;
    margin-top: 40px;
}

.videoONdemand .other .right .li .img {
    display: block;
    float: left;
    width: 50px;
}

.videoONdemand .other .right .li .tit {
    color: #303030;
    font-size: 24px;
    letter-spacing: 3px;
    margin-left: 70px;
    display: block;
    margin-bottom: 15px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.videoONdemand .other .right .li .des {
    color: #303030;
    font-size: 16px;
    margin-left: 70px;
    display: block;
    line-height: 30px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

/*语音识别*/
.speechRecognition {
    margin-bottom: 45px;
}

.speechRecognition:after {
    content: '';
    display: block;
    clear: both;
}

.speechRecognition .list {
    overflow: hidden;
    margin-top: 60px;
}

.speechRecognition .list .img {
    width: 380px;
    float: left;
}

.speechRecognition .list .img img {
    display: block;
    width: 100%;
}

.speechRecognition .list .text {
    margin-left: 440px;
}

.speechRecognition .list .text .tit {
    color: #303030;
    font-size: 48px;
    margin-bottom: 45px;
    letter-spacing: 3px;
    /*font-weight: bold;*/
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.speechRecognition .list .text .des {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.speechRecognition .list .text .more {
    font-size: 18px;
    color: #c30d23;
    border: 1px solid #c30d23;
    border-radius: 4px;
    display: block;
    float: right;
    width: 100px;
    line-height: 28px;
    text-align: center;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.speechRecognition .list .text .more:hover {
    color: #ffffff;
    background: #c30d23;
}

.speechRecognition .top {
    margin-top: 30px;
}

.speechRecognition .top .content {

}

.speechRecognition .top .content:after {
    display: block;
    content: '';
    clear: both;
}

.speechRecognition .top ul li {
    overflow: hidden;
    width: 25%;
    float: left;
    background: #ffffff;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    height: 340px;
}

.speechRecognition .top ul li:hover {
    box-shadow: 0 0 15px #adadad;
    z-index: 3;
}

.speechRecognition .top ul li:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 80px;
    width: 1px;
    height: 180px;
    background: #b7b7b7;
}

.speechRecognition .top ul li:last-child:after {
    display: none;
}

.speechRecognition .top img {
    display: inline-block;
    height: 60px;
}

.speechRecognition .top .name {
    font-size: 24px;
    color: #303030;
    font-weight: bold;
    margin: 20px 0;
    white-space: nowrap;
    display: block;
    letter-spacing: 3px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.speechRecognition .top .des {
    font-size: 16px;
    color: #303030;
    line-height: 30px;
    text-align: left;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.speechRecognition .top .tit,
.speechRecognition .bottom .tit {
    color: #303030;
    font-size: 28px;
    margin-bottom: 45px;
    letter-spacing: 3px;
    /*font-weight: bold;*/
    text-align: center;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
}

.speechRecognition .bottom {
    margin-top: 50px;
}

.speechRecognition .bottom .content {
    overflow: hidden;
}

.speechRecognition .bottom ul li {
    float: left;
    width: 50%;
    padding-left: 30px;
    overflow: hidden;
}

.speechRecognition .bottom .img {
    float: left;
}

.speechRecognition .bottom .img img {
    display: block;
    width: 70px;
}

.speechRecognition .bottom .des {
    margin-left: 100px;
    font-size: 16px;
    color: #303030;
    line-height: 30px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

/*新加*/
.threeCirclePart {
    margin: 65px 0 40px;
}

.threeCirclePart:after {
    content: '';
    display: block;
    clear: both;
}

.threeCirclePart ul li {
    float: left;
    width: 126px;
    height: 126px;
    border-radius: 100%;
    border: 2px solid #f6f6f6;
    text-align: center;
    background: rgb(199, 8, 20, 0.74);
    color: #f6f6f6;
    font-size: 20px;
    cursor: pointer;
    margin: 0 87px;
    position: relative;
    line-height: 120px;
    transition: all .3s;
}

.threeCirclePart ul li p {
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.threeCirclePart ul li:after {
    content: '';
    display: block;
    position: absolute;
    right: -100px;
    top: 50%;
    margin-top: -20px;
    width: 22px;
    height: 40px;
    background: url(../img/sanjiao.png) no-repeat center / 100%;
}

.threeCirclePart ul li:nth-child(2) {
    width: 204px;
    height: 204px;
    margin-top: -40px;
    line-height: 200px;
}

.threeCirclePart ul li:hover {
    background: rgba(161, 68, 64, 0.67);
    transform: scale(1.6);
    transition: all .3s;
}

.threeCirclePart ul li:nth-child(2):hover {
    transform: scale(1.2);
}

.threeCirclePart ul li:last-child:after {
    display: none;
}

.threeCirclePart ul li:hover:after {
    transform: scale(0.65);
    right: -50px;
}

.threeCirclePart ul li:nth-child(2):hover:after {
    transform: scale(0.75);
    right: -80px;
}

/*搜索*/
.search_result {

}

.search_result.newsBox .right {
    margin-left: 0;
}

.search_result.newsBox .right .center {
    background: none;
}

.search_result.newsBox .right .list .img {
    width: 328px;
    height: 190px;
}

.search_result.newsBox .right .list .other {
    margin-left: 360px;
    margin-top: 50px;
}

.search_result.newsBox .right .list .other .title span {
    color: #c30d23;
}

/*新加*/
/*伙伴*/
.QRcode {
    overflow: hidden;
    height: 300px;
}

.QRcode .left {
    width: 725px;
    float: left;
    height: 100%;
}

.QRcode .left img {
    display: block;
    width: 100%;
    height: 100%;
}

.QRcode .right {
    background: #c30d23;
    height: 100%;
    margin-left: 725px;
    text-align: center;
    padding-top: 30px;
}

.QRcode .right .img {
    display: block;
    margin: 0 auto;
    width: 200px;
}

.QRcode .right .tel {
    font-size: 16px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #ffffff;
    margin-top: 15px;
}

.QRcode .right .tel img {
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -12px;
    margin-right: 5px;
}

.QRcode .right .tel span {
    font-size: 27px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

/*解决方案*/
.Solution {
    margin-top: 100px;
}

.Solution .tab {
    margin-bottom: 25px;
    overflow: initial;
}

.Solution .tab:after,
.Solution .tab ul:after {
    content: '';
    display: block;
    clear: both;
}

.Solution .tab ul li {
    width: 25%;
    font-size: 20px;
    /*background: #fcebe7;*/
    padding-left: 0;
    height: 80px;
    padding-top: 12px;
    position: relative;
}

.Solution .tab ul li + li {
    border-left: 2px solid #ffffff;
}

.Solution .tab ul li p {
    font-size: 23px;
    margin-top: 5px;
    color: #ff5144;
    text-align: center;
}

/*.Solution .tab ul li.active{*/
/*	color: #ffffff;*/
/*	background: #ff5144;*/
/*	border-radius: 6px 6px 0 0;*/
/*	height: 90px;*/
/*	margin-top: -10px;*/
/*	padding-top: 22px;*/
/*	box-shadow: 0 5px 5px #d5d5d5;*/
/*}*/
/*.Solution .tab ul li.active:after{*/
/*	content: '';*/
/*	display:block;*/
/*	width:0;*/
/*	height:0;*/
/*	border-width:13px 13px 0;*/
/*	border-style:solid;*/
/*	border-color:#ff5144 transparent transparent;!*黄 透明 透明 *!*/
/*	position:absolute;*/
/*	bottom:-13px;*/
/*	left:50%;*/
/*	margin-left: -13px;*/
/*}*/

/*.Solution .tab ul li.active {*/
/*    color: #ffffff;*/
/*    height: 103px;*/
/*    margin-top: -10px;*/
/*    padding-top: 22px;*/
/*    background-image: url(../img/1641880929.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center top;*/
/*}*/

.Solution .tab ul li.active p {
    color: #ffffff;
}

.Solution .tab ul li span {
    display: block;
}

.Solution .tab ul li:first-child span {
    padding-left: 100px;
}

.Solution .tab ul li{
    width: 25%;
    font-size: 20px;
    padding-left: 0;
    padding-top:12px;
    position: relative;
}
.Solution .tab ul li.active{
    color: #ffffff;
    background-image: url(../img/1641880929.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 103px;
    padding-top: 12px;
}
.Solution .tab ul li a{
    display: block;
    width: 100%;
    height: 100%;
    background: #fcebe7;
    height: 80px;
    padding-top: 15px;
}
.Solution .tab ul li.active a{
    background: #ff5144;
}
.Solution .tab ul li.active span{
    color: #ffffff;
}

.Solution .tab ul li:nth-child(2) span {
    padding-left: 30px;
}



.Solution .tab ul li:nth-child(3) span {
    padding-left: 55px;
}

.Solution .tab ul li:last-child span {
    padding-left: 50px;
}

.Solution .content ul li {
    height: 310px;
    overflow: hidden;
    padding: 30px 70px 30px 60px;
}

.Solution .content ul li:last-child {
    padding: 30px 70px 30px 60px;
}

.Solution .content ul li .le {
    float: left;
    width: 460px;
    padding-top: 10px;
}

.Solution .content ul li .le .des {
    font-size: 18px;
    line-height: 30px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    margin-bottom: 15px;
}

.Solution .content ul li .le .lab {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    color: #ff5144;
    font-size: 17px;
    width: 245px;
    overflow: hidden;
}

.Solution .content ul li .le .lab span {
    display: block;
    float: left;
    margin-bottom: 12px;
    margin-right: 40px;
}

.Solution .content ul li .ri {
    width: 480px;
    float: right;
    padding-left: 125px;
    border-left: 2px solid #333333;
    padding-top: 10px;
    height: 260px;
}

.Solution .content ul li .ri .hang {
    overflow: hidden;
}

.Solution .content ul li .ri .hang .tit {
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    color: #ff5144;
    font-size: 18px;
    padding: 4px 0;
    /*border: 1px solid #ff5144;*/
    border-radius: 24px;
    display: inline-block;
    margin-bottom: 8px;
}

.Solution .content ul li .ri .hang .des {
    font-size: 13px;
    line-height: 20px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    margin-bottom: 8px;
}

.Solution .content ul li .ri .hang .more {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #ff5144;
    font-size: 13px;
    display: block;
    float: right;
}

.Solution .content ul li:nth-child(2) .le .lab {
    margin-top: 48px;
}

.Solution .content ul li:nth-child(3) .le .lab {
    margin-top: 35px;
}

.Solution .content ul li:last-child .le .lab {
    margin-top: 48px;
}

/*2021-07-06*/
/*演示*/
.demonstration {
    padding: 50px 0;
    background: url(../img/yanshi/bg1.png) no-repeat bottom center;
}

.demonstration .tab {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: box;
    display: flexbox;
}

.demonstration .tab .li {
    width: 250px;
    background: #bcbcbc;
    position: relative;
    height: 170px;
    /*cursor: pointer;*/
}

.demonstration .tab .li.active {
    width: 310px;
    background: #c30d23;
}

.demonstration .tab .li + .li {
    margin-left: 6.6px;
}

.demonstration .tab .li.active:after {
    width: 100%;
    height: 30px;
    display: block;
    content: '';
    background: url(../img/yanshi/bg3.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 100%;
}

.demonstration .tab .li p {
    line-height: 45px;
    color: #ffffff;
    font-size: 28px;
    /*font-family:'SOURCEHANSANSCN-NORMAL';*/
    text-align: center;
    padding-top: 40px;
}

.demonstration .tab .li img {
    position: absolute;
    left: 10px;
    bottom: 10px;
    max-height: 150px;
    display: none;
}

.demonstration .tab .li.active img {
    display: block;
}

.demonstration .tab .li.active p {
    font-size: 38px;
    font-weight: bold;
    /*font-family:'SourceHanSansCN-Heavy';*/
    text-align: right;
    padding-right: 25px;
    position: relative;
}

.demonstration .tabContents {
    background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0.1));
    width: 1040px;
    margin: -20px auto 0;
    padding: 70px 0 40px;
}

.demonstration .tabContents .li {
    display: none;
}

.demonstration .tabContents .li:first-child {
    display: block;
}

.demonstration .tabContents .li .img {
    position: relative;
    width: 596px;
    margin: 0 auto;
}

.demonstration .tabContents .li img {
    display: block;
    width: 100%;
}

.demonstration .tabContents .li a {
    display: block;
    border-radius: 100%;
    background: #bcbcbc;
    position: absolute;
    font-size: 22px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.demonstration .tabContents .li a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    background: #c30d23;
    color: #ffffff;
}

.demonstration .tabContents .li .p1 {
    width: 106px;
    height: 106px;
    top: 60px;
    left: 90px;
    padding-top: 22px;
}

.demonstration .tabContents .li .p2 {
    width: 126px;
    height: 126px;
    top: 50px;
    left: 435px;
    padding-top: 18px;
}

.demonstration .tabContents .li .p3 {
    width: 106px;
    height: 106px;
    top: 325px;
    left: 90px;
    padding-top: 26px;
}

.demonstration .tabContents .li .p4 {
    width: 106px;
    height: 106px;
    top: 450px;
    left: 420px;
    padding-top: 26px;
}

.demonstration .tabContents .li .p5 {
    width: 126px;
    height: 126px;
    top: 235px;
    left: 475px;
    padding-top: 32px;
}

.demonstration .tabContents .li .p6 {
    width: 118px;
    height: 118px;
    top: 50px;
    left: 70px;
    padding-top: 28px;
}

.demonstration .tabContents .li .p7 {
    width: 126px;
    height: 126px;
    top: 50px;
    left: 440px;
    padding-top: 18px;
}

.demonstration .tabContents .li .p8 {
    width: 106px;
    height: 106px;
    top: 325px;
    left: 90px;
    padding-top: 8px;
}

.demonstration .tabContents .li .p9 {
    width: 128px;
    height: 128px;
    top: 320px;
    left: 490px;
    padding-top: 20px;
}

.demonstration .tabContents .li .p10 {
    width: 128px;
    height: 128px;
    top: 500px;
    left: 285px;
    padding-top: 20px;
}

.demonstration .tabContents .li .p11 {
    width: 112px;
    height: 112px;
    top: 60px;
    left: 80px;
    padding-top: 24px;
}

.demonstration .tabContents .li .p12 {
    width: 172px;
    height: 172px;
    top: 170px;
    left: 445px;
    padding-top: 24px;
}

.demonstration .tabContents .li .p13 {
    width: 106px;
    height: 106px;
    top: 440px;
    left: 200px;
    padding-top: 24px;
}

/*领导的一天*/

.Oneday {
    background: url(../img/yanshi/bg4.png) no-repeat bottom center;
    padding-bottom: 0;
}

.selection {
    background: url(../img/yanshi/bg0.png) no-repeat bottom center;
    padding-bottom: 0;
}

.Oneday .tab .li {
    width: 260px;
    height: 120px;
    cursor: pointer;
    display: block;
    background: #e6e6e6;
}

.Oneday .tab .li:hover p {
    color: #910516;
}

.Oneday .tab .li.active {
    width: 280px;
    background: #910516;
}

.Oneday .tab .li.active:after {
    background: url(../img/yanshi/bg6.png) no-repeat center;
}

.Oneday .tab .li img {
    display: block;
    max-height: 75px;
    height: 75px;
    left: 20px;
    bottom: 20px;
}

.Oneday .tab .li .s {

}

.Oneday .tab .li .h {
    display: none;
}

.Oneday .tab .li.active .s {
    display: none;
}

.Oneday .tab .li.active .h {
    display: block;
}

.Oneday .tab .li p {
    font-size: 24px;
    line-height: 35px;
    padding-left: 85px;
    padding-top: 25px;
    color: #6c6c6c;
}

.Oneday .tab .li.active p {
    font-size: 28px;
    font-weight: bold;
    color: #ffd860;
    text-align: center;
    padding-right: 0;
}

.Secondary {
    margin: 45px 0 0;
}

.Secondary .link {
    text-align: center;
}

.Secondary .link a {
    display: inline-block;
    color: #333333;
    font-size: 23px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    line-height: 36px;
    border: 1px solid #333333;
    border-radius: 8px;
    padding: 0 20px;
    margin: 0 10px;
}

.Secondary .link a:hover {
    color: #c30d23;
}

.Secondary .link a.active {
    color: #ffffff;
    background: #c30d23;
    border: 1px solid #c30d23;
    box-shadow: 0 4px 6px #979797;
}

.Secondary .star {
    margin: 20px 0 25px;
}

.Secondary .star img {
    display: block;
    margin: 0 auto;
}

.Oneday .jiangshan11 {
    height: 250px;
}

.Oneday .jiangshan {
    position: relative;
}

.Oneday .jiangshan .mask {
    width: 100%;
    overflow: hidden;
    height: 178px;
    position: relative;
}

.Oneday .mask img {
    display: block;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: absolute;
}

.Oneday .jiangshan .maodian {
    width: 100%;
}

.Oneday .jiangshan .maodian .li .default {

}

.Oneday .jiangshan .maodian .li .default p {
    display: block;
    color: #333333;
    font-size: 24px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    margin-bottom: 10px;
}

.Oneday .jiangshan .maodian .li .default img {
    display: block;
    margin: 0 auto;
}

.Oneday .jiangshan .maodian .li:hover .default {
    opacity: 0;
}

.Oneday .jiangshan .maodian .li:hover .after {
    display: block;
}

.Oneday .jiangshan .maodian .li .after {
    display: none;
    position: absolute;
    left: -85px;
    bottom: -50px;
}

.Oneday .jiangshan .maodian .li .after p {
    width: 224px;
    height: 306px;
    display: block;
    background: url(../img/yanshi/pos3.png) no-repeat center / 100% 100%;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    padding-top: 60px;
}

.Oneday .jiangshan .maodian .li .after span {
    color: #ca384a;
    font-size: 36px;
    display: inline-block;
    background: #ffd860;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    line-height: inherit;
}

.Oneday .jiangshan .maodian .li .after i {
    font-style: normal;
    font-size: 36px;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    color: #ffd860;
    margin-right: -20px;
    margin-left: -20px;
    display: inline-block;
}

.Oneday .jiangshan .maodian .li .after img {
    display: block;
    border: 2px solid #ffffff;
    width: 114px;
    height: 114px;
    border-radius: 100%;
    margin-top: 20px;
    margin-left: 57px;
    cursor: pointer;
}

.Oneday .jiangshan .maodian .li {
    float: left;
    position: relative;
    z-index: 2;
    display: block;
    cursor: initial;
}

.Oneday .jiangshan .maodian .li + .li {
    margin-left: 157px;
}

.selection .jiangshan .maodian .li + .li {
    margin-left: 100px;
}

.selection .jiangshan .maodian .li .after p {
    padding-top: 80px;
}

.Oneday .jiangshan .maodian .pos1 {
    bottom: -25px;
}

.Oneday .jiangshan .maodian .pos2 {
    bottom: -40px;
}

.Oneday .jiangshan .maodian .pos3 {
    bottom: -45px;
}

.Oneday .jiangshan .maodian .pos4 {
    bottom: -80px;
}

.Oneday .jiangshan .maodian .pos5 {
    bottom: -102px;
}

.Oneday .jiangshan .maodian .pos6 {
    bottom: -95px;
}

.partyBuilding {
    margin: 0 0 45px;
}

.partyBuilding .anchorPoint {
    /*overflow: hidden;*/
    position: fixed;
    top: 30px;
    left: 50%;
    margin-left: -540px;
    z-index: 3;
    display: none;
    width: 1080px;
}

.partyBuilding .anchorPoint:after {
    content: '';
    display: block;
    clear: both;
}

.partyBuilding .anchorPoint .li {
    display: block;
    width: 175px;
    float: left;
    line-height: 44px;
    text-align: center;
    font-size: 22px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    color: #333333;
    background: #d9d9d9;
    position: relative;
}

.partyBuilding .anchorPoint .li:hover {
    color: #c30f24;
}

.partyBuilding .anchorPoint .li.active {
    background: #c30f24;
    color: #ffffff;
    /*font-family:'SOURCEHANSANSCN-MEDIUM';*/
}

.partyBuilding .anchorPoint .li.active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 18px 20px 0;
    border-style: solid;
    border-color: #c30f24 transparent transparent; /*黄 透明 透明 */
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
}

.partyBuilding .anchorPoint .li + .li {
    margin-left: 6px;
}

.partyBuilding .contents {

}

.partyBuilding .contents .li {
    overflow: hidden;
    padding-top: 100px;
}

.partyBuilding .contents .li .left {
    float: left;
    width: 490px;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.partyBuilding .contents .li .left .p1 {
    font-size: 20px;
    line-height: 30px;
    border: 1px solid #333333;
    border-radius: 8px;
    color: #333333;
    display: inline-block;
    padding: 0 10px;
}

.partyBuilding .contents .li .left .p2 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-top: 12px;
    margin-bottom: 25px;
}

.partyBuilding .contents .li .right {
    float: right;
    width: 500px;
}

.partyBuilding .contents .li .right img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.partyBuilding .contents .li:nth-child(2n) .left {
    width: 500px;
    float: right;
}

.partyBuilding .contents .li:nth-child(2n) .right {
    width: 490px;
    float: left;
}

.partyBuilding .contents .li .title {
    font-size: 28px;
    color: #333333;
    /*font-family:'SourceHanSansCN-Bold';*/
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.partyBuilding .contents .li .title span {
    font-size: 38px;
    color: #c30f24;
    font-family: inherit;
}

.toTop {
    position: fixed;
    z-index: 4;
    bottom: 35%;
    right: 2px;
}

/*党务工作者的一天*/
/*党员的一天*/
.partyMember {
    position: relative;
    padding: 75px 0 30px 120px;
    border-left: 3px solid #c30d23;
    margin-left: 17px;
}

.partyMember:before {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -19px;
    background: #c30d23;
}

.partyMember .list:after {
    content: '';
    display: block;
    clear: both;
}

.partyMember .list {
    position: relative;
}

.partyMember .list + .list {
    margin-top: 80px;
}

.partyMember .list .text {
    float: left;
    width: 310px;
}

.partyMember .list .li {
    position: relative;
}

.partyMember .list .li:before {
    width: 38px;
    height: 38px;
    background: url(../img/yanshi/pos7.png) no-repeat center / 100% 100%;
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    left: -141px;
    top: 5px;
}

.partyMember .list:nth-child(2n) .li:before {
    left: -581px;
}

.partyMember .list .li:hover:after {
    width: 115px;
    height: 115px;
    background: url(../img/yanshi/pos6.png) no-repeat center / 100% 100%;
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    left: -178px;
    top: -10px;
}

.partyMember .list:nth-child(2n) .li:after {
    left: -618px;
}

.partyMember .list .li:hover:after {

}

.partyMember .list .li + .li {
    margin-top: 50px;
}

.partyMember .list .img {
    float: right;
    width: 580px;
}

.partyMember .list:nth-child(2n) .text {
    float: right;
    width: 500px;
}

.partyMember .list:nth-child(2n) .img {
    float: left;
    width: 415px;
}

.partyMember .list .li .tit {
    color: #333333;
    font-size: 28px;
    font-weight: bold;
    /*	font-family:'SourceHanSansCN-Bold';*/
    line-height: 50px;
    margin-bottom: 5px;
    margin-top: -5px;
}

.partyMember .list .li:hover .tit {
    color: #c30f24;
    font-size: 38px;
}

.partyMember .list .li .des {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
}

.partyMember .list .img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*选拔*/
.selection + .partyBuilding .contents .li .des {
    background: #e5e5e5;
    color: #333333;
    /*font-family:'SOURCEHANSANSCN-MEDIUM';*/
    font-size: 16px;
    line-height: 24px;
    padding: 10px 45px;
    margin-bottom: 40px;
}

.selection + .partyBuilding .contents .li .left .dd {
    /*font-family:'SOURCEHANSANSCN-MEDIUM';*/
    float: left;
    line-height: inherit;
}

.selection + .partyBuilding .contents .li .left .tt {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    display: block;
    margin-left: 120px;
    line-height: inherit;
}

.partyBuilding .contents .li .p3 {
    background: #e5e5e5;
    color: #333333;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 14px;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 30px;
    margin-top: -20px;
}

.partyBuilding .contents .li .p4 {
    margin-bottom: 10px;
    line-height: 24px;
}

/*智慧社区*/
/*为领导提供*/
.communityBox {
    margin-bottom: 140px;
}

.communityBox .left {
    width: 350px;
    background: #eeeeee;
    float: left;
    margin-left: 15px;
    border-left: 3px solid #c30d23;
    padding: 0 20px 0 45px;
    position: relative;
    min-height: 550px;
}

.communityBox .left:before {
    width: 19px;
    height: 19px;
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -11px;
    background: #c30d23;
}

.communityBox .left .img {
    border-bottom: 1px solid #333333;
    margin-top: -15px;
}

.communityBox .left .img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.communityBox .left .li {
    padding: 10px 5px;
    border-bottom: 1px solid #333333;
    position: relative;
}

.communityBox .left .li a {
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
    font-size: 19px;
    line-height: 40px;
    display: block;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.communityBox .left .li span {
    color: #c30f24;
    /*font-family:'SOURCEHANSANSCN-LIGHT';*/
}

.communityBox .left .li:before {
    width: 19px;
    height: 19px;
    background: url(../img/yanshi/c2.png) no-repeat center / 100% 100%;
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    left: -56px;
    top: 21px;
}

.communityBox .left .li.active:after {
    width: 386px;
    height: 74px;
    background: url(../img/yanshi/c4.png) no-repeat center / 100% 100%;
    content: '';
    display: block;
    position: absolute;
    left: -85px;
    top: -7px;
}

.communityBox .left .li.active a,
.communityBox .left .li.active span {
    color: #ffffff;
    /*font-family:'SOURCEHANSANSCN-MEDIUM';*/
    font-size: 22px;
}

.communityBox .right {
    width: 700px;
    float: right;
}

.communityBox .right .img {
    margin-bottom: 35px;
}

.communityBox .right .img img {
    display: block;
    width: 100%;
}

.communityBox .right .content {
    overflow: hidden;
}

.communityBox .right .content .list {
    display: none;
    overflow: hidden;
}

.communityBox .right .content .list:first-child {
    display: block;
}

/*党建研究院*/
.secondary_menu {
    background: linear-gradient(180deg, #e83828, #c30d23);
    height: 62px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}

.secondary_menu .li {
    display: inline-block;
    line-height: 40px;
    color: #ffffff;
    padding: 0 25px;
    margin: 11px 25px 0;
    overflow: hidden;
    border-radius: 6px;
}

.secondary_menu .li.active {
    background: #e63628;
    box-shadow: 0 5px 5px #721111;
}

.newsBox .left .li .toImg,
.newsBox .left .li .toImg img {
    display: block;
    width: 100%;
    border-radius: 6px;
}

#tagsList {
    position: relative;
    width: 100%;
    height: 450px;
}

#tagsList a {
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 6px;
    color: #c30d23;
}

#tagsList a:hover {
    color: #FF0000;
    letter-spacing: 2px;
}

.newsBox .right.knowledge .center {
    background: none;
}

.newsBox .right.knowledge .list + .list {
    border-top: none;
}

.newsBox .right.knowledge .list .img {
    width: 31px;
    height: auto;
    border: none;
    padding: 0;
}

.newsBox .right.knowledge .list .other {
    margin-left: 50px;
}

.newsBox .right.knowledge .list .other .jiade {
    color: #706f6f;
    font-size: 12px;
    margin-top: 10px;
}

.newsBox .right.knowledge .list .other .jiade p {
    float: left;
    display: block;
    margin-top: 4px;
}

.newsBox .right.knowledge .list .other .jiade .iimmgg {
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.newsBox .right.knowledge .list .other .jiade .iimmgg.on {
    background: #c30d23;
}

.newsBox .right.knowledge .list .other .jiade .iimmgg img {
    display: block;
}

.newsBox .right.knowledge .list .other .title {
    text-decoration: underline;
}

.newsBox .right.knowledge .li {
    display: block;
    float: left;
    margin: 0 5% 50px;
    width: 40%;
    overflow: hidden;
    position: relative;
}

.newsBox .right.knowledge .li .shipin {
    display: block;
}

.newsBox .right.knowledge .li .img {
    display: block;
    width: 100%;
    height: 165px;
    margin-bottom: 10px;
}

.newsBox .right.knowledge .li .txt {
    font-size: 15px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsBox .right.knowledge .li .play {
    display: block;
    width: 24px;
    position: absolute;
    left: 15px;
    top: 130px;
}

/*白皮书弹窗*/
.login {
    position: fixed;
    z-index: 9;
    width: 340px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 5px 10px #ffd4d3;
    top: 20%;
    left: 50%;
    margin-left: -170px;
    overflow: hidden;
}

.login .top {
    background: #e62b28;
    text-align: center;
    color: #ffffff;
    padding: 40px 15px 15px;
}

.login .tit {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.login .des {
    font-size: 13px;
}

.login .form {
    padding: 25px 50px 30px;
}

.login .form .line {
    overflow: hidden;
    border-bottom: 1px solid #a3a6a3;
    margin-bottom: 15px;
}

.login .form .line .inp {
    height: 30px;
    line-height: 30px;
}

.login .form .line .name {
    color: #454444;
    font-size: 15px;
}

.login .form .line .code {
    height: 30px;
    line-height: 30px;
    width: 50%;
    float: left;
    display: block;
}

.login .form .line .send {
    color: #e62b28;
    width: 30%;
    border-left: 1px solid #cbcecf;
    text-align: center;
    float: right;
    display: block;
    height: 16px;
    line-height: 16px;
    margin-top: 7px;
    font-size: 12px;
}

.login .form .download {
    color: #ffffff;
    font-size: 16px;
    background: #e62b28;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    width: 120px;
    margin-top: 30px;
    box-shadow: 0 5px 10px #d1a09f;
}

/*1126*/
.service .lists {
    margin-top: 35px;
}

.service .half {
    width: 530px;
    float: left;
    border-radius: 8px;
    padding: 30px;
    padding-bottom: 40px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right top;
}

.service .half:last-child {
    padding-right: 15px;
}

.service .half + .half {
    float: right;
}

.service .half:first-child {
    background-image: url(../img/1126/p1.png);
}

.service .half:last-child {
    background-image: url(../img/1126/p2.png);
}

.service .half .tit {
    color: #c71e11;
    font-size: 30px;
    margin-bottom: 60px;
}

.service .half .txt + .txt {
    margin-top: 30px;
}

.service .half:last-child .txt + .txt {
    margin-top: 18px;
}

.service .half .txt {
    overflow: hidden;
}

.service .half .txt p {
    color: #261d1acc;
    font-size: 18px;
    display: block;
    float: left;
}

.service .half:last-child .txt p + p {
    margin-left: 106px;
}

.service .half .txt p + p {
    color: #4f484699;
    font-size: 12px;
    line-height: 18px;
    float: none;
    margin-left: 88px;
    text-align: justify;
}

.service .half .txt span {
    color: #cb1f1299;
}


.commenTitle {
    font-size: 30px;
}

.wiper-slide-duplicate {
    width: 100% !important;
    height: 100% !important;
}

.case .lists .li {
    position: relative;
    /*margin: 0 10px;*/
}

.product .center .more {
    width: 80px;
    bottom: 0px;
}

.Solution .content .more {

    color: #ff5144;
    font-size: 15px;
    width: 70px;
    line-height: 16px;
    text-align: center;
    display: block;
    border: 1px solid #ff5144;
    border-radius: 4px;

}

.Solution .content .more:hover {
    color: #c30d23 !important;
    border: 1px solid #c30d23;
}


.name a {
    color: #fff;
}

.header .top .right .free {
    background: red;
    /*color: #d80016;*/
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    height: 32px;
    border-radius: 6px;
    margin-top: 0;
    margin-right: 10px;
}

.location {
    color: #666;
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.location a {
    color: #666;
}

.commenTitleSmall_plus {
    margin-bottom: 35px;
}

.location {
    padding-left: 17px;
    background: url(../img/g1.png) no-repeat 0 center;
    height: 57px;
    color: #999999;
    line-height: 57px;
    margin-top: 2px;
    border-bottom: 1px solid #e6e6e6;
}

.swiper-slide {
    height: auto;
}

.pages .prev {
    width: 50px;
}

.pages .next {
    width: 50px;
}


.span_dh {
    color: red;
    font-size: 25px;
}

.kzgz:hover {
    color: #ffffff;
    background-color: #c30d23;
}

.djgl:hover {
    color: #ffffff;
    background-color: #c30d23;
}

.advantage .lists .red {
    display: block;
}

#terminal {
    overflow: initial;
}

#terminal ul {
    font-size: 0;
}

#terminal ul li {
    width: 180px;
    text-align: center;
    border: 0;
    background: #fcebe6;
    margin: 0;
    height: 60px;
    line-height: 60px;
    padding: 0;
    color: #df031e;
    font-size: 22px;
    border-radius: 0;
    position: relative;
}

#terminal ul li + li {
    border-left: 3px solid #ebebeb;
}

#terminal ul li.active {
    color: #ffffff;
    /*background: #df031e;*/
    /*height: 70px;*/
    background: url(../img/gfdgfdg1.png)no-repeat center top;
    height: 83px;
    border-radius: 8px 8px 0 0;
    padding-top: 10px;
}

/*#terminal ul li.active:after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-width: 13px 13px 0;*/
/*    border-style: solid;*/
/*    border-color: #df031e transparent transparent;*/
/*    position: absolute;*/
/*    bottom: -13px;*/
/*    left: 50%;*/
/*    margin-left: -13px;*/
/*}*/

#platform {
    overflow: initial;
}

#platform ul {
    font-size: 0;
}

#platform ul li {
    width: 10%;
    text-align: center;
    border: 0;
    background: #fcebe6;
    margin: 0;
    height: 72px;
    line-height: 30px;
    padding: 6px 0;
    color: #df031e;
    font-size: 22px;
    border-radius: 0;
    position: relative;
}

#platform ul li + li {
    border-left: 3px solid #fff;
}

#platform ul li.active {
    color: #ffffff;
    /*background: #df031e;*/
    /*height: 82px;*/
    background: url(../img/jdkfjdkfjk.png)no-repeat center top;
    height: 98px;
    border-radius: 8px;
    padding-top: 16px;
    font-weight: bold;
}

/*#platform ul li.active:after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-width: 13px 13px 0;*/
/*    border-style: solid;*/
/*    border-color: #df031e transparent transparent;*/
/*    position: absolute;*/
/*    bottom: -13px;*/
/*    left: 50%;*/
/*    margin-left: -13px;*/
/*}*/

.platform .other .des {
    font-size: 15px !important;
}

.platform {
    height: 350px;
    padding-top: 35px;
}

.platform .img {
    margin-top: 20px;
}

.platform .other .link .li {
    box-shadow: 5px 2px 6px #999;
    margin-right: 5px !important;
    margin-bottom: 5px;
}

.scene .lists .pos8 {
    position: absolute;
    right: 330px;
    bottom: -55px;
    z-index: 2;
}


.Pain_point_analysis {
    padding: 40px 0 70px;
    background: #f6f6f6;
}

.Pain_point_analysis .lists {
    margin-top: 40px;
}

.Pain_point_analysis .lists ul li {
    width: 20%;
    float: left;
    background: url(../img/1213/bg4.png) no-repeat left top;
    text-align: center;
    height: 243px;
    padding-top: 70px;
    padding-left: 8px;
}

.Pain_point_analysis .lists ul li .tit {
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}

.Pain_point_analysis .lists ul li .tit + .tit {
    color: #ffde00;
}

.Product_overview {
    background: #ffffff;
    padding: 70px 0 40px;
}

.Product_overview .s_des {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
    margin-top: 40px;
    padding: 0 50px;
    text-align: justify;
}

.Product_overview .picture {
    margin-top: 40px;
    overflow: hidden;
    padding: 0 50px;
}

.Product_overview .picture .left {
    width: 530px;
    float: left;
    height: 300px;
}

.Product_overview .picture .left img {
    display: block;
    width: 100%;
    height: 100%;
}

.Product_overview .picture .right {
    float: right;
    margin-right: 45px;
    text-align: center;
}

.Product_overview .picture .right .t1 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
    letter-spacing: 5px;
}

.Product_overview .picture .right .t2 {
    font-size: 22px;
    line-height: 65px;
    background: url(../img/1213/bg5.png) no-repeat center / 100% 100%;
    width: 355px;
    color: #ffffff;
    margin-bottom: 15px;
}

.Product_overview .lists {
    margin-top: 40px;
}

.Product_overview .lists ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

.Product_overview .lists ul li + li {
    background: url(https://www.c4m.cn/Public/assest/img/1213/bg2.png) no-repeat left center;
}

.Product_overview .lists ul li .img {
    margin: 15px 0;
}

.Product_overview .lists ul li .img img {
    display: block;
    margin: 0 auto;
    height: 90px;
}

.Product_overview .lists ul li .tit {
    font-weight: bold;
    color: #f3a751;
    font-size: 24px;
}

.Product_overview .lists ul li .des {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
}

.Core_value {
    background: #f6f6f6;
    padding: 60px 0 80px;
}

.Core_value .lists {
    margin: 60px 0 0;
}

.Core_value .lists ul li {
    width: 270px;
    height: 270px;
    margin: 0 45px;
    float: left;
    border-radius: 100%;
    background: #d52121;
    text-align: center;
    padding: 60px 30px 0;
    overflow: hidden;
}

.Core_value .lists ul li .tit {
    color: #ffde00;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

.Core_value .lists ul li .des {
    line-height: 30px;
    font-size: 16px;
    color: #ffffff;
    padding-top: 20px;
    border-top: 2px dashed #ffffff;
}

.Assessment_process {
    background: #ffffff;
    padding: 70px 0 80px;
}

.Assessment_process .partImg {
    margin: 40px auto 0;
}

.Assessment_process .partImg img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.Function_introduction {
    padding: 60px 0 30px;
}

.Function_introduction .lists {
    margin-top: 50px;
}

.Function_introduction .lists ul li {
    margin-bottom: 45px;
    overflow: hidden;
    background: #ffffff;
    padding: 30px;
    position: relative;
}

.Function_introduction .lists .img {
    float: left;
    width: 350px;
    height: 220px;
}

.Function_introduction .lists .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.Function_introduction .lists .tit {
    margin-left: 380px;
    color: #c90019;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    padding: 0 25px;
}

.Function_introduction .lists .des {
    margin-left: 380px;
    padding: 25px 25px;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 25px;
    text-align: justify;
    border-top: 2px solid #dddddd;
}

.Function_introduction .lists .num {
    position: absolute;
    right: 30px;
    top: 0;
    width: 40px;
    height: 48px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    background: url(../img/1213/paixu.png) no-repeat center;
}


.analysis {
    background: url(../img/1207/bg3.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0 80px;
}

.analysis .lists {
    margin-top: 50px;
}

.analysis .lists ul li {
    width: 32%;
    float: left;
}

.analysis .lists ul li + li {
    margin-left: 2%;
}

.analysis .lists ul li .tit {
    background: #5069ed;
    border-radius: 26px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.analysis .lists ul li .tit span {
    color: #ffd19d;
    font-size: 24px;
}

.analysis .lists ul li .des {
    overflow: hidden;
    min-height: 136px;
    position: relative;
    box-shadow: 0 0 10px rgba(145, 145, 145, 0.50);
    background: #f2f2f2;
    border-radius: 0 0 8px 8px;
    padding: 30px 25px 0;
    width: 86%;
    margin: 0 auto;
    text-align: justify;
}

.analysis .lists ul li .des p {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    z-index: 2;
    position: relative;
}

.analysis .lists ul li .des:after {
    content: '';
    display: block;
    width: 120px;
    height: 2px;
    background: #5069ed;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -60px;
}

.analysis .lists ul li .des span {
    display: block;
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 100px;
    font-weight: bold;
    color: #dddddd;
}

.summary {
    background: #ffffff;
    padding: 70px 0 40px;
}

.summary .s_des {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
    margin-top: 40px;
    padding: 0 50px;
    text-align: justify;
}

.summary .picture {
    margin-top: 40px;
    overflow: hidden;
    padding: 0 50px;
}

.summary .picture .left {
    width: 530px;
    float: left;
    height: 300px;
}

.summary .picture .left img {
    display: block;
    width: 100%;
    height: 100%;
}

.summary .picture .right {
    float: right;
    margin-right: 45px;
    text-align: center;
}

.summary .picture .right .t1 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
    letter-spacing: 5px;
}

.summary .picture .right .t2 {
    font-size: 22px;
    line-height: 65px;
    background: url(../img/1207/bg1.png) no-repeat center / 100% 100%;
    width: 355px;
    color: #ffffff;
    margin-bottom: 15px;
}

.summary .lists {
    margin-top: 40px;
}

.summary .lists ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 0;
}

.summary .lists ul li + li {
    background: url(../img/1207/bg2.png) no-repeat left center;
}

.summary .lists ul li .img {
    margin: 15px 0;
}

.summary .lists ul li .img img {
    display: block;
    margin: 0 auto;
    height: 90px;
}

.summary .lists ul li .tit {
    font-weight: bold;
    color: #f3a751;
    font-size: 24px;
}

.summary .lists ul li .des {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
}

.product_features {
    background: #f6f6f6;
    padding-top: 70px;
}

.product_features .lists {
    position: relative;
    height: 460px;
    margin: 60px 0 120px;
}

.product_features .lists ul li {
    width: 24%;
    float: left;
    position: absolute;
}

.product_features .lists ul li:first-child {
    left: 0;
    bottom: 0;
}

.product_features .lists ul li:nth-child(2) {
    left: 20%;
    top: 0;
}

.product_features .lists ul li:nth-child(3) {
    left: 40%;
    bottom: 0;
}

.product_features .lists ul li:nth-child(4) {
    right: 17%;
    top: 0;
}

.product_features .lists ul li:last-child {
    right: -20px;
    bottom: -30px;
}

.product_features .lists ul li .img {
    margin-left: 12px;
}

.product_features .lists ul li .img img {
}

.product_features .lists ul li .tit {
    color: #3c67c2;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product_features .lists ul li .des {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    text-align: justify;
}

.product_features .lists ul li:nth-child(2) .tit,
.product_features .lists ul li:nth-child(4) .tit {
    color: #f3a751;
}

.product_features .lists ul li:nth-child(2) .img,
.product_features .lists ul li:nth-child(4) .img {
    margin-top: 10px;
}

.product_features .lists ul li:first-child .img,
.product_features .lists ul li:last-child .img,
.product_features .lists ul li:nth-child(3) .img {
    margin-bottom: 10px;
}

.function {
    background: #ffffff;
    padding: 80px 0;
}

.function .partTit {
    width: 200px;
    height: 48px;
    background: url(../img/1207/bg3.png) no-repeat center / 100% 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
    margin: 0 auto;
    text-align: center;
    line-height: 52px;
    margin-top: 60px;
}

.function .partDes {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 30px;
    padding: 0 50px;
    text-align: justify;
    padding: 0 110px;
}

.function .partImg {
    margin: 60px auto;
}

.function .partImg img {
    display: block;
    margin: 0 auto;
}

.function .partOne {
}

.function .partOne .lists {
    overflow: hidden;
}

.function .partOne .lists ul li {
    margin-bottom: 15px;
    float: left;
    width: 208px;
    background: #f6f6f6;
    border-radius: 8px;
    padding: 0 20px;
    min-height: 315px;
    margin-right: 10px;
}

.function .partOne .lists ul li:nth-child(5n) {
    margin-right: 0;
}

.function .partOne .lists .tit {
    font-size: 20px;
    color: #5069ed;
    line-height: 50px;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
}

.function .partOne .lists .des {
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    white-space: nowrap;
    padding: 12px 0;
}

.function .partTwo .lists {
    padding: 0 25px;
}

.function .partTwo .lists ul li {
    margin-bottom: 60px;
    overflow: hidden;
}

.function .partTwo .lists .img {
    float: left;
    width: 350px;
    height: 220px;
}

.function .partTwo .lists .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.function .partTwo .lists .tit {
    margin-left: 380px;
    color: #3953d6;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
}

.function .partTwo .lists .des {
    margin-left: 380px;
    background: #f6f6f6;
    padding: 25px 35px;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-top: 25px;
    text-align: justify;
}

.commenTitleSmall_plus {
    display: none;
}


 .ri {width:450px}
 .ri .r-tit{display:inline-block;padding-bottom:30px;width:49%;text-decoration:none;overflow:hidden;zoom:1;}
 .ri .r-tit p{font-weight:bold;font-size:18px;color:#ff5144;margin-bottom: 20px;}
 .ri .r-tit span{padding:1px 3px;color:#666;font-size:12px;border:1px solid #666;border-radius:5px;margin-left:32%;}
 .ri .r-tit2{width:48%}

 /*20241107产品推荐*/
.recommended-products{padding:40px 0 70px;background:url(../img/tj/tj-bg2.jpg) no-repeat left top;background-size:100% 100%;}
.recommended-products li{float:left;width:48%;margin:30px 10px 0px 10px;border:1px solid #ffcdcd;background:url(../img/tj/tj-bg.png) repeat left top;border-radius:4px;font-size:12px}
.recommended-products li:nth-child(2n+0){margin-right:0;}
.recommended-products li p{display:inline-block;float:left;width:60%;padding-bottom:10px;line-height:22px;}
.recommended-products li span{display:block;padding-bottom:5px;font-size:22px;font-weight:bold;color:#d90000;text-decoration:underline}
.recommended-products li img{display:block;float:right;padding-top:10px;width:40%;height:90px}
.recommended-products li a{display:block;padding:20px 30px;overflow:hidden;zoom:1;}
.recommended-products li a:hover{background-color:#ff4b4b;border-radius:4px;}
.recommended-products li a:hover p,.recommended-products li a:hover span{color:#fff}

.gb-img-center{padding-top:30px;text-align:center;}