.carousel{ width:100%; height:1168px; float:left; position:relative; overflow:hidden; margin:-44px 0 16px}
.carousel ul{ width:2000%; height:1168px; float:left; will-change:transform}
.carousel li{ width:5%; height:1168px; float:left; overflow:hidden; position:relative}
.carousel .img{ width:860px; height:1168px; float:left; position: absolute; text-align: center; top: 0; left: 50%; margin-left: -430px}
.carousel .img img{ max-width:100%}
.carousel .video{ width: 860px; float: left; position:absolute; left:50%; top:0; margin:0 0 0 -430px}
.carousel .tit_box{ width: 100%; float: left; position: absolute; top: 190px}
.carousel .tit_box .t_1{ width: 100%; float: left; text-align: center; font-size: 60px; line-height: 70px; color: #fff}
.carousel .tit_box .t_2{ width: 100%; float: left; text-align: center; font-size: 30px; line-height: 40px; color: #fff; padding-top: 14px}
.carousel .tit_box .t_3{ width: 256px; float: left; background-color: #F02546; color: #fff; font-size: 30px; text-align: center; line-height: 80px; border-radius: 50px; position: relative; left: 50%; margin: 56px 0 0 -128px}

.dian_box{ width:100%; height:5px; float:left; position:absolute; bottom:30px; left:0; text-align:center; z-index:20; -webkit-transform:translate3d(0,0,0)}
.dian_box a{ width:5px; height:5px; background-color:#787879; overflow:hidden; display:inline-block; margin:0 3px; border-radius: 50px; transition:all .3s ease}
.dian_box .cur{ width: 16px; background-color: #F02546}

.product_list{ width:100%; float:left; position:relative}
.product_list li{ width: 100%; height: 716px; float: left; margin-bottom:16px; position:relative; overflow: hidden}
.product_list .img{ width: 860px; height: 716px; float: left; text-align: center; position: relative; left: 50%; margin-left: -430px}
.product_list .img img{ max-width: 100%}
.product_list .t_box{ width: 100%; float: left; position: absolute; top: 104px; z-index: 1}
.product_list .t_1{ width: 100%; float: left; font-size: 28px; color: rgba(50,50,50,0.7); text-align: center; line-height: 40px}
.product_list .t_1.co_f{ color: rgba(255,255,255,0.7)}
.product_list .t_2{ width: 100%; float: left; font-size: 42px; color: rgba(50,50,50,1); text-align: center; line-height: 60px; margin-top: 10px}
.product_list .t_2.co_f{ color: rgba(255,255,255,1)}
.product_list .t_3{ width: 224px; float: left; font-size: 32px; color: #fff; background-color: #000; text-align: center; line-height: 70px; border-radius: 50px; position: relative; left: 50%; margin:20px 0 0 -112px}

.new_list{ width: 100%; height: 980px; float: left; position: relative; overflow:hidden; background-color: #F0F1F2}
.new_list .tit{ width: 100%; float: left; font-size: 56px; color: #323232; text-align: center; line-height: 60px; padding-top: 100px}
.new_list ul{ width: 4000%; float: left; height: 640px; position: relative; margin-top: 54px}
.new_list li{ width: 2.5%; height: 640px; float: left;  overflow: hidden; position: relative}
.new_list .img_box{ width: calc(100% - 64px); height: 460px; overflow: hidden; float: left; margin: 0 32px}
.new_list .img{ width: 860px; height: 460px; float: left; overflow: hidden; position: relative; left: 50%; margin-left: -430px}
.new_list .img img{ max-width: 100%}
.new_list .info{ width: calc(100% - 112px); height: 280px; float: left; position: absolute; top: 320px; left: 52px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 12px rgba(0,0,0,0.1)}
.new_list .t_1{ width: 100%; float: left; font-size: 32px; line-height: 40px; color: #323232; text-align: center; padding-top: 48px}
.new_list .line{ width: 40px; height: 6px; float: left; background-color: #F02546; position: relative; left: 50%; margin:14px 0 0 -20px}
.new_list .t_2{ width: 100%; float: left; font-size: 32px; line-height: 40px; color: #323232; text-align: center; padding-top: 18px}
.new_list .t_3{ width: 100%; float: left; font-size: 24px; line-height: 40px; color: rgba(0,0,0,0.6); text-align: center; padding-top: 22px}
.new_list .d_box{ width:100%; height:10px; float:left;  margin-top:8px; text-align:center;}
.new_list .d_box a{ width:10px; height:10px; background-color:#E5E5E5; overflow:hidden; display:inline-block; margin:0 4px; border-radius: 50px; transition:all .3s ease}
.new_list .d_box .cur{ width: 32px; background-color: #DF001F}

.evaluate_list{ width: 100%; height: 916px; float: left; position: relative; background-color: #E8E9EA}
.evaluate_list .box{ width: 100%; float: left; height: 716px; overflow-y: hidden; overflow-x: auto; margin-top: 100px}
.evaluate_list .box::-webkit-scrollbar{height: 0;width: 0;color: transparent}
.evaluate_list ul{ display: inline-flex; padding-left: 30px}
.evaluate_list li{ width: 550px; height: 716px; float: left; margin-right: 30px; border-radius: 8px; overflow: hidden; position: relative}
.evaluate_list .img{ width: 100%; height: 400px; float: left; overflow: hidden; position: relative}
.evaluate_list .img img{ max-width: 100%}
.evaluate_list .info{ width: calc(100% - 120px); height: 316px; float: left; background-color: #fff; padding: 0 60px}
.evaluate_list .t_1{ width: 100%; float: left; font-size: 32px; line-height: 40px; color: #323232; padding-top: 52px}
.evaluate_list .t_2{ width: 100%; float: left; font-size: 24px; line-height: 36px; color:rgba(50,50,50,0.6); padding-top: 22px}

.w_0{ width: 0; height: 0; float: left; overflow: hidden; position: absolute}
.img_1{ position: fixed; top: -400px; z-index: 100}

@media only screen and (max-width : 600px){
	.carousel{ height:584px; margin:-44px 0 8px}
	.carousel ul{ height:584px}
	.carousel li{ height:584px}
	.carousel .img{ width:430px; height:584px; margin-left: -215px}
	.carousel .video{ width: 430px; margin:0 0 0 -215px}
	.carousel .tit_box{ top: 95px}
	.carousel .tit_box .t_1{ font-size: 30px; line-height: 35px}
	.carousel .tit_box .t_2{ font-size: 15px; line-height: 20px; padding-top: 7px}
	.carousel .tit_box .t_3{ width: 128px; font-size: 15px; line-height: 40px; margin: 28px 0 0 -64px}
	
	.product_list li{ height: 358px; margin-bottom:8px}
	.product_list .img{ width: 430px; height: 358px; margin-left: -215px}
	.product_list .t_box{ top: 52px}
	.product_list .t_1{ font-size: 14px; line-height: 20px}
	.product_list .t_2{ font-size: 21px; line-height: 30px; margin-top: 5px}
	.product_list .t_3{ width: 112px; font-size: 16px; line-height: 35px; margin:10px 0 0 -56px}

	.new_list{ height: 490px}
	.new_list .tit{ font-size: 28px; line-height: 30px; padding-top: 50px}
	.new_list ul{ height: 320px; margin-top: 27px}
	.new_list li{ height: 320px}
	.new_list .img_box{ width: calc(100% - 32px); margin: 0 16px}
	.new_list .img{ width: 430px; height: 230px; margin-left: -215px}
	.new_list .info{ width: calc(100% - 56px); height: 140px; top: 160px; left: 26px}
	.new_list .t_1{ font-size: 16px; line-height: 20px; padding-top: 24px}
	.new_list .line{ width: 20px; height: 3px; margin:7px 0 0 -10px}
	.new_list .t_2{ font-size: 16px; line-height: 20px; padding-top: 9px}
	.new_list .t_3{ font-size: 12px; line-height: 20px; padding-top: 11px}
	.new_list .d_box{ height:5px; margin-top:4px}
	.new_list .d_box a{ width:5px; height:5px; margin:0 2px}
	.new_list .d_box .cur{ width: 16px}

	.evaluate_list{ height: 458px}
	.evaluate_list .box{ height: 358px; margin-top: 50px}
	.evaluate_list .box::-webkit-scrollbar{height: 0;width: 0;color: transparent}
	.evaluate_list ul{ padding-left: 15px}
	.evaluate_list li{ width: 275px; height: 358px; margin-right: 15px}
	.evaluate_list .img{ height: 200px}
	.evaluate_list .info{ width: calc(100% - 60px); height: 158px; padding: 0 30px}
	.evaluate_list .t_1{ font-size: 16px; line-height: 20px; padding-top: 26px}
	.evaluate_list .t_2{ font-size: 12px; line-height: 18px; padding-top: 11px}
	
}