@import "base.css";
body{width:100% ;min-width:1200px;}
.wrap{
    margin: 0 auto;
    max-width : 1200px;
    min-width: 1000px;
}
.header_top{ margin:0 auto;}
.header_top img{ 
width: 100%;
    max-width: 1200px;
    min-width: 1000px;}
.header{
    height:40px; background-color:#3581A5;
    margin-bottom: 60px; max-width:1200px; min-width:1000px;
}
.header-text{
    position: relative;
    display: inline-block; margin-left:110px;
    font:600 20px 'Verdana, Geneva, sans-serif';
	line-height:37px;
}
.header-border a{
    border-bottom:2px solid #fff ;

}
.header-text a{
    color: #fff;
}




/*about*/
.video{
    width: 525px;
    margin: 40px auto;
}
.content{
    padding: 0 25px;
    color: #000000;
    max-width:900px;
    margin: 40px auto ;
    /*text-indent:2em;*/
    font-size: 20px;
	font-family:SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 30px;
    text-align:justify;text-justify:inter-ideograph

}

/*products*/
.pr-content{
    max-width:1000px;
    margin: 0 auto;
}
.pr-content-text-wrap{
    min-height:230px ;
    margin-bottom:60px;
}
.pr-content-img{
    float: left;
    width: 315px;
    height: 216px;
    padding: 0 20px 10px 0;
}
.hand-line-wrap{
    height:30px;
    margin-bottom:10px;
}
.hand-line-wrap a{
    color: #000000;
}
.hand-line-wrap a:hover{
    color: #797979;
}
.content-text .hand-line{
    display: inline-block;
    width: 660px;
    font:600 24px 'Verdana, Geneva, sans-serif';
    /*letter-spacing: 2px;*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.content-text .hand-line3{
    margin-bottom: 5px;
}
.content-text .hand-line2{
    width: 660px;
    font:500 14px 'Verdana, Geneva, sans-serif';
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.more{
    margin-right: 20px;
    cursor: pointer;
    float: right;
    font: 20px 'Verdana, Geneva, sans-serif';
    color: #046E46;
}
.pr-main{
    color:#000;
    margin: 0 25px;
    transition: 2s;
    font-size: 18px;
	font-family:SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align:justify;text-justify:inter-ideograph
}

/*singLeNews
*/
.singLeNews-img-wrap{
    margin:  0 auto;
    text-align: center;
}
.singLeNews-img{
    height:288px;
}
.singLeNews-content{
    color:#000;
    max-width:1100px;
    margin: 20px auto ;
	padding:0 20px;
    font-size: 20px;
	font-family:SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 30px;
    text-align:justify;text-justify:inter-ideograph
}
.singLeNews-handline{
    width: 1000px;
    margin: 0 auto;
    min-height:100px;
    text-align: center;
    padding-bottom: 50px;
}
.singLeNews-handline .handline-text{
    color: rgba(21, 21, 21, 0.8);
    display: inline-block;
    font:600 24px 'Verdana, Geneva, sans-serif';
	

}
.singLeNews-handline .handline-date{
    font: 20px 'Arial,Helvetica,sans-serif';
    color: #989898;
    float: right;
    position: relative;
    right: 150px;
}

.contact-way{
    width:1000px;
    margin: 0 auto;
}
.contact-way-text{
    display: inline-block;
    width:190px;
    height: 36px;
    font: 24px 'Arial,Helvetica,sans-serif';
    color: #838383;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}
.contact-way-back{
    background: #A8C0A6;
    border-radius: 2px;
    color: #FFFFFF;

}
.phone p{
    color: #555;
    font: 18px 'Arial,Helvetica,sans-serif';
    line-height: 30px;
}



.carousel{
    margin:0 auto 40px;
    width: 920px;
    height: 500px;
    background: #046E46;
}

.n-a-wrap{
    width: 920px;
    height: 630px;
    margin: 0 auto;
}

.news{
    float: left;
    width: 610px;
    border:1px solid #D8D8D8;
    background: #F4F4F4;
    height: 630px;
}
.news .button-wrap{
    height: 64px;
    width: 570px;
    margin:0 auto 15px;
    border-bottom: 1px solid #ACACAC;

}

.n-button{
    position: relative;
    top:-10px;
    width: 168px;
    height: 52px;
    background: #0F82B9;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    user-select: none;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    outline: none;
    margin: 0px;
    padding: 10px 15px;
    border-radius: 4px;
    color: #fff;
    font: 22px Arial,Helvetica,sans-serif;
    /*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#47ADDE,endColorStr=#0B7EB7); !*IE 6 7 8*!*/

    background: -ms-linear-gradient(top, #47ADDE,  #0B7EB7);        /* IE 10 */

    background:-moz-linear-gradient(top,#47ADDE,#0B7EB7);/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#47ADDE), to(#0B7EB7));/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#47ADDE), to(#0B7EB7));      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #47ADDE, #0B7EB7);   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #47ADDE, #0B7EB7);  /*Opera 11.10+*/


}
.n-button:hover{
    background: #3EA4D4;
    box-shadow: rgba(232, 237, 250, 0.6) 0px 1px 8px 0px, rgba(232, 237, 250, 0.5) 0px 2px 4px 0px;
}
.n-button:active{
    background: #0F82B9;
}

.a-button{
    float: right;

    width: 93px;
    height: 40px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    user-select: none;
    border-width: 1px;
    border-style: solid;
    border-color: #BEBEBE;
    outline: none;
    margin-top: 12px;
    padding: 10px 15px;
    border-radius: 4px;
    color: #878787;
    font: 16px Arial,Helvetica,sans-serif;
    background: #EDEDED;
    text-align: center;
    /*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FCFCFC,endColorStr=#DBDBDB); !*IE 6 7 8*!*/

    background: -ms-linear-gradient(top, #FCFCFC,  #DBDBDB);        /* IE 10 */

    background:-moz-linear-gradient(top,#FCFCFC,#DBDBDB);/*火狐*/

    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FCFCFC), to(#DBDBDB));/*谷歌*/

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#DBDBDB));      /* Safari 4-5, Chrome 1-9*/

    background: -webkit-linear-gradient(top, #FCFCFC, #DBDBDB);   /*Safari5.1 Chrome 10+*/

    background: -o-linear-gradient(top, #FCFCFC, #DBDBDB);  /*Opera 11.10+*/
}
.a-button:active{
    background: #DBDBDB;
}

.news-content{
    padding: 0 25px 40px 20px;
}
.news-content .news-text{
    font: 14px Arial,Helvetica,sans-serif;
    padding: 0 0 0px 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    overflow: hidden;
    height: 150px;
    color: #6D6D6D;
}
.min-news-img{
    width: 243px;
    height: 163px;
    float: left;
}

.about{
    float: right;
    width: 295px;
    border:1px solid #D8D8D8;
    background: #F4F4F4;
    height: 630px;
}

.about .button-wrap{
    height: 60px;
    margin:0 auto;
    text-align: center;
}

.min-video{
    width: 276px;
    height: 150px;
    margin:0 10px 10px;
    background: #000;
}
.about .about-text{
    font-size: 15px Arial,Helvetica,sans-serif;
    text-align:justify;
    text-justify:inter-ideograph;
    margin: 10px;
   
    color: #6D6D6D;
    height:400px;
}
.n-button1{
    width: 237px;
}

.products{

    width: 920px;
    margin:  60px auto;
    border:1px solid #D8D8D8;
    /*background: #F4F4F4;*/
    height: 1350px;
}
.products  .products-button,.Contact .products-button{
    width: 850px;
    border-bottom:2px solid #ACACAC;
    height: 70px;
    margin:  0 auto;

}

.products-ul{
    padding: 20px 0;
    width: 920px;
    height: 1400px;

}

.products-li{
    float: left;
    width: 275px;
    padding-left:20px;
    margin-bottom: 20px;
   

}

.min-products-img{
    width:265px;
    height: 195px;
    margin-bottom:10px;
}

.products-text{
    font: 16px Arial,Helvetica,sans-serif;
    text-align:center;
    text-justify:inter-ideograph;
    color: #616161;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.bookdetails{ margin-top:10px;  font-size:13px;font-family:SegoeUI,'Helvetica Neue',Helvetica,Arial,sans-serif; text-align:justify;}
.book_details{float:right;  font-size:15px; color:#0c4e8c;}
.book_details:hover{ color:#F00;}
.Contact{
    /*overflow: hidden;*/
    width: 920px;
    margin:  60px auto 20px;
    border:1px solid #D8D8D8;
    /*background: #F4F4F4;*/
    height: 320px;
}

.Contact .phone p{
    font: 18px Arial,Helvetica,sans-serif;
    color: #6C6C6C;
}

.phone-text{
    width: 600px;
    display: inline-block;
}
.contact-way1{
    width:920px;
    margin: 0 auto;

}