@import "base.css";
/* 全局样式 */
html {
    font-size: 62.5%;
}

body {
    background-color: #012551;
    color: #222;
    font-size: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

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

a:hover {
    color: #1899f7;
}


.container {
    margin: 0 auto;
    width: 1100px;
    border-right: 4px solid #011329;
    border-left: 4px solid #011329;
    background-color: #FFFFFF;
}

/*top*/
.top {
    padding: 0 50px;
    height: 40px;
    background-color: #cde7f9;
    color: #666;
    line-height: 40px;
}

.top a {
    color: #666;
}

.top span {
    display: inline-block;
    padding-left: 20px;
    background: url("../images/hot.png") no-repeat left 14px;
}

/*nav*/
.nav-wrap {
    padding: 0 50px;
    height: 93px;
    background: #1899f7;
}

.nav-wrap .logo {
     margin-top: 2px;
     margin-right: 15px;
 }
.nav-wrap .logo .logo-min {
    display: none;
}
.nav-wrap nav>div {
    position: relative;
    float: left;
}

.nav-wrap nav>div>a {
    display: inline-block;
    padding: 0 25px;
    color: #fff;
    text-align: center;
    line-height: 93px;
}

.nav-wrap nav>div>ul {
    position: absolute;
    top: 73px;
    left: 0;
    z-index: 100;
    display: none;
    padding: 15px 30px;
    width: 105px;
    background: #0168b5;
}

.nav-wrap nav>div>ul>li>a {
    display: block;
    padding: 4px 0;
    color: #FFF;
}

.nav-wrap nav a:hover {
    color: #85d6fd;
}

.nav-wrap .search {
    position: relative;
    margin: 35px 0 0 0;
    width: 150px;
    height: 33px;
}

.nav-wrap .search .input-txt {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0 solid #fff;
    background: #cde7f9;
    text-indent: 20px;
}

.nav-wrap .search input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 4px;
    z-index: 2;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 0px;
    cursor: pointer;
    background: url("../images/search_btn.png") no-repeat;
}
#all-menu{
    display: none;
    float: right;
    width: 38px;
    height: 38px;
    margin-top: 8px;
    cursor: pointer;
    background: url("../images/btn-menu.png") no-repeat;
}

/*about*/
.about{
    position: relative;
    margin:4.5% 4% 1%;
    padding-bottom: 2%;
    border-bottom: 1px solid #eee ;
}
.about:before{
    content: '';
    position: absolute;
    left: 36%;
    width:1px;
    height: 100%;
    background: #eee;
}
.about .about-left{
    width: 35%;
    /*border-right: 1px solid #eee ;*/
    background: url("../images/maps.jpg") no-repeat 0 bottom ;
    background-size: cover;
}
.about .about-left h2{
    font-size:14px;
    font-weight:bold;
}
.about .about-left .desc{
    width: 85%;
    margin:25px 0 20px 0;
    line-height: 120%;
    color:#55a2d7;
    font-size:13px;
}
.about .about-left .contact{
    width: 85%;
    line-height: 150%;
}
.about .about-right{
    width: 60%;
}
.about .about-right h2{
    margin-bottom: 10px;
    font-size:14px;
    font-weight:bold;
    color: #55a2d7;
}
.about .about-right .desc{
    width: 85%;
    margin-bottom: 3%;
    font-size:22px;
    font-weight:bold;
    line-height:120%;
    text-align: justify;
}
.about .about-right .about-content{
    line-height: 140%;
}
.about .about-right .more{
    text-align: right;
}
.about .about-right .more a{
    display: inline-block;
    padding: 6px 14px;
    color: #FFF;
    font-size: 12px;
    background: #1899f7;
}

