.nav_top {
    display: none;
}


.index-video img {
    display: table;
}

.index-video {
    height: auto;
    overflow: hidden;
}

.index-video #bgvid {
    width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
    background: url(../image/banner.jpg) center center no-repeat;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
    z-index: -100;
    transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
position: absolute;

}


@keyframes firstPart {
	0% {
		bottom: 40px;
	}

	100% {
		bottom: 20px;
	}

}

@-webkit-keyframes firstPart

/* Safari and Chrome */
{
	0% {
		bottom: 40px;
	}

	100% {
		bottom: 20px;
	}

}

.mousetip {
	background: url(../image/mousetip.png) no-repeat;
	width: 26px;
	height: 44px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -25px;
	z-index: 100;
	cursor: pointer;
	animation-name: firstPart;
	animation-duration: 0.8s;
	animation-timing-function: linear;
	animation-delay: 0.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	-moz-animation-name: firstPart;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0.3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;
	-webkit-animation-name: firstPart;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	-o-animation-name: firstPart;
	-o-animation-duration: 0.8s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0.3s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-play-state: running;
}

/**strength**/
.strength {
    bottom: 75px;
    color: #ffffff;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 8887;
}

.strength .item {
    display: inline-block;
    height: 100px;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: bottom;
    width: 24%;
}

.strength .item div {
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    font-weight: bolder;
}

.strength .item div i {
    font-size: 48px;
    font-style: normal;
    margin-right:6px;
    
}

.strength .item span {
    color: inherit;
    display: block;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 15px;
    text-align: center;
}
.strength .item:nth-child(2){padding-left:4%;}
.strength .item:nth-child(3){padding-left:6%;}

/**product**/
.product {
    padding-bottom: 60px;
    margin-top:80px;
}

.product .body {
    margin-top: 40px;
}

.product .body .nav_tab ul {
    margin-left: -4px;
    margin-right: -4px;
}

.product .body .nav_tab ul li {
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px;
}

.product .body .nav_tab ul li span {
    background-color: #f5f5f5;
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    transition: all ease 0.36s;
    width: 100%;
    border-radius:25px;
}

.product .body .nav_tab ul li.active span,
.product .body .nav_tab ul li:hover span {
    background-color: #004699;
    color: #ffffff;
}


.product .body .nav_content .row > div {
    margin-top: 30px;
}

.product .body .nav_content .row > div > div {
    border: 1px solid #fafafa;
    background-color: #fafafa;
    overflow: hidden;
    padding: 25px 15px 25px;
    position: relative;
    text-align: center;
    transition: all ease 0.36s;
}
.product .body .nav_content .row > div > div .image{position:relative;}
.product .body .nav_content .row > div > div .image img{display: block;}
.product .body .nav_content .row > div > div .image .two{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    opacity: 0;
    transition: all ease 0.36s;
}


.product .body .nav_content .row > div > div:hover {
    border: 1px solid #ff0000;
}

.product .body .nav_content .row > div > div:hover .image .two{opacity: 1;}
.product .body .nav_content .row > div > div h4 {
    color: #333333;
    font-weight:bolder;
    margin-top: 25px;
    transition: all ease 0.36s;
    font-size: 16px;
}


.product .body .nav_content .conversion_button {
    display: inline-block;
    margin-top:15px;
    
}

.product .body .nav_content .conversion_button a {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 8px 18px;
    background-color: #ffffff;
    transition: all ease 0.36s;
}

.product .body .nav_content .conversion_button a:first-child {
    border: 1px solid #ff0000;
    color: #ff0000;
    margin-right: 15px;
    display: none;
}

.product .body .nav_content .row > div > div:hover .conversion_button a:first-child{
    display: inline-block;
}
.product .body .nav_content .conversion_button a:hover {
    border: 1px solid #004699;
    color: #ffffff;
    background-color: #004699;
}
.product .body .nav_content .row > div > div:hover .conversion_button a:first-child:hover{
    border: 1px solid #ff0000;
    background-color: #ff0000;
}
/**solution**/
.index-solution {
    background-color: #f4f4f4;
    background-image: url("../image/solution.jpg");
    background-position: center top;
    background-size: auto;
    margin-top: 20px;
}

.index-solution .content {
    background-color: #ffffff;
    padding-bottom: 40px;
    padding-top: 40px;
}

.index-solution .title h2 {
    color: #004699;
    font-size: 32px;
    letter-spacing: 1px;
    text-align: center;
}

.index-solution .title p {
    color: #004699;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
    position: relative;
    text-align: center;
}

.index-solution .title p:before,
.index-solution .title p:after {
    background-color: #f5f5f5;
    content: "";
    height: 2px;
    margin-left: -80px;
    opacity: 0.5;
    position: absolute;
    top: 8px;
    width: 66px;
}

.index-solution .title p:after {
    margin-left: 14px;
}

.index-solution .body {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    width: 960px;
}

.index-solution .solution_form > div {
    display: inline-block;
}

.index-solution .solution_form button {
    display: inline-block;
}

.index-solution .solution_form span {
    color: #ffffff;
    font-size: 16px;
    margin-right: 8px;
}

