body .bx-wrapper .bx-pager.bx-default-pager a:hover,
body .bx-wrapper .bx-pager.bx-default-pager a.active{background: #f8c800;}

.trans{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.img_center{ text-align:center;}
.img_center img{ vertical-align:middle;}
.img_center span{height:100%;display:inline-block; vertical-align:middle;}
.img_animate{overflow: hidden;}
.img_animate img{transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.img_animate:hover img{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}
.pos_box{width: 100%;height: 100%;position: relative;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
body.noscorll{overflow: hidden;}

.area_1{padding: 100px 0 90px;background: url(../images/area_1_bg.png) no-repeat left center;}
.area_1 .cont{width: 1200px;overflow: hidden;}
.area_1 .cont .left_area{float: left;width: 45.5%;padding-top: 60px;}
.area_1 .cont .left_area .title{font-family: 'OpenSans-Bold';font-size: 36px;color:#686868;text-indent:14px; }
.area_1 .cont .left_area .subTitle{font-family: 'OpenSans-Bold';font-size: 36px;color: #f5ae00;text-indent: 15px}
.area_1 .cont .left_area .brief{font-family: 'OpenSans-Regular';font-size: 16px;color: #686868;margin-top: 53px;padding-left: 11px;line-height: 32px;}
.area_1 .cont .left_area .moreBtn{display: block;float: left;margin-left: 99px;position: relative;height: 64px;line-height: 64px;font-family: 'OpenSans-Regular';font-size: 16px;color: #686868;position: relative;margin-top: 46px;}
.area_1 .cont .left_area .moreBtn em{position: absolute;display: block;width: 64px;height: 64px;border-radius: 50%;background: #f4b62a;left: -90px;top: 0}
.area_1 .cont .left_area .moreBtn:after{content :'';position: absolute;left: -66px;top: 50%;border-style: solid;border-width:10px 0 10px 18px;border-color: transparent transparent transparent white;margin-top: -10px;}
.area_1 .cont .left_area .moreBtn:before{content: '';position: absolute;width: 100%;height: 1px;background: #686868;top: 76%;}
.area_1 .cont .right_area{width: 48.3%;float: right;}
.area_1 .cont .right_area .img{padding: 0 47px 49px 0;position: relative;}
.area_1 .cont .right_area .img img{position: relative;z-index: 2;}
.area_1 .cont .right_area .img:after{content:'';position: absolute;width: 100%;height: 100%;left: 47px;top: 49px;background: url(../images/area_1_img_bg.png) repeat;z-index: 1;}


.area_2{height: 797px;background: url(../images/area_2_bg.png) no-repeat;}
.area_2 .cont{width: 1650px;}
.area_2 .cont .title{text-align: center;height: 204px;line-height: 214px;font-family: 'OpenSans-Bold';font-size: 40px;color: #2d2d2d;}
.area_2 .cont .proBox{width: 100%;position: relative;}
.area_2 .cont .proBox .hideBox{width: 100%;overflow: hidden;}
.area_2 .cont .proBox .hideBox .itemList{width: 10000px;overflow: hidden;}
.area_2 .cont .proBox .hideBox .itemList .proBox{float: left;width: 383px;margin-right: 40px;}
.area_2 .cont .proBox .hideBox .itemList .proBox .img{position: relative;overflow: hidden;padding-top: 100%}
.area_2 .cont .proBox .hideBox .itemList .proBox .img .imgBox{position: absolute;margin-top: -100%;width: 100%;height:100%;}
.area_2 .cont .proBox .hideBox .itemList .proBox .name{margin-top: 29px;text-align: center;line-height: 28px;height: 58px;overflow: hidden;}
.area_2 .cont .proBox .hideBox .itemList .proBox .name a{font-size: 16px;color: #000000;font-family: 'OpenSans-Regular'}
.area_2 .cont .proBox .silde_btn{width: 59px;height: 59px;position: absolute;top: 50%;margin-top: -68.5px;background: url(../images/area_2_btn_icon.png) no-repeat center center;background-color: #0e2032;}
.area_2 .cont .proBox .silde_btn:hover{background-color: #f4b62a}
.area_2 .cont .proBox .left_btn{left: -100px;}
.area_2 .cont .proBox .right_btn{right: -100px;transform:rotate(180deg);}
.area_2 .cont .bx-controls-direction>a{opacity: 0;pointer-events:none;}

.area_3{padding-bottom: 89px;}
.area_3 .cont{width: 1200px;}
.area_3 .cont .title{text-align: center;height: 196px;line-height: 189px;font-family: 'OpenSans-Bold';font-size: 40px;color: #2d2d2d;}
.area_3 .cont .infoList{overflow: hidden;}
.area_3 .cont .infoList .infoItem{width: 31.4%;float: left;margin-left:2.9%;}
.area_3 .cont .infoList .infoItem:first-child{margin-left: 0;}
.area_3 .cont .infoList .infoItem .img{position: relative;overflow: hidden;padding-top: 62%}
.area_3 .cont .infoList .infoItem .img .imgBox{position: absolute;margin-top: -62%;width: 100%;height:100%;}
.area_3 .cont .infoList .infoItem .char{font-family: 'OpenSans-Bold';font-size: 16px;color: #ffa800;margin-top:35px;text-transform: uppercase;}
.area_3 .cont .infoList .infoItem .name{margin-top: 12px;line-height: 31px;height: 61px;overflow: hidden;}
.area_3 .cont .infoList .infoItem .name a{font-family: 'OpenSans-Bold';font-size: 16px;color: #333333;}
.area_3 .cont .infoList .infoItem .time{font-family: 'OpenSans-Regular';font-size: 16px;color: #555555;margin-top: 26px;text-indent: 2px;}

@media screen and (max-width: 1920px) {
    .area_2 .cont{width: 1400px;}
}
@media screen and (max-width: 1650px) {
    .area_2{height: 690px;}
    .area_2 .cont{width: 1200px;}
}
@media screen and (max-width: 1500px) {
    #nav{margin-left: 80px;}
    #nav .list{margin-right: 30px;}
    #header .wrap{width: 1200px;}
    #header .func .icon.headerInq{display: none;}
}
@media screen and (max-width: 1440px) {
    .area_2 .cont{width: 1000px;}
}
@media screen and (max-width: 1220px) {
    .area_1 .cont,.area_2 .cont,.area_3 .cont{width: 90%;}
    #nav{margin-left: 30px;}
    #nav .list{margin-right: 20px;}
    #header .wrap{width:100%;}
    .area_1{padding: 50px 0 45px;}
    .area_1 .cont .left_area{padding-top: 30px;}
    .area_2{height: 615px;}
    .area_2 .cont .proBox .left_btn{left: -4.4%;}
    .area_2 .cont .proBox .right_btn{right: -4.4%;}
    .area_3 .cont .title{height: 100px;line-height: 100px;}
}
@media screen and (max-width: 950px) {
    .area_1{padding: 25px 0 20px;background: none;}
    .area_1 .cont .left_area{width: 100%;}
    .area_1 .cont .right_area{width: 100%;margin-top: 15px;}
    .area_1 .cont .right_area .img{padding-right: 0;text-align: center;padding-bottom: 29px;}
    .area_1 .cont .right_area .img:after{display: none;}
    .area_1 .cont .left_area .brief{margin-top: 15px;}
    .area_1 .cont .left_area .moreBtn{margin-top: 23px;}
    .area_3{padding-bottom: 45px;}
}
@media screen and (max-width: 800px) {
    .area_2{height: 443px;}
    .area_3 .cont .title{font-size: 23px;}
    .area_2 .cont .title{height: 100px;line-height: 100px;font-size: 23px;}
}
@media screen and (max-width: 640px) {
    .area_1{padding-top: 0}
    .area_1 .cont .left_area{padding-top: 15px;}
    .area_1 .cont .left_area .title{font-size: 30px;}
    .area_1 .cont .left_area .subTitle{font-size: 30px;}
    .area_1 .cont .left_area .brief{line-height: 24px;}
    .area_2{height: 490px;}
    .area_2 .cont .proBox .hideBox .itemList .proBox .name{margin-top: 15px}
    .area_3{padding-top: 0;}
    .area_3 .cont .infoList .infoItem{width: 48%}
    .area_3 .cont .infoList .infoItem:last-child{display: none;}
    .area_3 .cont .infoList .infoItem .char{margin-top: 15px;}
    .area_3 .cont .infoList .infoItem .name{margin-top: 5px;line-height: 20px;height: 40px;}
    .area_3 .cont .infoList .infoItem .time{margin-top: 13px;}

    #footer .wrap{padding-top: 25px;padding-bottom: 35px;}
    #footer .wrap .left_area .logo{margin-bottom: 20px;}
}

@media screen and (max-width: 450px) {
    .area_2{height: 350px;}
    #footer .top_warp .cont .char .subTitle{font-size: 20px;}
}
@media screen and (max-width: 375px) {
    .area_2{height: 350px;}
}