/*公用样式*/
@charset "utf-8";
/* CSS Document */
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input {
    margin: 0;
    padding: 0;
}
body {
    font-size: 14px;
    font-family: "微软雅黑","Microsoft YaHei";
    /*行高*/
    line-height: 30px;
    color: #4a4a4a;
}
html { /*下次用 解决100%宽度两边留白问题*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
img {
    border: none;
    vertical-align: middle;
}
li {
    list-style: none;
}
button {
    outline: none;
    border: 0;
}
input, select, textarea {
    outline: none;
    border: none;
    background: none;
}
textarea {
    resize: none;
}
a {
    text-decoration: none;
    color: #665565;
}
.fl {float: left;}
.fr {float: right;}
.clearFix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearFix {zoom: 1;}
.maxWidth {
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    padding: 0 10px;
}
/*bootstrap样式修改*/
/*去除a标签 焦点、经过变色下化线问题*/
a:hover, a:focus {
    /*从父元素继承颜色*/
    color: inherit;
    text-decoration: inherit;
}
/*去除谷歌浏览器自动填充的背景与颜色*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #4a4a4a;
}
/*去除选中有蓝色边框*/
:focus {
    outline: none;
}
/*for IE*/
::-moz-focus-inner {
    border-color: transparent;
}
/*for mozilla*/
/*修改input默认颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
    opacity: 1;
}
input:-ms-input-placeholder {
    color: #ccc;
    opacity: 1;
}
input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
}
/*index*/
.headerBg{
    width:100%;
    border-top:3px solid #005099;
}
.header{
    position: relative;
    z-index: 2;
}
.header>a{
    display: block;
    width:397px;
    height:102px;
    line-height:102px;
}
.header>a>img{
    width:100%;
    vertical-align: middle;
}
.search{
    position: absolute;
    padding:2px 5px;
    background: #fff;
    border:2px solid #fff;
    border-radius: 2px;
    right:10px;
    top:28px;
    z-index:3;
}
.search>button{
    width:35px;
    height:35px;
    cursor: pointer;
    background: url("../images/search.png") no-repeat center center;
}
.search>input{
    width:0;
    height:35px;
    line-height:35px;
    font-size:14px;
    text-indent: 10px;
}
.language{
    position: relative;
    width:80px;
    height:35px;
    cursor: pointer;
    margin-right:55px;
    margin-top:35px;
    z-index: 1;
}
.language>a{
    display: block;
    font-size:16px;
    text-align: center;
}
.language>a>img{
    vertical-align: middle;
    margin-left:6px;
    margin-top:-3px;
}
.language>div{
    display: none;
    position: absolute;
    width:70px;
    top:35px;
    left:50%;
    margin-left:-35px;
    box-shadow:0 2px 5px 0 #ccc;
    background: #fff;
    z-index: 3;
}
.language>div>a{
    display: block;
    width:100%;
    height:30px;
    line-height:30px;
    text-align: center;
}
.language>div>a:hover{
    color:#005099;
}
.searchMobile{
    display: none;
}
.navBtn{
    display: none;
    width:35px;
    height:30px;
    margin-top:20px;
    cursor: pointer;
    border-radius: 5px;
    border:1px solid #e5e5e5;
}
.navBtn>span{
    display: block;
    width:22px;
    height:2px;
    margin-left:6px;
    margin-top:5px;
    background: #000;
}
.nav{
    margin-right:30px;
}
.nav>li{
    float: left;
    margin:0 10px;
}
.nav>li>a{
    display: block;
    font-size:16px;
    height:102px;
    line-height:102px;
}
.nav>.on>a,.nav>li:hover >a{
    color:#005099;
    border-bottom:3px solid #005099;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*banner*/
.banner{
    position: relative;
    width: 100%;
    border-top:1px solid #ebeef1;
}
.banner .swiper-slide{
    display: block;
    width:100%;
    overflow: hidden;
}
.banner .swiper-slide>img{
    width:100%;
}
.banner>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}
.banner .swiper-pagination-bullet{
    width:12px;
    height:12px;
}
.banner .swiper-pagination-bullet-active{
    background:#005099;
}
/*about*/
.indexAbout{
    padding:85px 10px 75px;
}
.aboutTop{
    width:100%;
}
.aboutTopLeft{
    width:50%;
    padding-right:3%;
}
.aboutTopLeft>h3{
    padding:10px 0;
    font-size:30px;
    line-height:30px;
    color:#005099;
    font-weight:normal;
}
.aboutTopLeft>div{
    color:#808080;
    line-height:30px;
    max-height:150px;
    overflow: hidden;
}
.aboutTopLeft>a{
    display: block;
    width:175px;
    height:50px;
    line-height:50px;
    color:#fff;
    text-indent: 45px;
    background: url("../images/aboutLeft1.png") no-repeat 110px center;
    background-color: #005099;
    border:1px solid #005099;
    margin-top:10px;
}
.aboutTopLeft>a:hover{
    color:#005099;
    background: #fff;
    background: url("../images/aboutLeft.png") no-repeat 110px center;
}
.aboutTopRight{
    width:50%;
}
.aboutTopRight>img{
    width:100%;
}
.aboutDown{
    width:100%;
}
.aboutDownLeft{
    width:50%;
}
.aboutDownLeft>div{
    width:20%;
    margin-top:50px;
}
.aboutDownLeft>img{
    width:50%;
}
.aboutDownRight{
    width:50%;
    padding-left:10%;
}
.aboutDownRight>h3{
    font-size:30px;
    font-weight: normal;
    color:#000;
    padding:80px 0 20px;
}
.aboutDownRight>div{
    line-height:30px;
    color:#808080;
    max-height:240px;
    overflow: hidden;
}
.aboutDownRight>img{
    margin-top:20px;
}
/*product*/
.productBg{
    width:100%;
    padding:60px 10px 20px;
    background: #ebebeb;
}
.indexProduct{
    width:100%;
}
.indexProduct>h3{
    font-size:30px;
    line-height:30px;
    margin-bottom:20px;
    font-weight: normal;
    text-align: center;
}
.indexProduct>p{
    max-width: 750px;
    text-align: center;
    line-height:30px;
    margin:0 auto 35px;
}
.product{
   width:100%;
    padding-bottom:50px;
}
.product li{
    width:100%;
}
.product li>a{
    position: relative;
    display: block;
    width:100%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.productBox{
    position: relative;
    width:100%;
    padding-bottom:137%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top:0;
    left:0;
    z-index: 2;
}
.productBox>img{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    z-index: 3;
}
.productTil{
    position: absolute;
    width:100%;
    height:65px;
    background: #ebebeb;
    bottom:0;
    left:0;
    z-index: 5;
    transition: all 0.4s ease;
}
.productTil>p{
    width:100%;
    height:30px;
    padding:0 10px;
    line-height:30px;
    text-align: center;
    margin-top:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}
.product .swiper-pagination-bullet{
    width:12px;
    height:12px;
}
.product .swiper-pagination-bullet-active{
    background:#005099;
}
.product li:hover >a>.productTil{
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.3);
}
.product li:hover >a>.productTil>p{
    color:#fff;
    font-size:16px;
    height:auto;
    margin-top:30%;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
}
.product li:hover >a>.productTil>span{
    display: block;
    width:60%;
    height:4px;
    background: #fff;
    margin:20px auto 0;
}
/*Case*/
.CaseBg{
    width:100%;
    padding:45px 10px 70px;
    background: url("../images/productBg.png") no-repeat center center;
    background-size: cover;
}
.indexCase{
    width:100%;
}
.indexCase>h3{
    font-size:30px;
    line-height:30px;
    margin-bottom:35px;
    font-weight: normal;
    text-align: center;
}
.indexCase>ul{
    width:100%;
}
.indexCase>ul>li{
    float: left;
    width:16.66%;
    padding:0 0.5%;
    margin-top:10px;
}
.indexCase>ul>li>a{
    display: block;
    width:100%;
    cursor: pointer;
}
.caseBox{
    width:102px;
    height:102px;
    margin:0 auto;
    overflow: hidden;
}
.caseBox>img{
    width:100%;
    -webkit-transition:transform 0.4s ease;
    -moz-transition:transform 0.4s ease;
    -o-transition:transform 0.4s ease;
    transition:transform 0.4s ease;
}
.indexCase>ul>li>a:hover .caseBox>img{
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.caseTil{
    width:100%;
    text-align: center;
    color:#666;
    line-height:30px;
    margin-top:20px;
    min-height:190px;
}
/* project */
.project-d>.title{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 35px;
    font-weight: normal;
    text-align: center;
}
/*footer*/
.footerBg{
    width:100%;
    border-top:3px solid #999595;
    background: #333333;
}
.footer,.footerTop{
    width:100%;
}
.footerTopLeft{
    max-width:500px;
}
.footerTopLeft>ul{
    width:100%;
    margin-top:50px;
}
.footerTopLeft>ul>li{
    float: left;
    margin-right:20px;
}
.footerTopLeft>ul>li>a{
    color:#fff;
}
.footerTopLeft>div{
    color:#fff;
    margin-top:20px;
}
.footerTopLeft>div>span{
    display: block;
}
.footerTopLeft>div>span:last-child{
    margin-left:98px;
}
.bdsharebuttonbox{
    margin-top:60px;
}
.bdshare-button-style0-32 a{
    width:32px!important;
    height:32px!important;
}
.bdshare-button-style0-32 .bds_weixin{
    background: url("../images/wechat.png") no-repeat center center!important;
}
.bdshare-button-style0-32 .bds_tsina{
    background: url("../images/sina.png") no-repeat center center!important;
}
.bdshare-button-style0-32 .bds_sqq{
    background: url("../images/qq.png") no-repeat center center!important;
}
.footerDown{
    line-height:60px;
    color:#fff;
    border-top:2px solid #4f4f4f;
    margin-top:50px;
}
.copyRight{
    max-width:80%;
}
/*ny-banner*/
.ny-banner{
    position: relative;
    width:100%;
    height:509px;
    overflow: hidden;
}
.ny-banner>img{
    position: absolute;
    width:1920px;
    height:509px;
    left:50%;
    margin-left:-960px;
}
/*til*/
.tilBg{
    width:100%;
    height:42px;
    background: #f5f5f5;
}
.nyTil{
    height:42px;
    line-height:42px;
}
.nyTil>img{
    margin-right:10px;
    vertical-align:middle;
}
.nyTil>a:hover{
    color: #005099;
}
/*nyCont*/
.nyCont{
    width:100%;
    min-height:300px;
	margin-top:20px;
	margin-bottom:20px;
}
.nyCont img,.nyCont video,.nyCont audio{
    max-width: 100%!important;
}
.products{
    width:100%;
    padding:45px 10px 70px;
}
.products>h3{
    color:#000;
    font-size:34px;
    font-weight: normal;
    height:34px;
    line-height:34px;
    text-align: center;
}
.products>h3>strong{
    font-weight: normal;
    color:#005099;
}
.products>p{
    color: #c3c2c2;
    font-size:18px;
    line-height:18px;
    text-align: center;
    margin-top:10px;
    letter-spacing: 2px;
}
.productNav{
    position: relative;
    width:100%;
    margin-top:20px;
    text-align: center;
    margin-bottom:20px;
}
.productNav>li{
    display: inline-block;
    margin:10px 15px 0;
    vertical-align: top;
}
.productNav>li>a{
    display: block;
    padding:5px 25px;
    border:1px solid #e5e5e5;
    border-radius:5px;
}
.productNav>.on>a,.productNav>li:hover >a{
    color:#fff;
    background: #005099;
}
.productNav>li>ul{
    display: none;
    position:absolute;
    width:100%;
    text-align: center;
    background: url("../images/productBg.png") no-repeat center center;
    left: 0;
    bottom:10px;
}
.productNav>li>ul>li{
    display: inline-block;
    margin:5px 10px;
}
.productNav>li>ul>li>a{
    display: block;
    padding:1px 25px;
    border-radius: 10px;
}
.productNav>li>ul>.on>a,.products>ul>li>ul>li:hover >a{
    color:#fff;
    background: #005099;
}
.productNav>.on>ul{
    display: block;
}
.productsCont{
    width:100%;
}
.productsCont>li{
    float: left;
    width:25%;
    margin-top:25px;
    padding:0 1%;
}
.productsCont>li>a{
    position: relative;
    display: block;
    width:100%;
}
.productsCont>li>a>.productTil{
    background: #fff;
}
.productsCont li:hover >a>.productTil{
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.3);
}
.productsCont li:hover >a>.productTil>p{
    color:#fff;
    font-size:16px;
    height:auto;
    margin-top:30%;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
}
.productsCont li:hover >a>.productTil>span{
    display: block;
    width:60%;
    height:4px;
    background: #fff;
    margin:20px auto 0;
}
/*pager*/
.pager{
    text-align: center;
    margin-top:35px;
}
.pager>a{
    display: inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    text-align: center;
    font-size:16px;
    border:1px solid #e5e5e5;
    border-radius: 3px;
    margin:5px;
}
.pager>span{
    display: inline-block;
    height:30px;
    line-height:30px;
    margin:5px;
    cursor: pointer;
    border:1px solid #e5e5e5;
    border-radius: 3px;
}
.pager>span>a{
    display: block;
    width:100%;
    padding:0 5px;
}
.pager>.on,.pager>a:hover,.pager>span:hover >a{
    color:#fff;
    background: #005099;
}
.ny-pager{
    width:100%;
    margin-top:25px;
}
.ny-pager>a{
    display: block;
    width:100%;
    font-size:16px;
    padding:5px;
}
.ny-pager>a:hover >span{
    color: #005099;
}
/*news*/
.news li{
    height:35px;
    line-height:35px;
    border-bottom:1px dotted #d9dada;
}
.news li>a{
    display:block;
    width:calc(100% - 100px);
    height:35px;
    text-indent: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news li>span{
    width:100px;
}
.news li:hover >a{
    color:#005099;
}
/*newsd*/
.newsd>h3{
    font-size:22px;
    text-align: center;
    margin-top:25px;
}
.newsd>p{
    font-size: 16px;
    text-align: center;
    margin-top:25px;
}
.clicks{
    color: red;
    margin-right:25px;
}
@media screen and (min-width:901px){
    .nav{
        display: block!important;
    }
}
@media screen and (max-width:1100px){
    .header>a{
        width:260px;
        height:70px;
        line-height:70px;
    }
    .nav{
        margin-right:5px;
    }
    .nav>li{
        margin:0 5px;
    }
    .nav>li>a{
        height:70px;
        line-height:70px;
    }
    .language{
        margin-top:20px;
    }
    .search{
        top:13px;
    }
    .aboutTopLeft>div{
        max-height:90px;
    }
    .aboutDownRight>div{
        max-height:210px;
    }
    .footerDown{
        line-height:35px;
    }
    .copyRight{
        width:100%;
        max-width:100%;
    }
    .footerDown>p{
        float: none;
    }
}
@media screen and (max-width:900px){
    .header>a{
        width:298px;
    }
    .navBtn{
        display: block;
    }
    .nav{
        display: none;
        width:100%;
    }
    .nav>li{
        float: none;
        width:100%;
    }
    .nav>li>a{
        height:35px;
        line-height:35px;
    }
    .nav>.on>a, .nav>li:hover >a{
        border-bottom:1px solid #005099;
    }
    .search{
       right:50px;
    }
    .indexAbout{
        padding:65px 10px 45px;
    }
    .aboutTopLeft{
        float: none;
        width:100%;
    }
    .aboutTopRight,.aboutDownLeft{
        float: none;
        width:100%;
        margin-top:15px;
    }
    .aboutDownLeft>img{
        width:60%;
    }
    .aboutDownRight>h3{
        padding:40px 0 15px;
    }
    .aboutDownRight{
        float: none;
        width:100%;
        padding-left:0;
    }
    .ny-banner{
        height:350px;
    }
    .ny-banner>img{
        width:1320px;
        height:350px;
        margin-left:-660px;
    }
    .indexCase>ul>li{
        width:25%;
    }
    .productsCont>li{
        width:33.3%;
    }
	.firstRow>td{
		display:block;
	}
}
@media screen and (max-width:650px){
    .footerTopLeft{
        float: none;
        width:100%;
    }
    .footerTopLeft>ul{
        margin-top:20px;
    }
    .footerTopLeft>ul>li{
        width:100%;
        margin-right:0;
    }
    .footerTopLeft>div{
        margin-top:0;
    }
    .footerTopLeft>div>span{
        display: block;
    }
    .footerTopLeft>div>span:last-child{
        margin-left:0;
    }
    .bdsharebuttonbox{
        float: none;
        margin-top:0;
    }
    .footerDown{
        margin-top:20px;
        line-height:30px;
    }
    .copyRight{
        width:100%;
        max-width:100%;
    }
    .footerDown>p{
        float: none;
    }
    .ny-banner{
        height:280px;
    }
    .ny-banner>img{
        width:1056px;
        height:300px;
        margin-left:-528px;
    }
    .indexCase>ul>li{
        width:33.33%;
        padding:0 1%;
    }
    .caseTil{
        min-height:210px;
    }
    .aboutDownLeft>img{
        width:80%;
    }
    .productsCont>li{
        width:50%;
    }
    .products{
        padding:45px 10px 40px;
    }
}
@media screen and (max-width:500px){
    .header>a{
        width:200px;
        height:60px;
        line-height:60px;
    }
    .language{
        margin-top:15px;
        margin-right:40px;
    }
    .search{
        top:8px;
        right:45px;
    }
    .navBtn{
        margin-top:15px;
    }
    .searchMobile{
        width:100%;
        height:35px;
    }
    .searchMobile>.searchBtn1{
        width:80px;
        height:40px;
        line-height:40px;
        text-align: center;
        color:#fff;
        cursor: pointer;
        background: #005099;
    }
    .searchMobile>.searchInput1{
        width:240px;
        width:calc(100% - 80px);
        height:40px;
        line-height:40px;
        font-size:14px;
        text-indent: 30px;
        border:1px solid #005099;
    }
    .ny-banner{
        height:200px;
    }
    .ny-banner>img{
        width:754px;
        height:200px;
        margin-left:-377px;
    }
    .indexCase>ul>li{
        width:50%;
        padding:0 1%;
    }
    .caseTil{
        min-height:120px;
    }
}
@media screen and (max-width:400px){
    .header>a{
        width:150px;
        height:60px;
        line-height:60px;
    }
    .ny-banner{
        height:auto;
    }
    .ny-banner>img{
        position: relative;
        width:100%;
        height:auto;
        left:0;
        margin-left:0;
    }
    .indexCase>ul>li{
        width:100%;
    }
    .caseTil{
        min-height:auto;
    }
    .productsCont>li{
        width:100%;
    }
}