html{
    height: 100%;
}
body{
    height: 100%;
    font-size: 14px;
    font-family: " ";
    min-width: 1340px;
    min-height: 100%;
    position: relative;
}
header, section, footer, aside, nav, article, figure{ 
    display: block; 
}

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;
}
img{
    vertical-align: middle;
    border: none;
}
input{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}
em{
    font-style: normal;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.clear{
    clear: both;
}

/*banner*/
.banner{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.header{
    width: 100%;
    height: 154px;    
    position: absolute;
    top: 0;
    z-index: 9;
    overflow: hidden;
}
.header > article{
    -webkit-transition: all 0.8s ease;
       -moz-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
         -o-transition: all 0.8s ease;
            transition: all 0.8s ease;
}
.header > article.on{
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.openBtn{
    width: 109px;
    height: 23px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 70px;
    right: 9%;
    z-index: 9999;
}
.header > article{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.logo{
    width: 352px;
    height: 151px;
    float: left;
    position: relative;
    margin-left: 148px;
    overflow: hidden;
}
.logo img{
    max-width: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menuLists{
    width: 908px;
    height: 100%;
    position: absolute;
    left: 30%;
    /* left: 570px; */
}
.menuLists ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.menuLists ul li{
    width: 94px;
    height: 100%;
    float: left;
    margin-right: 41px;
    overflow: hidden;
}
.menuLists ul li:last-child{
    margin-right: 0;
}
.menuLists ul li a{
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)) top/100% 0% no-repeat;
    color: #000 !important;
    display: block;
    font-size: 17px;
    line-height: 154px;
    text-align: center;
    overflow: hidden;

    -webkit-transition: 0.4s;
       -moz-transition: 0.4s;
        -ms-transition: 0.4s;
         -o-transition: 0.4s;
            transition: 0.4s;
}
.menuLists ul li a:hover{
   /* background: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)) top/100% 100% no-repeat;*/
    color: #c79600!important;
    font-weight: 600;
}

.banner .bd,
.banner .bd ul,
.banner .bd ul li{
    width: 100%;
    height: 100%;
}
.banner .bd ul li{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.banner .bd ul li a{
    height: 100%;
    display: block;
}

a.qhBtn{
    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;
}
a.prev{
    left: 4%;
}
a.qhBtn.next{
    right: 4%;
}
a.qhBtn: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: 24px;
    z-index: 99;
}
.banner .hd ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
}
.banner .hd ul li{
    width: 11px;
    height: 11px;
    background-color: #fff;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 12px;

    -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: #a06e22;
}

.pageBtn{
    width: 10.9%;
    display: block;
    position: absolute;
    top: 64%;
    left: 0;
    right: 0;
    margin: auto;
}
.pageBtn img{
    width: 100%;
}

.bEwm{
    width: 120px;
    height: 120px;
    position: absolute;
    right: 6%;
    bottom: 10%;
    z-index: 999;
}
.bEwm img{
    width: 100%;
}

/*banner*/

/* about */
.about{
    width: 100%;
    height: 670px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}
#header.header{
    width: 100%;
    height: 128px;
    box-sizing: content-box!important;
    padding-bottom: 10px;
    position: absolute;
    top: 0;
    z-index: 999999;
}
#header.header > article{
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}
#header .openBtn{
    top: 52px;
}
#header .logo{
    width: 249px;
    height: 100%;
    float: left;
    position: relative;
    margin-left: 220px;
    overflow: hidden;
}
#header .logo img{
    max-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#header .menuLists{
    width: 908px;
    height: 128px;
    position: absolute;
    /* left: 570px; */
    left: 30%;
}
#header .menuLists ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
#header .menuLists ul li{
    width: 94px;
    height: 100%;
    float: left;
    margin-right: 41px;
    overflow: hidden;
}
#header .menuLists ul li:last-child{
    margin-right: 0;
}
#header .menuLists ul li a{
    width: 100%;
    height: 100%;
    background: linear-gradient(#606574,#606574) top/100% 0% no-repeat;
    color: #020202!important;
    display: block;
    font-size: 17px;
    line-height: 128px;
    text-align: center;
    overflow: hidden;

    -webkit-transition: 0.4s;
       -moz-transition: 0.4s;
        -ms-transition: 0.4s;
         -o-transition: 0.4s;
            transition: 0.4s;
}
#header .menuLists ul li a:hover{
    /*background: linear-gradient(#606574,#606574) top/100% 100% no-repeat;*/
    
    font-weight: 600;
}