.index-solution .solution_form input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    line-height: 1;
    outline: none;
    padding: 18px 70px 18px 20px;
}

.index-solution .solution_form .select, .index-solution .solution_form .input {
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.index-solution .solution_form .select select, .index-solution .solution_form input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    color: #666666;
    line-height: 1;
    outline: none;
    padding: 13px 52px 13px 20px;
    width:130px;
    
}

.index-solution .solution_form input {

    width:210px;
}

.index-solution .solution_form .select:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333333;
    content: "";
    height: 6px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 42%;
    width: 6px;
}

.index-solution .solution_form .input:after {
    color: #ff0000;
    content: "*";
    height: 6px;
    line-height: 1;
    position: absolute;
    right: 16px;
    top: 42%;
    width: 6px;
    
}

.index-solution .solution_form button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #004699;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 62px;
    outline: none;
   width: 120px;
height: 40px;
line-height: 40px;
}

.index-solution .bottom {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: center;
    width: 960px;
}

.index-solution .bottom .item {
    display: inline-block;
    vertical-align: top;
    width: 40.777777%;
}

.index-solution .bottom .item:last-child {
    padding-left: 20px;
    vertical-align: bottom;
    width: 18.222222%;
}

.index-solution .bottom .item .tab h4 {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bolder;
    margin-left: 26px;
    position: relative;
    text-align: left;
}

.index-solution .bottom .item .tab h4:before {
    border-bottom: 8px solid transparent;
    border-left: 16px solid #ff0000;
    border-top: 8px solid transparent;
    
    content: "";
    height: 16px;
    left: -26px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 8px;
}

.index-solution .bottom .item .list {
    /**display: none;**/
    height: 100%;
    margin-top: 15px;
    transition: all 0.3s ease 0.1s;
}

.index-solution .bottom ul {
    background-color: rgba(255, 255, 255, 0.3);
    margin-right: 50px;
    padding: 30px 0 30px 40px;
    text-align: left;
}

.index-solution .bottom ul li, .index-solution .bottom ul p {
    color: #ffffff;
    display: inline-block;
    margin: 0;
    position: relative;
    width: 49%;
}

.index-solution .bottom ul li:before {
    background-color: #ffffff;
    border-radius: 6px;
    bottom: 0;
    content: "";
    height: 6px;
    left: -18px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 6px;
    
}


.index-solution .bottom .item span {
    color: #ffffff;
    display: block;
    text-align: left;
}

.index-solution .bottom .item a {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ff0000;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    margin-top: 30px;
    outline: none;
width: 120px;
height: 40px;
line-height: 40px;
}


.index-solution .bottom .item .tab.active h4:before {
    border-bottom: 16px solid #ff0000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
}

/****audio-visual***/
.audio-visual {
    margin-top: 80px;
}

.audio-visual .title small a:first-child {
    color: #666666;
}

.audio-visual .body {
    margin-top: 30px;
    position: relative;
}

.audio-visual .body p {
    color: #333333;
    letter-spacing: 1px;
    line-height: 2.15;
}

.audio-visual .inside_link {
    bottom: 0;
    position: absolute;
    right: 15px;
left: 15px;

}

.audio-visual .inside_link a {
    color: #666666;
    padding: 15px 40px;
    text-align: center;
    position: relative;
    font-size: 16px;
    display: block;
    background-color: #fafafa;
}
.audio-visual .inside_link a:not(:last-child):after{
    content: "";
    width: 1px;
    height: 75px;
    top:0;bottom:0;right:0;
    background-color: #dcdcdc;
    position: absolute;
    margin: auto;
}

.audio-visual .inside_link a .image {
position: relative;
text-align: center;
}
.audio-visual .inside_link a .image .two{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    opacity: 0;
    transition: all ease 0.36s;
}
.audio-visual .inside_link a:hover{
    color: #004699;
}
.audio-visual .inside_link a:hover .image .two{
    opacity: 1;
}
.audio-visual .video {
    margin-top: 25px;
    position: relative;
}

.audio-visual .video img {
    display: table;
}

