﻿
.menu_list li a {
    color: #ffffff !important;
}
.menu_list li a:hover{
    color: #17a1ff !important;
    transition: color linear 500ms;
}
.indexVideoBox{
    position: relative;
    top: -72px;
    z-index: -1;
    max-height: 733px;
    overflow: hidden;
}
.mask{
/*    background-color: rgba(4,63,180,0.4);*/
	background-color: rgba(26,67,118,0.4);
	
    width: 100%;
    height: 100%;
    /*height: 762px;*/
    position: absolute;
    top: 0;
}
.maskTitleBox{
    position: relative;
    top: 45%;
    text-align: center;
}
.maskTitleBox h3{
    font-family: zaoZiGongFangYueHeiXiTi;
    /*font-size: 35px;*/
    font-size: 54px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 6px;
    color: #ffffff;
    line-height: 80px;
}
.maskTitleBox p{
    font-family: zaoZiGongFangYueHeiXiTi;
    /*font-size: 15px;*/
    font-size: 22px;
    line-height: 50px;
    letter-spacing: 7px;
    color: #ffffff;
    opacity: 0.8;
}
.indextitle{
    font-family: zaoZiGongFangYueHeiXiTi;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #333333;
    text-align: center;
    line-height: 65px;
    border-bottom: 1px solid rgba(191,191,191,0.2);
    margin-bottom: 30px;
}
.indextitle span{
    display: inline-block;
    font-family: zaoZiGongFangYueHeiXiTi;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #333333;
    text-align: center;
    line-height: 65px;
    border-bottom: 2px solid #17a1ff;
}
.index-list-p{
    margin: 30px auto;
    width: 710px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    color: #333333;
    text-align: center;
}
.index-hxjs-listBox{
    width: 100%;
}
.index-hxjs-item{
    width: 300px;
    float: left;
    text-align: center;
    padding: 30px 80px;
    transition: all linear 1000ms;
}
.index-hxjs-item h5{
    font-family: zaoZiGongFangYueHeiXiTi;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
    margin-top: 35px;
    /*transform: scale(1.3);*/
    transition: all linear 1000ms;
}
.index-hxjs-item p{
    line-height: 30px;
    color: #666666;
    margin-top: 40px;
    transition: color linear 1000ms;
}
.index-hxjs-item  img{
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
}
.rightBorder{
    border-right: 1px solid rgba(201,211,230,0.4);
}
.index-hxjs-item:hover{
    box-shadow: 0px 0px 10px 0px #dedede;

}
.index-hxjs-item:hover h5,.index-hxjs-item:hover p{
    color: #17a1ff;
    /*transition: color linear 1000ms;*/
}
.index-hxjs-item:hover img{
    transform: rotate(360deg);
    /*transform: scale(1.1);*/
    /*transition: all linear 1000ms;*/
}
    /*产品应用*/
.index-cpyy-box{
    margin-top: 20px;
    background: url("../image/pro-graybg.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper{
    position: relative;
    overflow: hidden;
    width: 300px;
    /*height: 437px;*/
}
.mask-inner22{
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    /*background: rgba(0,131,196,1);*/
    background: linear-gradient(45deg,#feac5e,#c779d0,#4bc0c8);
    background: -webkit-linear-gradient(45deg,#feac5e,#c779d0,#4bc0c8); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(45deg,#feac5e,#c779d0,#4bc0c8); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(45deg,#1f407e,#2a4c87,#001754); /* Firefox 3.6-15 */
    background: linear-gradient(45deg,#3063a4,#3063a4,#2a8dda); /* 标准语法 */

    -moz-transition: right ease 500ms;
    -o-transition: right ease 500ms;
    -webkit-transition: right ease 500ms;
    transition: right ease 500ms;
    text-align: center;
}
.mask-inner{
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    /*background: rgba(0,131,196,1);*/
    background: linear-gradient(315deg,#3063a4,#2e6eb3,#2a8dda);
    background: -webkit-linear-gradient(315deg,#3063a4,#2e6eb3,#2a8dda); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(315deg,#3063a4,#2e6eb3,#2a8dda); /* Opera 11.1-12.0 */
    background: -moz-linear-gradient(315deg,#3063a4,#2e6eb3,#2a8dda); /* Firefox 3.6-15 */
    background: linear-gradient(315deg,#3063a4,#2e6eb3,#2a8dda); /* 标准语法 */

    -moz-transition: right ease 500ms;
    -o-transition: right ease 500ms;
    -webkit-transition: right ease 500ms;
    transition: right ease 500ms;
    text-align: center;
}
.mask-wrapper:hover .mask-inner{
    right: 0;
}
/*动画效果结束*/
.mask-wrapper-zheng{
    height: 437px;
    text-align: center;
}
.mask-wrapper-zheng-zncszlpt{
    background: url("../image/index-pro01.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper-zheng-zrzykjxxpt{
    background: url("../image/index-pro02.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper-zheng-szxc{
    background: url("../image/index-pro03.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper-zheng-zwfw{
    background: url("../image/index-pro04.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper-zheng-ggzyjypt{
    background: url("../image/index-pro05.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper-zheng-kjxxpt{
    background: url("../image/index-pro06.jpg") center top no-repeat;
    background-size: cover;
}
.mask-wrapper-zheng img{
    margin-top: 100px;
    border: 0px solid #ffffff;
    border-radius: 20px;
}
.mask-wrapper-zheng p{
    color: #ffffff;
    font-size: 23px;
    margin-top: 50px;
    letter-spacing: 1px;
}
.mask-inner h3{
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 120px;
}
.mask-inner p{
    line-height: 25px;
    color: #ffffff;
    width: 240px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: left;
}
.mask-inner a{
    display: inline-block;
    color: #ffffff;
    margin-top: 30px;
    border: 1px solid #ffffff;
    padding: 5px 12px;
    border-radius: 5px;
}
.mask-inner a:hover{
    color: #17a1ff;
    border: 1px solid #17a1ff;
    transition: all linear 500ms;
}
/*轮播图*/
/* 本例子css */
.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  float:left;  overflow:hidden; text-align:center;  }
/*公司简介*/
.gongSiJianJieBox{
    background: url("../image/jj-index-bg.png") top center no-repeat;
    background-size: cover;
    min-height: 400px;
}
.marginTop55px{
    margin-top: 55px;
}
.marginBottom55px{
    margin-bottom: 55px;
}
/*公司简介轮播图*/
.wrap {
    position: relative;
    width: 1200px;
    /*height: 155px;*/
    margin: 100px auto;
}
.content {
    position: absolute;
    width: 1200px;
    /*height: 155px;*/
    height: 220px;
}
.content li{
    position: absolute;
    background-size: 100% 100%;
    cursor: pointer;
}
.wrap a {
    position: absolute;
    display: none;
    z-index: 2;
    /*top: 50%;*/
    /*top: 60px;*/
    top: 125px;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    font: 36px/60px "宋体";
    text-align: center;
    text-decoration: none;
    /*color: #fff;*/
    /*background: rgb(255, 100, 0);*/
    /*background: rgba(255, 100, 0, .6);*/
    transition: background 1s ease;
}
.wrap a:hover {
    /*background: rgb(255, 100, 0);*/
}
.prev {
    left: 0px;
}
.next {
    right: 0px;
}
/*合作伙伴*/
.heZuoHuoBan-ul li{
    width: 400px;
    float: left;
    text-align: center;
}
.bottomBorder{
    display:block;
    height: 2px;
    width: 30px;
    border: 1px solid #ffffff;
    margin: 0 auto;
}








