html{
    height: 100%;
}
body{
    font-size: 14px;
    font-family: 微软雅黑, 'Microsoft YaHei';
    min-width: 1320px;
    min-height: 100%;
    position: relative;
}
a{
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
b,strong{
    font-weight: 500;
}
img{
    vertical-align: middle;
    border: none;
}
input{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.clear{
    clear: both;
}

/*header*/
.header{
    width: 100%;
    height: 100px;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
}
.headtCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.logos{
    height: 100%;
    float: left;
}
.logos a{
    height: 100%;
    display: block;
    position: relative;
}
.logos a img{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headMenu{
    height: 100%;
    float: right;
}
.headMenu ul{
    height: 100%;
    margin-bottom: 0;
}
.headMenu ul li{
    float: left;
    font-size: 15px;
    line-height: 100px;
    margin-right: 50px;
}
.headMenu ul li:last-child{
    margin-right: 0;
}
.headMenu ul li a{
    color: #ffffff;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.headMenu ul li a:hover{
	color: #0094d4;
}

/*header*/

/*banner*/
.banner{
    width: 100%;
    height: auto;
    box-sizing: border-box!important;
    position: relative;
    overflow: hidden;
}
.banMb{
    width: 100%;
    height: 31px;
    background-image: url('../images/banMb.png');
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.banner .bd,
.banner .bd ul,
.banner .bd ul li{
    width: 100%;
    height: 100%;
}
.banner .bd ul li a{
    height: 100%;
    display: block;
}
.banner .bd ul li a img{
    width: 100%;
    height: 100%;
}
.banner > a{
    background-color: rgba(0,0,0,.5);
    color: #fff;
    display: block;
    font-size: 50px;
    font-family: "宋体";
    padding: 0 15px;
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999999;
}
.banner > a.prev{
    left: 4%;
}
.banner > a.next{
    right: 4%;
}
.banner > a:hover{
    background-color: rgba(0,0,0,.8);
}
.banner:hover > a.prev{
    left: 2%;
    opacity: 1;
}
.banner:hover > a.next{
    right: 2%;
    opacity: 1;
}
.banner .hd{
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 35px;
    z-index: 99;
}
.banner .hd ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
}
.banner .hd ul li{
    width: 12px;
    height: 12px;
    background-color: transparent;
    box-sizing: content-box!important;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 8px;
    position: relative;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.banner .hd ul li a{
    width: 9px;
    height: 9px;
    background-color: #fff;
    display: block;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.banner .hd ul li.on{
    background-color: #d0c2bf;
}
.banner .hd ul li.on a{
    background-color: #d0c2bf;
}
/*banner*/

/*search*/
.search{
    width: 100%;
    height: 58px;
    background: #3f3f3f;
    overflow: hidden;
}
.searchCon{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.searchTxt{
    width: 476px;
    height: inherit;
    background-image: url('../images/searTel.png');
    background-position: 32px center;
    background-repeat: no-repeat;
    background-color: #0073bd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    line-height: 58px;
    font-size: 30px;
    float: left;
    margin-left: 42px;
    text-indent: 204px;
    overflow: hidden;
}
.searchBox{
    width: 250px;
    height: 32px;
    float: right;
    margin-top: 16px;
    margin-right: 60px;
    position: relative;
    overflow: hidden;
}
.searInfo{
    width: 100%;
    height: 100%;
    box-sizing: border-box!important;
}
.search-txt{
    width: 198px;
    height: 100%;
    box-sizing: border-box!important;
    background: none;
    border: 1px solid #c02200;
    border-right: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 32px;
    padding: 0 6px;
}

input.search-txt::-webkit-input-placeholder{
    color: #b0b0b0;
}
input.search-txt:-moz-placeholder {
    color: #b0b0b0;
}
input.search-txt::-moz-placeholder {
    color: #b0b0b0;
}
input.search-txt:-ms-input-placeholder {
    color: #b0b0b0;
}
.search-bth{
    width: 52px;
    height: 100%;
    background-color: #c02200;
    background-image: url("../images/searchBtn.png");
    background-position: center 5px;
    background-repeat: no-repeat;
    box-sizing: border-box!important;
    position: absolute;
    right: 0;
    top: 0;
}

/*search*/

/*product*/
.product{
    width: 100%;
    height: 806px;
    overflow: hidden;
}
.productCon{
    width: 1200px;
    height: 676px;
    margin: 48px auto 0;
    overflow: hidden;
}
.prodTabs{
    width: 298px;
    height: 100%;
    background-image: url('../images/prodsTabs.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    overflow: hidden;
}
.prodTabs h4{
    width: 100%;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 8px;
}
.proEng{
    width: 100%;
    color: #a3c4e5;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 42px;
}
.prodTabs ul{
    width: 260px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.prodTabs ul li{
    width: 100%;
    height: 43px;
    border-radius: 4px;
    margin-bottom: 12px;
    overflow: hidden;
}
.prodTabs ul li a{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #0073bd linear-gradient(#00ade2,#00ade2) left/0% 100% no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 14px;
    line-height: 43px;
    padding: 0 28px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.prodTabs ul li a i{
    color: #ffffff;
    font-family: "宋体";
    font-style: normal;
    float: left;
    margin-right: 12px;
    opacity: .8;
}
.prodTabs ul li a span{
    float: left;
    display: block;
}
.prodTabs ul li:hover a{
    background: #0073bd linear-gradient(#00ade2,#00ade2) left/100% 100% no-repeat;
}
.prodTabs ul li a.active{
    background: #0073bd linear-gradient(#00ade2,#00ade2) left/100% 100% no-repeat;
}
.prodTel{
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 18px;
    line-height: 52px;
    position: absolute;
    bottom: 30px;
    text-align: center;
}
.prodsLists{
    width: 865px;
    height: 100%;
    margin-right: 4px;
    float: right;
    overflow: hidden;
}
.prodsTit{
    width: 100%;
    height: 73px;
    background-image: url('../images/prodTit.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-bottom: 42px;
}
.prodsTit > a{
    color: #666666;
    font-size: 18px;
    float: right;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 8px;
    margin-top: 30px;
}
.prodsTit > a span{
    color: #000000;
    font-family: "宋体";
    padding-right: 15px;
}
.prodsTit > a,
.prodsTit > a span{
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.prodsTit > a:hover{
    color: #0073bd!important;
    margin-right: 0;
}
.prodsTit > a:hover span{
    color: #0073bd!important;
    padding-right: 10px;
}
.prodsUl{
    width: 100%;
    height: 560px;
    position: relative;
    overflow: hidden;
}
.prodsUl ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.prodsLists ul li{
    width: 280px;
    height: 267px;
    background: #f1f1f1;
    float: left;
    margin-right: 12px;
    margin-bottom: 26px;
    overflow: hidden;
}
.prodsLists ul li:nth-child(3n){
    margin-right: 0;
}
.prodsLists ul li a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.prodImg{
    width: 100%;
    height: 225px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-bottom: none;
    overflow: hidden;
}
.prodImg img{
    width: 100%;
    height: 100%;
}
.prodsLists ul li a p{
    width: 100%;
    height: 42px;
    background: #f1f1f1 linear-gradient(#0073bd,#0073bd) center/0% 100% no-repeat;
    color: #555555;
    font-size: 14px;
    line-height: 42px;
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prodImg img,
.prodsLists ul li a p{
    -webkit-transition: 0.5s cubic-bezier(0, 0.93, 1, 1);
    -moz-transition: 0.5s cubic-bezier(0, 0.93, 1, 1);
    -ms-transition: 0.5s cubic-bezier(0, 0.93, 1, 1);
    -o-transition: 0.5s cubic-bezier(0, 0.93, 1, 1);
    transition: 0.5s cubic-bezier(0, 0.93, 1, 1);
}

.prodsLists ul li a:hover .prodImg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.prodsLists ul li a:hover p{
    background: #f1f1f1 linear-gradient(#0073bd,#0073bd) center/100% 100% no-repeat;
    color: #ffffff;
    letter-spacing: 5px;
}

/*product*/

/*about*/
.about{
    width: 100%;
    height: 590px;
    background-image: url('../images/aboutBgs.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.aboutContent{
    width: 1280px;
    height: 522px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.aboutContent h3{
    width: 100%;
    height: 47px;
    background-image: url('../images/aboutTit.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 44px;
    margin-bottom: 20px;
}
.aboutInfo{
    width: 100%;
    height: 367px;
    overflow: hidden;
}
.aboutLef{
    width: 480px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.aboutLef a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.aboutLef a img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.aboutLef a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.aboutRig{
    width: 675px;
    height: 100%;
    float: right;
    margin-right: 8px;
    overflow: hidden;
}
.aboutTxt{
    width: 100%;
    height: 158px;
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
}
.aboutTxt h4{
    color: #0072c3;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 20px;
}
.aboutTxt p{
    width: 100%;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 69px;
}
.aboMore{
    width: 100%;
    height: 21px;
    background-image: url("../images/xLine.png");
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
.aboMore > a{
    width: 94px;
    height: 21px;
    background-image: url("../images/aBtn.jpg");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: right;
}

.factory{
    width: 100%;
    height: 146px;
    position: relative;
    overflow: hidden;
}
.factory > a{
    color: #0186d5!important;
    font-size: 30px;
    font-weight: bold;
    font-family: "宋体";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.factory > a.prev{
    left: 0;
}
.factory > a.next{
    right: 0;
}
.factory > a:hover{
    color: #222!important;
}
.factory .bd{
    width: 614px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.factory .bd ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.factory .bd ul li{
    width: 188px;
    height: 100%;
    float: left;
    margin-right: 25px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
}
.factory .bd ul li:last-child{
    margin-right: 0;
}
.factory .bd ul li a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.factory .bd ul li a img{
    width: 100%;
    height: 100%;
}
.factory .bd ul li:hover{
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

/*about*/

/*technology*/
.technology{
    width: 100%;
    height: 790px;
    background-image: url("../images/techBg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.technologyCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.techLef{
    width: 580px;
    height: 100%;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}
.techLef h3{
    width: 100%;
    height: 164px;
    background-image: url("../images/techTit.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 92px;
    margin-bottom: 96px;
    float: left;
}
.techLef ul{
    width: 543px;
    height: auto;
    float: right;
    overflow: hidden;
}
.techLef ul li{
    width: 100%;
    height: 86px;
    margin-bottom: 42px;
    overflow: hidden;
}
.techLef ul li a{
    width: 100%;
    height: 100%;
    cursor: context-menu;
}
.techNum{
    width: 63px;
    height: 56px;
    background-image: url("../images/xJtou.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    font-size: 36px;
    font-family: "黑体";
    float: left;
    line-height: 44px;
    text-align: center;
}
.techTxt{
    width: 454px;
    height: 100%;
    float: right;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.techTxt h4{
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}
.techTxt h4 b{
    color: #0073bd;
    font-weight: bold;
    float: left;
    padding-right: 15px;
}
.techTxt h4 strong{
    color: #676767;
    float: left;
    font-family: "黑体";
}
.techTxt p{
    width: 100%;
    display: block;
    color: #333333;
    font-size: 16px;
}
.techLef ul li:hover .techTxt{
    margin-right: 6px;
}
.techRig{
    width: 529px;
    height: 100%;
    float: right;
    position: relative;
    overflow: hidden;
}
.techRig img{
    position: absolute;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*technology*/

/*advantage*/
.advantage{
    width: 100%;
    height: auto;
    background: #ffffff;
    overflow: hidden;
}
.advantage h3{
    width: 100%;
    height: 336px;
    background-image: url("../images/advTit.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-bottom: 0;
}
.advantageCon{
    width: 1200px;
    height: 1380px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.advantageCon > img{
    width: 339px;
    height: 312px;
    position: absolute;
    bottom: 0;
    right: 66px;
}
.advInfo{
    width: 100%;
    height: 100%;
    position: absolute;
}
.advInfo li{
    width: 610px;
    height: 260px;
    position: absolute;
}
.advInfo li:nth-child(1){
    top: 100px;
    right: 0;
}
.advInfo li:nth-child(2){
    top: 454px;
    left: 0;
}
.advInfo li:nth-child(3){
    right: 0;
    top: 772px;
}
.advInfo li:nth-child(4){
    left: 0;
    top: 1122px;
}
.advTitle{
    width: 100%;
    height: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}
.advTitle span{
    width: 52px;
    height: 60px;
    background: #c02200;
    color: #ffffff;
    display: block;
    font-size: 30px;
    font-weight: 500;
    float: left;
    line-height: 60px;
    text-align: center;
    margin-right: 20px;
    overflow: hidden;
}
.advTitle h4{
    color: #0073bd;
    font-size: 34px;
    line-height: 34px;
    float: left;
    margin-top: 22px;
}
.advInfo li p{
    width: 558px;
    background-image: url("../images/sanjiao.png");
    background-position: left 7px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333;
    line-height: 26px;
    font-size: 14px;
    padding-left: 24px;
    margin-left: 42px;
    margin-top: 2px;
    margin-bottom: 34px;
}

.advImages{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.advImages li{
    position: absolute;
}
.advImages li:nth-child(1){
    left: 0;
    top: 58px;
}
.advImages li:nth-child(2){
    top: 450px;
    right: 0;
}
.advImages li:nth-child(3){
    left: 10px;
    top: 718px;
}

/*advantage*/

/*formBox*/
.formBox{
    width: 100%;
    height: 343px;
    background-image: url("../images/formBg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.formBoxCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.formInfo{
    width: 328px;
    height: auto;
    float: right;
    margin-right: 116px;
    margin-top: 36px;
    overflow: hidden;
}
.formInfo h4{
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 15px;
}
.formInfo input{
    width: 100%;
    height: 42px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    box-sizing: border-box!important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #000;
    font-size: 14px;
    float: left;
    padding: 0 18px;
    margin-bottom: 8px;
    outline: none;
}
input::-webkit-input-placeholder{
    color: #888888;
}
input:-moz-placeholder {
    color: #888888;
}
input::-moz-placeholder {
    color: #888888;
}
input:-ms-input-placeholder {
    color: #888888;
}
.formInfo textarea{
    width: 100%;
    height: 82px;
    box-sizing: border-box!important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    color: #000;
    display: inline-block;
    padding: 12px 18px;
    margin-bottom: 8px;
    font-size: 14px;
    float: left;
    outline: none;
    resize: none;
}
textarea::-webkit-input-placeholder{
    color: #888888;
}
textarea::-moz-input-placeholder{
    color: #888888;
}
textarea:-ms-input-placeholder{
    color: #888888;
}
.tjBtn{
    width: 100%;
    height: 45px;
    background-color: #c02200;
    color: #ffffff!important;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 45px;
    text-align: center;

    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
}
.tjBtn:hover{
    background-color: #0073bd;
}

/*formBox*/

/*news*/
.news{
    width: 100%;
    height: 688px;
    overflow: hidden;
}
.newsContent{
    width: 1200px;
    height: 564px;
    margin: 52px auto 0;
    overflow: hidden;
}
.newsLeft{
    width: 778px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.newsTitle{
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 34px;
    overflow: hidden;
}
.newsTitle > h3{
    width: 160px;
    height: 24px;
    background-image: url("../images/n1Tit.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}
a.newsMore{
    color: #0073bd!important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    float: right;
    margin-top: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.newsMore:hover{
    color: #999999!important;
}
.newsOne{
    width: 100%;
    height: 167px;
    margin-bottom: 10px;
    overflow: hidden;
}
.nImg{
    width: 262px;
    height: 167px;
    float: left;
    overflow: hidden;
}
.nImg img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.nText{
    width: 486px;
    height: 167px;
    float: right;
    overflow: hidden;
}
.nText h4{
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 5px;
    margin-bottom: 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.nText p{
    width: 100%;
    color: #555555;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    overflow: hidden;
    margin-bottom: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 78px;
}
.nText span{
    color: #999999;
    display: block;
    font-size: 12px;
    position: relative;
    left: -5px;
}
.newsOne:hover .nImg img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.newsOne:hover .nText h4{
    color: #0073bd;
}

.newsLists{
    width: 100%;
    height: 312px;
    overflow: hidden;
}
.newsLists ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.newsLists ul li{
    width: 100%;
    height: 52px;
    background-image: url("../images/liLine.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    line-height: 52px;
    overflow: hidden;
}
.newsLists ul li a{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../images/sJiao.png");
    background-position: 1px center;
    background-repeat: no-repeat;
    display: block;
    font-size: 14px;
    padding-left: 22px;
    padding-right: 5px;
    overflow: hidden;
}
.newsLists ul li a p{
    width: 542px;
    height: 100%;
    color: #555555;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.newsLists ul li a span{
    color: #888888;
    float: right;
}
.newsLists ul li a:hover p{
    color: #0073bd;
}
.newsRight{
    width: 380px;
    height: 100%;
    float: right;
    overflow: hidden;
}
.newsTit{
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #0073bd;
    margin-bottom: 36px;
    overflow: hidden;
}
.newsTit > h3{
    width: 160px;
    height: 24px;
    background-image: url("../images/n2Tit.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}
.aNew{
    width: 100%;
    height: 180px;
    margin-bottom: 26px;
    overflow: hidden;
}
.aNew a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.aNew a img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.aNew a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.aNewsList{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.aNewsList ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.aNewsList ul li{
    width: 100%;
    height: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 34px;
    border-bottom: 1px dotted #b0b0b0;
    margin-bottom: 30px;
    overflow: hidden;
}
.aNewsList ul li a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.aNewsList ul li a h4{
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
    margin-bottom: 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.aNewsList ul li a p{
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 66px;
    margin-bottom: 0;
}
.aNewsList ul li a:hover h4{
    color: #0073bd;
}

/*news*/

/* footer */
#footer{
	width: 100%;
	height: 419px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0f0f0;
    border-top: 5px solid #0073bd;
	overflow: hidden;
}
.footerCon{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.footerLef{
    width: 319px;
    height: 100%;
    background: #0073bd;
    float: left;
    text-align: center;
    margin-right: 118px;
    overflow: hidden;
}
.footerLef h4{
    width: 100%;
    height: 79px;
    background-image: url("../images/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 112px;
    margin-bottom: 58px;
}
.footerLef span{
    width: 100%;
    color: #ffffff;
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
}
.footerLef b{
    width: 100%;
    color: #ffffff;
    display: block;
    font-size: 34px;
    font-weight: bold;
    line-height: 34px;
}

.footerInfo{
    width: 360px;
    height: 100%;
    float: left;
    overflow: hidden;
}
.footerInfo h4{
    width: 100%;
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 56px;
    margin-bottom: 5px;
}
.footerInfo span{
    width: 100%;
    background: linear-gradient(#0073bd,#0073bd) left bottom/15px 2px no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #666666;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 20px;
    margin-bottom: 34px;
    text-transform: uppercase;
}
.footerInfo > p{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: left 0;
    background-repeat: no-repeat;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    padding-left: 40px;
    margin-bottom: 15px;
}
.footerInfo > p.fAdd{
    background-image: url("../images/f1.png");
}
.footerInfo > p.fMob{
    background-image: url("../images/f2.png");
}
.footerInfo > p.fTel{
    background-image: url("../images/f3.png");
}
.footerInfo > p.fMail{
    background-image: url("../images/f4.png");
}
.footerRwm{
    width: 264px;
    height: 100%;
    float: right;
    margin-right: 48px;
    overflow: hidden;
}
.footerRwm h4{
    width: 100%;
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 56px;
    margin-bottom: 4px;
}
.footerRwm > span{
    width: 100%;
    background: linear-gradient(#0073bd,#0073bd) left bottom/15px 2px no-repeat;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #666666;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.footerRwm ul{
    width: 100%;
    height: auto;
    margin-bottom: 0;
    overflow: hidden;
}
.footerRwm ul li{
    width: 120px;
    height: auto;
    float: left;
    text-align: center;
    overflow: hidden;
}
.footerRwm ul li:last-child{
    float: right;
}
.footerRwm ul li img{
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: block;
    padding: 5px;
    margin-bottom: 8px;
}
.footerRwm ul li b{
    width: 100%;
    color: #555555;
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

.footerCopy{
    color: #555555;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 50px;
}
.footerCopy a{
    color: #555555!important;
}

/* footer */


/*加载*/
.loader {width: 136px;height: 28px;position: absolute;top:0;left:0;right: 0;bottom: 0;z-index: 500;margin: auto;display:none;}
.loader.show_load{
    display: block;
}
.loader.hide_load{
    display: none;
}
.dot {width: 24px;height: 24px;background: #3ac;border-radius: 100%;display: inline-block;animation: slide 1s infinite;}
.dot:nth-child(1) {animation-delay: 0.1s;background: #32aacc;}
.dot:nth-child(2) {animation-delay: 0.2s;background: #64aacc;}
.dot:nth-child(3) {animation-delay: 0.3s;background: #96aacc;}
.dot:nth-child(4) {animation-delay: 0.4s;background: #c8aacc;}
.dot:nth-child(5) {animation-delay: 0.5s;background: #faaacc;}
@-moz-keyframes slide {0% {transform: scale(1);}50% {opacity: 0.3;transform: scale(2);}100% {transform: scale(1);}}
@-webkit-keyframes slide {0% {transform: scale(1);}50% {opacity: 0.3;transform: scale(2);}100% {transform: scale(1);}}
@-o-keyframes slide {0% {transform: scale(1);}50% {opacity: 0.3;transform: scale(2);}100% {transform: scale(1);}}
@keyframes slide {0% {transform: scale(1);}50% {opacity: 0.3;transform: scale(2);}100% {transform: scale(1);}}