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 .hideBox .itemList .proBox .price{font-size: 14px;color: #000;font-family: 'Opensans-Regular'; margin-top: 5px; text-align: center;}
.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: 1440px) {
	.area_2 .cont{width: 1000px;}
}
@media screen and (max-width: 1220px) {
	.area_1 .cont,.area_2 .cont,.area_3 .cont{width: 90%;}
	.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;}
}