.audio-visual .video .play {
    background-color: rgba(0, 0, 0, 0.42);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.audio-visual .video .play i {
    background-image: url("../image/play_big.png");
    bottom: 0;
    display: block;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}

/**case**/
.case {
    background-color: #f5f5f5;
    background-image: url("../image/case.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: unset;
    margin-top: 1px;
    padding-bottom: 50px;
}

.case .title {
    padding-top: 80px;
}

.case .title h2 {
    color: #ffffff;
}

.case .title h2:after {
    display: none;
}

.case .title small {
    margin-top: 2px;
}

.case .title small a {
    color: #ffffff !important;
}

.case .body .nav_tab {
    margin-top: 60px;
}

.case .body .nav_tab ul li {
    background-color: #fafafa;
    border-radius: 40px;
    color: #004699;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    margin-right: 20px;
    padding: 13px 32px;
    transition: all ease 0.36s;
    width: 120px;
    height: 40px;
}


.case .body .nav_tab ul li:hover, .case .body .nav_tab ul li.active {
    background-color: #004699;
    color: #ffffff;
}

.case .body .nav_content {
    padding-bottom: 40px;
    padding-top: 40px;
}

.case .body .nav_content .item {
    background-color: #ffffff;
    padding: 40px 40px;
}

.case .body .nav_content .item h4 {
    font-size: 24px;
    font-weight: bolder;
    letter-spacing: 1px;
    line-height: 2.67;
}

.case .body .nav_content .item p {
    margin-bottom: 25px;
    margin-top: 5px;
}

.case .body .nav_content .item .conversion_button a {
    border: 1px solid #004699;
    color: #004699;
    display: inline-block;
    line-height: 1;
    margin-right: 25px;
    padding: 12px 17px;
    transition: all ease 0.36s;
}

.case .body .nav_content .item .conversion_button a.active, .case .body .nav_content .item .conversion_button a:hover {
    background-color: #004699;
    color: #ffffff;
}

/**service**/

.service {
    padding-bottom: 35px;
    padding-top: 80px;
}

.service .title {
    margin-bottom: 40px;
}

.service .title small a {
    color: #004699 !important;
}

.service .item {
    cursor: pointer;
    text-align: center;
}

.service .item h4 {
    color: #333333;
    font-size: 20px;
    margin-top: 10px;
}

.service .item p {
    color: #666666;
    margin-bottom: 0;
}

.service .item img {
    transform: rotateY(0);
    transition: .4s linear;
    width: auto !important;
}

.service .item:hover img {
    transform: rotateY(180deg);
}

.news-article {
    padding-bottom: 80px;
    padding-top: 40px;
}
.news-article .container > .row{margin-left:-20px;margin-right:20px;}
.news-article .container > .row > div{padding-left:20px;padding-right:20px;}
.news-article .news .title,
.news-article .article .title {
    margin-bottom: 60px;
}

.news-article .news .title small,
.news-article .article .title small {
    margin-top: 2px;
}

.news-article .news .body,
.news-article .article .body {
    background-color: #fafafa;
}

.news-article .news .body .item {
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.news-article .news .body .item a{display:block;height: 120px;overflow: hidden;}
.news-article .news .body .item:not(:last-child) {
    border-bottom: 2px solid #f4f4f4;
}

.news-article .news .body .item .image{max-width: 180px;float: left;margin-right:20px;}
.news-article .news .body .item h4 {
    transition: all ease 0.36s;
    line-height: 1.5;
    margin-top:-4px;
}

.news-article .news .body .item p {
    margin-bottom: 10px;
    margin-top: 10px;
}

.news-article .news .body .item small {
    color: #666666;
    display: block;
    font-size: 12px;
}

.news-article .news .body .item:hover h4 {
    color: #004699;
}

.news-article .article .body {
    padding-bottom: 10px;
    padding-top: 10px;
    height: 100%;
}

.news-article .article .body .item a {
    display: block;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 23px;
    padding-top: 23px;
    text-align: right;
    line-height: 1;
}
.news-article .body .item a img{display: block;}

.news-article .article .body .item:not(:last-child) a {
    border-bottom: 2px solid #f4f4f4;
}

.news-article .article .body .item h4 {
    display: inline-block;
    float: left;
    font-size: 14px;
    transition: all ease 0.36s;
    color: #666666;
}

.news-article .article .body .item small {
    color: #666666;
    display: inline-block;
    font-size: 12px;
    transition: all ease 0.36s;
    vertical-align:top;
    line-height: 1;
}

.news-article .article .body .item:hover h4, .news-article .article .body .item:hover small {
    color: #004699;
}


/* 流程 */
.lc{ background: url(../image/lcbg.jpg) center no-repeat;height: 470px;}
.lc_center{height: 540px; padding-top: 20px; position: relative;}
.lc_title{width: 600px; height: 70px; line-height: 70px; margin: 0 auto; text-align: center; font-size: 30px; color: #ffffff; font-weight: bold; background: url(../image/lclx.png) center no-repeat;}
.lc_small{height: 28px; line-height: 38px; text-align: center; font-size: 18px; color: #333333; margin-bottom: 60px;}
.lc_main{width: 1204px; height: 284px;padding-top: 40px; }
.lc_fr{margin-right: -56px;}
.lc_everone{width: 154px; height: 284px; float: left; margin-right: 56px; position: relative;}
.lc_bg{position: absolute; /* bottom: 0; */ width: 162px; height: 155px; overflow: hidden; padding: 15px; transition: .6s; cursor: pointer; background: url(../image/lchui.png) center no-repeat}
.lc_bg:hover{background: url(../image/lcred.png) center no-repeat}
.lc_menbg{width: 125px; height: 125px; line-height: 125px; position: absolute; bottom: 15px; left: 15px; font-size: 16px; color: #ffffff; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, .4); transition: .6s;}
.lc_bg:hover .lc_menbg{width: 0; height: 0;}
.lc_label0, .lc_label1{width: 100%; font-size: 16px; color: #666666; text-align: center; display: inline-block;}
.lc_label0{margin-top: 173px;}
.lc_label1{margin-top: 172px;}