/* 内页头部 */
.header{
    width: 100%;
    height: 130px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
.header .top{
    width: 1200px;
    margin: 0 auto;
}
.header .top .logo{
    float: left;
    margin-left: 1px;
}
.header .top>ul{
    float: left;
    margin-left: 45px;
}
.header .top>ul li{
    float: left;
    margin: 0 10px;
}
.header .top>ul li:last-child{
    display: none;
	display: block;
}
.header .top>ul li:last-child{
    margin-right: 0;
}
.header .top>ul li a{
    font-size: 16px;
    color: #fff;
    padding: 0 5px;
    line-height: 68px;
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100%;
    border-top: 3px solid transparent;
}
.yuyan{
    float: right;
    margin-top: 23px;
    position: relative;
}

.yuyan>img{
    margin-top: -3px;
}
.yuyan>img.yy-ewm{
    position: absolute;
    right: 0;
    top: 32px; 
    display: none;
}
.yuyan>span{
    font-size: 24px;
    color: #0987de;
    margin: 0 15px 0 20px;
}
.yuyan>p{
    display: inline-block;
}
.yuyan>p>a{
    display: inline-block;
    width: 40px;
    height: 25px;
    border: solid 1px #fff;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.yuyan>p>a.mo{
    background: #fff;
    color: #4e4e4e;
}
.yuyan>p>a:hover{
    background: #fff;
    color: #4e4e4e;
}
.yuyan>p>a.zw{
    border-right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.yuyan>p>a.en{
    border-left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.header .top>ul li.hover a{
    color: #0987de;
    border-top: solid 3px #0987de;
}









/* 关于我们 */
.banner{
    width: 100%;
    height: 390px;
    padding-top: 70px;
}



/* 内页主体内容 */
.main{
    width: 1200px;
    margin: 0 auto;
}
.bianfeng{
    min-height: 500px;
}
.main-top{
    width: 100%;
    border-top: solid 1px transparent;
    position: relative;
}
.subnav{
    width: 1200px;
    margin: 0 auto;
}
.subnav>ul{
    margin-left: 270px;
}
.subnav>ul li{
    float: left;
    width: 100px;
    height: 76px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    margin: 20px 105px 0 0;
    position: relative;
    background: url(../images/yuan.png) no-repeat 20% bottom;
    z-index: 999;
}
.subnav>ul li.list{
     background: url(../images/subnav.png) no-repeat left center;
}
.subnav>ul li.list a{
    color: #fff;
}
.subnav>ul li:last-child{
    margin-right: 0;
}
.subnav>ul li a{
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
}
.subnav>ul li:hover{
    background: url(../images/subnav.png) no-repeat left center;
}
.subnav>ul li:hover a{
    color: #fff;
}
.main-top p{
    width: 100%;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 85px;
    left: 0;
}
.bf-content{
    padding: 0 10px;
}
.bf-brief{
    margin-top: 90px;
}
.bf-img{
    margin-top: 30px;
}
.bf-img>ul li{
    width: 380px;
    float: left;
    margin-right: 30px;
}
.bf-img>ul li:nth-child(3n){
    margin-right: 0;
}
.bf-img>ul li img{
    width: 100%;
}
.bf-img h5{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-top: 40px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 60px;
}
.course h2{
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-top: 60px;
}
.course h3{
    font-size: 14px;
    text-align: center;
    padding-top: 7px;
}
.course h3 span{
    padding: 0 10px 0 5px;
}
.pment{
    margin-top: 40px;
}
.time{
    margin: 25px 0 0 335px;
}
.time>ul li{
    width: 530px;
    height: 47px;
    background: url(../images/bf.png) no-repeat 110px center;
}
.time>ul li span{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-top: 16px;
}
.time>ul li .span1{
    background: #0987de;
    color: #fff;
    width: 100px;
}
.time>ul li .span1 b{
    padding-left: 55px;
}

.time>ul li .span2{
    background: #f2f2f2;
    margin-left: 25px;
    width: 400px;
    text-indent: 12px;
    letter-spacing: 1px;
}

/* 关于我们-客户案例 */
.bf-brief{
    position: relative;
}
.bf-brief>ul{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 85%;
}
.bf-brief>ul li{
    width: 150px;
    height: 150px;
    border: solid 1px #0987de;
    -webkit-transition: all 0s;
     -moz-transition: all 0s;
     -ms-transition: all 0s;
     -o-transition: all 0s;
     transition: all 0s; 
    -webkit-transform: rotateY(0deg) rotateZ(45deg) ;
    -moz-transform: rotateY(0deg) rotateZ(45deg);
    -ms-transform: rotateY(0deg) rotateZ(45deg);
    -o-transform: rotateY(0deg) rotateZ(45deg);
    transform: rotateY(0deg) rotateZ(45deg);
    position: absolute;

}
.bf-brief>ul li:hover{
    -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
-webkit-transform: rotateY(360deg) rotateZ(45deg);
    -moz-transform: rotateY(360deg) rotateZ(45deg);
    -ms-transform: rotateY(360deg) rotateZ(45deg);
    -o-transform: rotateY(360deg) rotateZ(45deg);
    transform: rotateY(360deg) rotateZ(45deg);
}
/*@keyframes gude{
    100%{
        transform:rotateZ(360deg);
    }
}*/

.bf-brief>ul li:nth-child(2){
    left: 214px;
}
.bf-brief>ul li:nth-child(3){
    left: 428px;
}
.bf-brief>ul li:nth-child(4){
    left: 642px;
}
.bf-brief>ul li:nth-child(5){
    left: 856px;
}
.bf-brief>ul li:nth-child(6){
     top: 120px;
    left: 107px;
}
.bf-brief>ul li:nth-child(7){
    top: 120px;
    left: 321px;
}
.bf-brief>ul li:nth-child(8){
    top: 120px;
    left: 535px;
}
.bf-brief>ul li:nth-child(9){
    top: 120px;
    left: 749px;
}
.bf-brief>ul li:nth-child(10){
    top: 240px;
    left: 214px;
}

.bf-brief>ul li:nth-child(11){
    top: 240px;
    left: 428px;
}
.bf-brief>ul li:nth-child(12){
    top: 240px;
    left: 642px;
}
.bf-brief>ul li:nth-child(13){
    top: 361px;
    left: 321px;
}

.bf-brief>ul li:nth-child(14){
    top: 361px;
    left: 535px;
}
.gude{
    transform: rotate(-45deg);
    width: 130px;
    margin: 48px 0 0 15px;
}
.bf-brief>ul li:hover{
    background: #0987de;
    animation: gude 2s linear;
}




/* 关于我们-企业文化 */
.qiye-top>p{
    color: #0987de;
    font-weight: 700;
}
.qiye-top>p:nth-child(2){
    font-weight: normal;
    padding: 18px 0 45px 0;
}
.qiye-top>p:nth-child(4){
    font-weight: normal;
    color: #4e4e4e;
    padding: 15px 0 45px 0;
}
.qiye-botm{
    margin-top: 40px;
}
.qiye-botm>dl{
    margin-bottom: 40px;
}
.qiye-botm>dl dt{
    height: 25px;
    background: #0987de;
    color: #fff;
    padding-right: 10px;
    display: inline-block;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 10px;
}
.qiye-botm>dl dt span{
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    margin: 11px 8px;
}
.qiye-botm>dl:last-child{
    margin-bottom: 0;
}




/* 关于我们-荣誉资源*/
.honor>ul li{
    width: 230px;
    float: left;
    margin: 0 12px 40px 0;
}
.honor>ul li:nth-child(5n){
    margin-right: 0;
}
.honor>ul li img{
    width: 100%;
}
.honor>ul li .li-botm{
    width: 230px;
    height: 68px;
    background: rgba(255,255,255,.5);
    color: #0987de;
    font-size: 18px;
    position: relative;
}
.honor>ul li .li-botm p{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center; 
    z-index: 99;
}
.honor>ul li .kuang{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #0987de;
    width: 100%;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}
.honor>ul li:hover .kuang{
    height: 68px;
}
.honor>ul li:hover p{
    color: #fff;
}





/* 产品中心-CQ */
.chanpin>ul {
    margin-left: 135px;
}
.chanpin>ul li{
    margin: 20px 40px 0 0;
}
.product-cq>ul>li{
    width: 48%;
    height: 240px;
    margin:0 4% 4% 0;
    float: left;
    background: #f2f2f2;
}
.product-cq>ul>li:nth-child(2n){
    margin-right: 0;
}
.product-cq>ul>li .cq-img{
    width: 220px;
    background: #fff;
    margin: 10px 35px 0 10px;
    float: left;
}
.product-cq>ul>li .cq-img img{
    width: 100%;
}
.product-cq>ul>li .img-ms{
    float: left;
    width: 310px;
    position: relative;
}
.product-cq>ul>li .img-ms h3{
    font-size: 16px;
    font-weight: 700;
    width: 300px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    padding-top: 20px;
}
.product-cq>ul>li .img-ms ul{
    margin-top: 10px;
    height: 97px;
    overflow: hidden;
}
.product-cq>ul>li .img-ms>a{
    display: block;
    position: absolute;
    left: 0;
    top: 190px;
}
.product-cq>ul>li .img-ms a:hover{
    color: #0987de;
    text-decoration: underline;
}




/* 产品详情页 */
.details-img{
    width: 460px;
    float: left;
    margin: 18px 50px 0 0;
}
.details-img img{
    border: solid 1px #ccc;
    width: 100%;
}
.details-right{
    float: left;
    width: 50%;
}
.details-right h3{
    font-size: 24px;
    font-weight: 700;
    padding-top: 60px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
}
.details-right>ul{
    margin-top: 30px;
    height: 172px;
    overflow: hidden;
}
.details-right>ul li{
    margin-bottom: 25px;
}
.details-right>ul li:last-child{
    margin-bottom: 0;
}
.details-right a{
    display: block;
    width: 120px;
    height: 35px;
    border: solid 1px #0987de;
    text-align: center;
    line-height: 35px;
    color: #0987de;
    margin-top: 45px;
}
.details-right a:hover{
    border: 1px solid transparent;
    background: #0987de;
    color: #fff;
}
.deta-cont-top{
    min-height: 500px;
    border-top: solid 1px #0987de;
    margin-top: 50px;
    position: relative;
}
.deta-cont-top>ul{
    background: #f2f2f2;
    height: 40px;
}
.deta-cont-top>ul>li{
    float: left;
    font-weight: 700;
    margin-left: 20px;
    line-height: 40px;
    cursor: pointer;
}
.deta-cont-top>ul>li.deta{
    color: #0987de;
}
.deta-cont-top .deta-li-cont{
    color: #4e4e4e;
    font-weight: normal;
    cursor: default;
}
.botm-deta{
    margin: 30px auto 0;
    width: 95%;
    min-height: 400px;
}





/* 最新资讯-企业新闻 */
.inform>ul{
    margin-left: 365px;
}
.inform-qy>ul li{
    width: 100%;
    height: 170px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.inform-img{
    float: left;
    width: 240px;
}
.inform-img img{
    width: 100%;
}
.inform-right{
    width: 79%;
    height: 170px;
    float: right;
    position: relative;
}
.inform-right h3{
    font-weight: 700;
    font-size: 16px;
}
.inform-right span{
    float: right;
    color: #9b9b9b;
    font-weight: normal;
    font-size: 14px;
}
.inform-right h3:hover{
    color: #0987de;
}
.inform-right h3:hover span{
    color: #0987de;
}
.inform-right p{
    margin-top: 20px;
}
.inform-right>a{
    display: block;
    width: 90px;
    height: 25px;
    border: solid 1px #4e4e4e;
    text-align: center;
    line-height: 25px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.inform-right>a:hover{
    border: solid 1px #0987de;
    color: #0987de;
}
.inform-right h3 a:hover{
    color: #0987de;
}


/* 最新资讯-详情页 */
.inform-xq h3{
    font-size:  24px;
    font-weight: 700;
    text-align: center;
}
.inform-xq h4{
    font-size: 12px;
    color: #6e6e6e;
    text-align: center;
    margin-top: 30px;
}
.inform-xq .inform-cont{
    margin-top: 45px;
    border-top: dashed 1px #ccc;
    padding-top: 25px;
}






/* 服务与支持-常见问题 */
.problem>ul>li{
    width: 100%;
    height: 40px;
    text-indent: 15px;
    background: #f2f2f2;
    line-height: 40px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}
.problem>ul>li span{
    float: right;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #b6b5b5;
    margin-right: 20px;
}
.problem>ul>li img{
    float: right;
    position: absolute;
    top: 16px;
    right: 20px;
    display: none;
}
.problem>ul>li:last-child{
    margin-bottom: 0;
}
.problem>ul>ul{
    padding: 20px 0;
    text-indent: 45px;
    display: none;
}





/* 服务与支持-资料下载 */
.data>ul li{
    height: 50px;
    border-bottom: dashed 1px #ccc;
    line-height: 50px;
    cursor: pointer;
}
.data>ul li a{
    float: right;
}
.data>ul li:hover{
    color: #0987de;
}
.data>ul li:hover a{
    color: #0987de;
}





/* 联系我们-联系方式 */
.mode-left{
    float: left;
    margin-top: 10px;
}
.mode-left>dl{
    margin-bottom: 26px;
}
.mode-left>dl dt{
    font-size: 18px;
    font-weight: 700;
}
.mode-left>dl dd span{
    padding-left: 60px;
}
.mode-left>dl:first-child dd span{
    padding: 0 20px;
}
.mode-right{
    float: right;
}
.mode-right h3{
    font-weight: 700;
    font-size: 20px;
    margin-top: 28px;
}
.mode-right h3 span{
    font-size: 30px;
    font-weight: normal;
    color: #0987de;
    display: inline-block;
    margin-top: -2px;
}
.mode-right h3 img{
    margin: -7px 5px 0 15px;
}
.mode-left>dl:last-child{
    margin-bottom: 0;
}


/* 联系我们-在线留言 */
.messge-top h3{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.messge-top h4{
    text-align: center;
}
.form{
    width: 960px;
    margin: 60px auto 0;
}
.form label{
    font-size: 16px;
}
.xingming input{
    width: 340px;
    padding-left: 5px;
    height: 40px;
    border: solid 1px #ccc;
}
.xingming label{
    margin-top: 8px;
    display: inline-block;
}
.xingming label:nth-child(1){
    padding-left: 30px;
}
.xingming label.xing{
    margin-left: 120px;
}
.youxiang{
    margin-top: 20px;
}
.danxuan{
    margin-top: 30px;
}
.danxuan span{
    display: inline-block;
    margin-right: 17px;
}
.danxuan span input{
    margin-top: 6px;
}
.danxuan label.dxuan{
    margin-left: 197px;
}
.zitian{
    margin-top: 35px;
}
.zitian textarea{
    width: 868px;
    height: 190px;
    border: solid 1px #ccc;
    padding: 5px 0 0 5px;
}
.zitian label{
    margin-left: 30px;
}
.form button{
    width: 110px;
    height: 40px;
    background: #0987de;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin: 40px auto 0;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.form button:hover{
    background: #000;
    font-size: 20px;
}





/* 联系我们-招贤纳士 */
.ns-top{
    width: 100%;
    height: 40px;
    background: #0987de;
    color: #fff;
    line-height: 40px;
}
.ns-top span:first-child{
    margin: 0 444px 0 67px;
}
.ns-top span:last-child{
    margin: 0 200px 0;
}
.zxian{
    margin-top: 40px;
}
.zxian>ul li{
    margin-top: 10px;
}
.zxian>ul li span{
    float: none;
    text-indent: 0;
    margin-left: 22px;
}




/* 友情链接 */
.link-top{
    text-align: center;
}
.link-top h2{
    font-size: 30px;
    color: #0987de;
    border-bottom: solid 1px #0987de;
    display: inline-block;
    padding-bottom: 12px;
    margin-top: 60px;
}
.link-top h3{
    font-size: 12px;
}
.link>ul{
    margin-top: 60px;
}
.link>ul li{
    width: 200px;
    margin: 0 40px 40px 0;
    float: left;
}
.link>ul li:last-child(5n){
    margin-right: 0;
}
.link>ul li img{
    width: 100%;
    border: solid 1px #ccc;
}


.topNav>ul li a.on{
    color: #eb6100;
    border-top: 3px solid #eb6100;
}


/* 网站底部 */
.footer{
    width: 100%;
    mib-height: 60px;
    background: #000;
    line-height: 60px;
    margin-top: 100px;
}
.ft-content{
    width: 1200px;
    margin: 0 auto;
    color: #989898;
    text-align: center;
    font-size: 14px;
}
.ft-content p{
    float: left;
    margin-left: 120px;
}
.ft-content p span{
    padding-left: 30px;
}
.ft-content>ul{
    float: right;
    margin-right: 115px;
}
.ft-content>ul li{
    float: left;
}
.ft-content>ul li a{
    color: #989898;
    font-size: 14px;
}
.ft-content>ul li span{
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #989898;
    margin: 24px 12px 0;
}
.ft-content>ul li a:hover{
    text-decoration: underline;
}





/* 内页英文CSS样式 */
.ftyingwen>p{
    margin-left: 0;
}
.ftyingwen>ul{
    margin-right: 0;
}
.honor1>ul li .li-botm p{
    left: 10px;
    font-size: 14px;
}
.prenext{
    margin-top: 10%;
}
.pagebreak{
    margin-top: 5%;
    float: right;
}
.problem em{
    font-style: normal;
}
.problem em.ren{
    position: absolute;
    top: 0;
    left: 48%;
}
.problem em.didian{
    position: absolute;
    top: 0;
    left: 69%;
}

.problem em.hms{
    position: absolute;
    top: 0;
    left: 88.5%;
}





.botm-deta em{
    display: block;
    height: 25px;
    width: 95px;
    line-height: 25px;
    background: #eb6100;
    font-style: normal;
    color: #fff;
    margin-bottom: 30px;
}
.botm-deta em span{
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;   
    margin: 10px 5px 0 8px;
}
.anlie{
    margin-top: 50%;
}
.bf-anlie{
    min-height: 600px;
}

.fanye{
    margin-top: 30px;
}
.fanye ul{
    text-align: center;
}

.fanye ul li{
    display: inline-block;
    margin-left: 15px;
}
.fanye ul li a{
    font-size: 16px;
}
.thisclass a{
    color: #0987de;
    text-decoration: underline;
    font-size: 18px !important;
}