.aboutContent{
    width: 1200px;
    height: 1160px;
    margin: 164px auto 0;
    overflow: hidden;
}
.aboutContent > h3{
    width: 100%;
    height: 55px;
    background-image: url('../images/aboTit.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-bottom: 24px;
}
.aboutTab{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}
.aboutTab ul{
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    font-size: 0px;
}
.aboutTab ul li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 18px;
    margin: 0 55px;
}
.aboutTab ul li a{
    color: #4d4d4d;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.aboutTab ul li.on a{
    color: #1375b9;
}

.aboutInfoLis{
    width: 100%;
    height: 338px;
    overflow: hidden;
}
.aboutInfoLis ul{
    width: 1190px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.aboutInfoLis ul li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
}
.aboutInfoLis ul li.active{
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.8s;
       -moz-transition: 0.8s;
        -ms-transition: 0.8s;
         -o-transition: 0.8s;
            transition: 0.8s;
}
.aChangeImg{
    width: 540px;
    /* height: 330px; */
    height: 267px;
    float: left;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.aChangeImg img{
	max-height: 100%;
    /* width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); */
}
.aChangeTxt{
    width: 600px;
    /* height: 100%; */
    height: 234px;
    float: right;
    overflow: hidden;
}
.aChangeTxt p{
    height: 234px;
    color: #4d4d4d;
    font-size: 16px;
    margin: 0 auto 32px;
    line-height: 34px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aboutInfoLis ul li .aboutButton{
    width: 52px;
    height: 36px;
    background-color: #1375b9;
    background-image: url('../images/jianTou.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    line-height: 36px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
    -webkit-transition: 0.35s;
       -moz-transition: 0.35s;
        -ms-transition: 0.35s;
         -o-transition: 0.35s;
            transition: 0.35s;
}
.aboutButton:hover{
    background-color: #2b91d8;
}
.aboImages{
    width: 100%;
    height: 330px;
    overflow: hidden;
}
.aboImages li{
    width: 520px;
    height: inherit;
    float: right;
    overflow: hidden;
}
.aboImages li.aboVideo{
    background: #000;
    border: 1px solid #e6e6e6;
    box-sizing: border-box!important;
    float: left;
}
.aboImages > li > img{
    width: 100%;
    height: 100%;
}

.aboImages > li > embed{
    width: 100%!important;
    height: 100%!important;
}


/* about */

/* aboMenu */
.aboMenu{
    width: 100%;
    height: 359px;
    background-image: url('../images/aboMenuBg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.aboMenuCon{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.aboMenuCon ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 0;
}
.aboMenuCon ul li{
    width: 182px;
    height: auto;
    float: left;
    -webkit-transition: 0.35s;
       -moz-transition: 0.35s;
        -ms-transition: 0.35s;
         -o-transition: 0.35s;
            transition: 0.35s;
    overflow: hidden;
}
.aboMenuCon ul li:nth-child(1){
    margin-left: 25px;
    margin-top: 52px;
}
.aboMenuCon ul li:nth-child(2){
    margin-left: 132px;
    margin-top: 14px;
}
.aboMenuCon ul li:nth-child(3){
    margin-left: 148px;
    margin-top: 60px;
}
.aboMenuCon ul li:nth-child(4){
    margin-left: 164px;
    margin-top: 38px;
}
.aboMenuCon ul li:hover{
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px);
}
.aboMenuCon ul li a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.aboImgs{
    width: 182px;
    height: 182px;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
    overflow: hidden;
    margin-bottom: 14px;
}
.aboImgs img{
    width: 100%;
    height: 100%;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    border-radius: 90%;
}
.aboMenuCon ul li p{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    margin-bottom: 6px;
}
.aboMenuCon ul li span{
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

/* aboMenu */

/* product */
.product{
    width: 100%;
    height: 745px;
    background-image: url('../images/prodBg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.prodContent{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.prodContent > h3{
    width: 100%;
    height: 89px;
    background-image: url('../images/prodTits.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 58px;
    margin-bottom: 26px;
}
.prodContent > p{
    width: 1000px;
    color: #67676a;
    font-size: 18px;
    margin: 0 auto;
    line-height: 27px;
    margin-bottom: 30px;
    text-align: center;
}
.productLists{
    width: 100%;
    height: 418px;
    overflow: hidden;
}
.productLists ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.productLists ul li{
    width: 290px;
    height: 100%;
    float: left;
    margin-right: 13px;
    overflow: hidden;
}
.productLists ul li:last-child{
    margin-right: 0;
}
.productLists ul li a{
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
.productImage{
    width: 100%;
    /*height: 240px;*/
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}
.productImage img{
    width: 100%;
    height: 100%;
}
.productLists ul li p{
    width: 100%;
    height: 64px;
    box-sizing: border-box!important;
    background: #e3e3e3;
    color: #0a0a0b;
    font-size: 20px;
    line-height: 64px;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prodMb{
    width: 265px;
    height: 206px;
    box-sizing: border-box!important;
    background-image: url('../images/proMb.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 18px;
    padding: 44px 12px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    opacity: 0;
    -webkit-transform: scale(.4);
       -moz-transform: scale(.4);
        -ms-transform: scale(.4);
         -o-transform: scale(.4);
            transform: scale(.4);
}
.productImage,
.prodMb,
.productLists ul li p{
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.productLists ul li:hover .productImage{
    height: 355px;
    margin-top: 0;
}
.productLists ul li:hover p{
    background: #3c8dd6;
    color: #fff;
}
.productLists ul li:hover .prodMb{
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

/* product */

/* advantage */
.advantage{
    width: 100%;
    height: 690px;
    background: #2f7fc7;
    overflow: hidden;
}
.advantageCon{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.advantageCon h3{
    width: 100%;
    height: 86px;
    background-image: url('../images/advTit.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-bottom: 32px;
}
.advTabs{
    width: 100%;
    height: 40px;
    overflow: hidden;
    margin-bottom: 30px;
}
.advTabs ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    text-align: center
}
.advTabs ul li{
    width: 196px;
    height: 40px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 28px;
}
.advTabs ul li a{
    width: 100%;
    height: 100%;
    box-sizing: border-box!important;
    background: #ffffff;
    box-sizing: border-box!important;
    color: #041c31!important;
    display: block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    -webkit-transition: all 0.35s ease;
       -moz-transition: all 0.35s ease;
        -ms-transition: all 0.35s ease;
         -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
}
.advTabs ul li.on a{
    background: #236db0;
    border: 1px solid #ffffff;
    color: #fff!important;
}
.advTabs ul li a:hover{
    background: #236db0;
    border: 1px solid #ffffff;
    color: #fff!important;
}
.advBox{
    width: 1022px;
    height: 424px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.advLists{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 1;

    -webkit-transition: 0.8s;
       -moz-transition: 0.8s;
        -ms-transition: 0.8s;
         -o-transition: 0.8s;
            transition: 0.8s;
}
.advLists > div.advLeft{
    -webkit-transform: scale(.4);
       -moz-transform: scale(.4);
        -ms-transform: scale(.4);
         -o-transform: scale(.4);
            transform: scale(.4);
}
.advLists > div.advRight{
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.advBox .active{
    z-index: 999;
    opacity: 1;
}
.advBox .active > div{    
    position: relative;
    z-index: 999;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.imgBg{
    width: 423px;
    height: 423px;
    border-radius: 90%;
    background-image: url('../images/advImgBg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
}
.advLeft{
    width: 423px;
    height: 423px;
    border-radius: 90%;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.advLeft a{
    width: 342px;
    height: 342px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 90%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
}
.advRight{
    width: 538px;
    height: inherit;
    float: right;
    overflow: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.advRight h4{
    width: 100%;
    color: #f8f9f8;
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin-top: 80px;
    margin-bottom: 26px;
}
.advRight p{
    max-height: 148px;
    color: #fff;
    font-size: 18px;
    text-align: justify;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 28px;
}
.advRight > a{
    color: #fff!important;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    float: right;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
}
.advRight > a:hover{
    margin-right: 5px;
}
/* advantage */

/* news */
.news{
    width: 100%;
    height: 1082px;
    background-color: #ffffff;
    overflow: hidden;
}
.newsContent{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.newsContent h3{
    width: 100%;
    height: 86px;
    background-image: url('../images/newsTit.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 65px;
    margin-bottom: 46px;
}
.newsTop{
    width: 100%;
    height: 294px;
    margin-bottom: 54px;
    overflow: hidden;
}
.newsAct{
    width: 618px;
    height: 294px;
    float: left;
    overflow: hidden;
}
.newsAct ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.newsAct ul li{
    width: 302px;
    height: inherit;
    float: left;
    overflow: hidden;
}
.newsAct ul li:last-child{
    float: right;
}
.newsAct ul li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.newsAct ul li 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;
}
.actMb{
    width: 100%;
    height: 40px;
    background-color: #5b9bd5;
    box-sizing: border-box!important;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsAct ul li 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);
}
.actList{
    width: 562px;
    height: 294px;
    float: right;
    overflow: hidden;
}
.actList ul{
    width: 262px;
    height: inherit;
    float: left;
    margin-bottom: 0;
    overflow: hidden;
}
.actList ul:last-child{
    float: right;
}
.actList ul li{
    width: 100%;
    height: auto;
    box-sizing: border-box!important;
    padding-bottom: 14px;
    border-bottom: 1px dashed #959595;
    margin-bottom: 30px;
    overflow: hidden;
}
.actList ul li a{
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
.actList ul li a span{
    color: #919394;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 7px;
}
.actList ul li a p{
    color: #343535;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.actList ul li:hover p{
    color: #2f7fc7;
}
.newsBot{
    width: 104%;
    height: 458px;
    overflow: hidden;
}
.newsTabs{
    width: 100%;
    height: 36px;
    margin-bottom: 40px;
    overflow: hidden;
}
.newsTabs ul{
    width: 100%;
    height: 100%;
    font-size: 0;
    margin-bottom: 0;
    text-align: center;
}
.newsTabs ul li{
    width: 145px;
    height: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 18px;
    line-height: 36px;
    margin: 0 20px;
    text-align: center;
}
.newsTabs ul li a{
    width: 100%;
    height: 100%;
    box-sizing: border-box!important;
    border: 1px dotted #a6a6a6;
    color: #838384!important;
    display: block;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
    overflow: hidden;
}
.newsTabs ul li.on a{
    border-style: solid;
    border-color: #5b9bd5;
    color: #5b9bd5!important;
}
.newsTabs ul li:hover a{
    border-style: solid;
    border-color: #5b9bd5;
    color: #5b9bd5!important;
}
.newsBoxs{
    width: 100%;
    height: 377px;
    position: relative;
    overflow: hidden;
}
.newsBoxs ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    -webkit-transition: 0.4s;
       -moz-transition: 0.4s;
        -ms-transition: 0.4s;
         -o-transition: 0.4s;
            transition: 0.4s;
}
.newsBoxs ul.active{
    opacity: 1;
    z-index: 999;
}
.newsBoxs ul li{
    width: 270px;
    height: inherit;
    float: left;
    margin-right: 42px;
    overflow: hidden;
}
.newsBoxs ul li:last-child{
    margin-right: 0;
}
.newsBoxs ul li a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.newsImages{
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.newsImages img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
.newsBoxs ul li:hover .newsImages 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);
}
.newsText{
    width: 100%;
    height: 177px;
    box-sizing: border-box!important;
    border: 1px solid #dfdfdf;
    padding: 0 14px;
    overflow: hidden;
}
.newsText h4{
    color: #030303;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 18px;
    margin-bottom: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.newsBoxs ul li:hover .newsText h4{
    color: #5b9bd5;
}
.newsText p{
    color: #808181;
    font-size: 15px;
    font-weight: 500;
    text-align: justify;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 14px;
}
.newsText span{
    width: 100%;
    display: block;
}
.newsText span i{
    color: #1a1b1c;
    font-size: 15px;
    font-style: normal;
    float: left;
}
.newsText span b{
    color: #5b9bd5;
    font-size: 15px;
    font-style: normal;
    float: right;
}

/* news */

/* ambient */
.ambient{
    width: 100%;
    height: 916px;
    background-image: url('../images/ambientBg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
}
.ambientCon{
    width: 1320px;
    height: inherit;
    margin: 0 auto;
}
.ambientCon h3{
    width: 100%;
    height: 77px;
    background-image: url('../images/ambTit.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 28px;
    margin-bottom: 22px;
}
.ambientTop{
    width: 878px;
    height: 456px;
    margin: 0 auto 26px;
    overflow: hidden;
}
.ambientTop ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.ambientTop ul li{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ambientTop ul li a{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.ambientTop ul li a img{
    width: 100%;
    height: 100%;
}

.ambientBot{
    width: 1200px;
    height: 256px;
    position: relative;
    margin: 0 auto;
}
.ambBd{
    width: 100%;
    height: 223px;
    overflow: hidden;
}
.ambBd ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.ambBd ul li{
    width: 282px;
    height: 223px!important;
    background: linear-gradient(#7ecef4,#7ecef4) left top/0% 0% no-repeat;
    box-sizing: border-box!important;
    float: left;
    margin-right: 24px;
    -webkit-transition: all 0.35s ease;
       -moz-transition: all 0.35s ease;
        -ms-transition: all 0.35s ease;
         -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
    overflow: hidden;
}
.ambBd ul li:last-child{
    margin-right: 0;
}
.ambBd ul li a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}
.ambBd ul li a img{
    width: 100%;
    height: 100%;
    -webkit-transition: 0.35s;
       -moz-transition: 0.35s;
        -ms-transition: 0.35s;
         -o-transition: 0.35s;
            transition: 0.35s;
}
.ambBd ul li.on{
    background: linear-gradient(#7ecef4,#7ecef4) left top/100% 100% no-repeat;
    padding: 4px;
}
a.ambBtn{
    color: #000;
    font-size: 50px;
    font-family: "宋体";
    position: absolute;
    top: 50%;
    -webkit-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;
}
a.pPrev{
    left: -40px;
}
a.pNext{
    right: -40px;
}
a.ambBtn:hover{
    color: #7ecef4;
}


/* ambient */

/* contacts */
.contacts{
    width: 100%;
    height: 412px;
    background-color: #ffffff;
    overflow: hidden;
	padding: 2% 0%;
}
.contactsContent{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.conMap{
	width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}
.conForm{
	width: 45%;
    /* height: 328px; */
    float: right;
    margin-top: 42px;
    margin-right: 8px;
}
.conForm h4{
    width: 100%;
    color: #1c2024;
    font-size: 18px;
    font-weight: 500;
    float: left;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 16px;
}
.inpBox{
    width: 100%;
    height: 40px;
    margin-bottom: 18px;
    float: left;
    overflow: hidden;
}
.inpBox input{
    width:45%;
    height: 40px;
    border: none;
    background: #898989;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 0% 2%;
    margin-bottom: 14px;
    outline: none;
    float: left;
    line-height: 40px;
}
.inpBox input.userTel{
    float: right;
}
input::-webkit-input-placeholder{
    color: #eeece9;
}
input:-moz-placeholder {
    color: #eeece9;
}
input::-moz-placeholder {
    color: #eeece9;
}
input:-ms-input-placeholder {
    color: #eeece9;
}
.conForm textarea{
    width: 94%;
    height: 200px;
    color: #fff;
    border: none;
    background: #898989;
    display: inline-block;
    padding:3%;
    font-size: 14px;
    outline: none;
    resize: none;
    float: left;
}
textarea::-webkit-input-placeholder{
    color: #eeece9;
}
textarea::-moz-input-placeholder{
    color: #eeece9;
}
textarea:-ms-input-placeholder{
    color: #eeece9;
}
.tjBtn{
    width: 100%;
    height: 32px;
    background-color: #313131;
    color: #f5f3f0!important;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 32px;
    text-align: center;

    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
}
.tjBtn:hover{
    background: #4c4c4c;
}

/* contacts */

/* friendLink */
.friendLink{
    width: 100%;
    height: 176px;
    background: #eeecec;
    box-sizing: border-box!important;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    overflow: hidden;
}
.fLink{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.fLinkTit{
    /* width: 204px; */
    height: inherit;
    background: linear-gradient(#e5e5e5,#e5e5e5) right/2px 96% no-repeat;
    float: left;
    overflow: hidden;
	width: 17%;
}
.fLinkBox{
    height: auto;
    box-sizing: border-box!important;
    background-image: url('../images/linkIco.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    margin-top: 62px;
    overflow: hidden;
}
.fLinkBox span{
    color: #000;
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin: 7px 0;
}
.fLinkBox a{
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
}
.fLinkList{
    /* width: 896px;
    height: 90px; */
	width: 75%;
    float: right;
    margin-top: 45px;
    margin-right: 50px;
    overflow: hidden;
}
.fLinkList ul{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.fLinkList ul li{
    width: 180px;
    height: 90px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    box-sizing: border-box!important;
    float: left;
    margin-right: 58px;
    overflow: hidden;
}
.fLinkList ul li:last-child{
    margin-right: 0;
}
.fLinkList ul li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.fLinkList ul li a img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

/* friendLink */

/* footers */
.footers{
    width:100%;
    /* height: 225px; */
    background: #313131;
    overflow: hidden;
}
.footTop{
    width: 1200px;
    /* height: 175px; */
    margin: 0 auto;
    overflow: hidden;
}
.footTop ul{
    width:96%;
    /* height: 100%; */
    margin-top: 66px;
    margin-bottom: 0;
    position: relative;
	padding:0% 2%;
	margin-bottom: 4%;
}
.footTop ul li{
    width: 30%;
    /* height: 46px; */
    background-repeat: no-repeat;
    box-sizing: border-box!important;
    color: #fff;
    /* padding-left: 64px; */
	padding-left: 5.5%;
    float: left;
    /* padding: 3px 0 3px 64px; */
}
.footTop ul li:nth-child(1){
    background-image: url('../images/foot1.png');
    background-position: left center;
}
.footTop ul li:nth-child(2){
    background-image: url('../images/foot2.png');
    background-position: left center;  
    /* position: absolute;
    left: 50%; */
}
.footTop ul li:nth-child(3){
    background-image: url('../images/foot3.png');
    background-position: left center;
}
.footTop ul li p{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.footBot{
    width: 100%;
    /* height: 50px; */
    background: #1f1e23;
    color: #949396;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}
.footBot a{
    color: #949396!important;
}