/*.product*/
.product{
    margin:4% 4% 2%;
    border-bottom: 1px solid #eee;
}
.product h2{
    font-size:14px;
    font-weight:bold;
}
.product .product-list{
    margin-top: 20px;
}
.product .product-list a{
    display: inline-block;
    width: 12%;
    text-align: center;
}
.product .product-list a.hover{
    color: #1899f7
}
.product .product-list a span{
    display: block;
    margin: 20px 0;
}
.product .product-list a img{
    
    transition: all .5s;
}
.product .product-list a img:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
/*quality*/
.quality{
    position: relative;
    margin:3% 4% 1%;
    background: url("../images/quality.png");
}
.quality .quality-icon{
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -46px;
}
.quality h2{
    color: #003767;
    font-size:14px;
    font-weight:bold;
    padding: 3% 0 1% 5%;
}
.quality .desc{
    line-height: 160%;
    padding: 0 0 3% 5%;
    color: #FFFFFF;
}
/*copy*/
.copy{
    margin-top: 4%;
    padding:2% 4%;
    line-height: 120%;
    color: #666;
    background: #efefef;
}

/*ny-about*/
.ny-about{
    width: 90%;
    margin: 5%;
}
.ny-about h2{
    margin-bottom: 10px;
    font-size:14px;
    font-weight:bold;
    color: #55a2d7;
}
.ny-about .desc{
    width: 100%;
    margin-bottom: 3%;
    font-size:22px;
    font-weight:bold;
    line-height:120%;
}
.ny-about .about-content{
    font-size: 14px;
    line-height: 200%;
    text-align: justify;
}

.ny-contact{
    width: 90%;
    margin: 2% 5%;
}

.ny-contact .contact_m {
    margin: 0 auto;
    width: 100%;
}

.ny-contact .contact_m h2 {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.ny-contact .contact_m h2>span {
    display: inline-block;
    color: #003ac9;
    font-size: 18px;
}

.ny-contact .cc {
    padding: 3% 0;
    border-bottom: 1px solid #ddd;
    background: url(../images/kefu.jpg) no-repeat bottom right;
    background-size: contain;
    font-size: 14px;
    line-height: 35px;
}

.ny-contact .tt {
    display: block;
    margin-bottom: 30px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee;
    color: #55a2d7;
    font-weight: bolder;
    font-size: 16px;
}

.message {
    margin-top: 45px;
}

.intextarea,.intxt {
    margin-bottom: 15px;
    padding: 1em 0;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    text-indent: .8em;
}

.intxt {
    width: 49%;
}

.intextarea {
    height: 170px;
}

.btn-ts {
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
    border-radius: 3px;
    background: #0f88eb;
    box-shadow: none;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    font-size: 15px;
    line-height: 41px;
    cursor: pointer;
}
/*ny-news*/
.ny-news {
    margin: 2% 5%;
    width: 90%
}

.ny-news li {
    position: relative;
    padding: 3% 0 3%;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.ny-news .news-title {
    display: block;
    font-size: 18px;
    line-height: 120%
}

.ny-news .intro {
    display: block;
    font-size: 14px;
    line-height: 150%
}

.ny-news .time {
    display: block;
    padding-bottom: 10px;
    padding-left: 24px;
    background: url(../images/ny-news-icon.png) left 5px no-repeat;
    color: #999;
    font-size: 14px;
    line-height: 26px
}

.content .product{
    border-top: 1px solid #eee;
}
.ny-product-list{
    margin: 2% 5%;
    width: 90%;
    border: 1px solid #eee;
}
.ny-product-list h2{
    padding: 10px;
    color: #fff;
    background: #55a2d7;
}
.ny-product-desc{
    padding: 2%;
    border-bottom: 1px solid #ddd;
}
.ny-product-desc .fl{
    width: 40%; 
}
 
 .ny-product-desc .imgfl{
    width: 33%;
    float: left;
    text-align: center;
}
 
.ny-product-desc .fr{
    width: 50%;
}
.ny-product-desc img{
    width: 100%;
}
.ny-product-desc table{
    border-radius: 15px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
.ny-product-desc table thead tr{
    background: #0f88eb;
    color: #FFFFFF;
}
.ny-product-desc table td{
    text-align: center;
    padding: 1% 2%;
    line-height: 150%;
    border-bottom:1px solid #e0f2ff;
    border-right:1px solid #e0f2ff;
}
.ny-product-desc table tr td:first-child{
    font-weight: bold;
}
.ny-product-desc table tr td:first-child p,.ennum{
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 15px;
    background: #000;
    color: #fff;
}
.ny-product-desc table tr{
    background: #cde7f9;
}
.ny-product-desc table tr:nth-child(even){
    background: #bdd9ec;
}