@charset 'utf-8';
/*媒体查询*/
/*当页面大于1200px时*/
@media (min-width: 1200px) {

}
@media (max-width: 1400px) {
	.header .nav_bar>ul>li {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header .nav_bar ul li .sub_list .thd_nav a {
		padding: 10px;
	}
	h1.big_en {
		font-size: 45px;
	}
	.com_big_en {
		font-size: 35px;
	}
	.trailer .wp-block-column h2{
		font-size: 35px;
	}
	.index_s08 .right {
		width: 100%;
	}
	.index_s08 .right .box {
		width: 32%;
		margin-left: 0px;
		margin-right: 2%;
	}
	.index_s08 .right .box:nth-child(3n) {
		margin-right: 0px;
	}
	.index_s08 {
		padding-top: 60px;
	}
	.index_s08 .right {
		margin-top: 40px;
	}
	.index_s02 .item {
		height: 220px;
	}
	.index_s02 .item:hover {
		height: 240px;
	}
	.pad_top {
		padding-top: 70px;
	}
	.pad_bottom {
		padding-bottom: 70px;
	}
	.index_s03 .list .box .circle {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.index_s03 .list .box .img_box .txt {
		font-size: 16px;
	}
	.banner_area {
		height: 610px;
	}
	.header .nav_bar ul li .sub_list {
		width: 740px;
	}
	

}
/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 1199px) {
	h1.big_en {
		font-size: 38px;
	}
	.banner_area .small_en {
		font-size: 14px;
	}
	.pad_top {
		padding-top: 60px;
	}
	.pad_bottom {
		padding-bottom: 60px;
	}
	.com_big_en {
		font-size: 30px;
	}
	.trailer .wp-block-column h2{
		font-size: 30px;
	}
	.index_s03 .list .box {
		width: 25%;
	}
	.header .nav_bar>ul>li>a {
		font-size: 14px;
	}
	.header .nav_bar ul li .sub_list .thd_nav a {
		font-size: 14px;
	}
	.com_top .logo {
	    width: 210px;
	    height: 45px;
	    margin-top: 20px;
	}
	.index_s02 .item .big_en {
		font-size: 16px;
	}
	.index_s02 .item {
		height: 200px;
	}
	.index_s02 .item:hover {
		height: 220px;
	}
	.index_s02 .item .small_en {
		font-size: 14px;
	}
	.index_s02 .item .circle {
		width: 65px;
		height: 65px;
		line-height: 65px;
	}
	.index_s04 .block1 .right .txt {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
		height: 60px;
		line-height: 60px;
	}
	.index_s08 .right .box {
		padding: 35px 15px 20px 15px;
	}
	.index_s06 .list .box .circle {
		width: 65px;
		height: 65px;
		line-height: 65px;
	}
	.index_s06 .list .box {
		padding-top: 45px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.index_s06 .list .box .des {
		margin-top: 10px;
	}
	.list_banner {
		height: 350px;
	}
	.story .min_width {
		width: 990px;
	}
	.p03-s04 .tab li::before, .p03-s04 .tab .arrow::before {
		width: 60px;
	}
	.p03-s04 .tab li, .p03-s04 .tab .arrow {
		margin-right: 80px;
	}
	.p03-s04 .tab-main .slick-list .slick-track {
		padding-left: 80px;
	}
	.goals .list .item .circle {
		width: 100px;
		height: 100px;
	}
	.right_cont {
	    width: -webkit-calc(100% - 320px);
	    width: -moz-calc(100% - 320px);
	    width: calc(100% - 320px);
	}
	.list_banner .small_en {
		font-size: 14px;
	}
}
/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 991px) {
	.header {
		display: none;
	}
	.sp_header {
		display: block;
	}
	.index_s04 .block2 .box .txt {
		font-size: 16px;
	}
	.com_big_en {
		font-size: 25px;
	}
	.trailer .wp-block-column h2{
		font-size: 25px;
	}
	.s18 {
		font-size: 16px;
	}
	.banner_area .small_en br {
		display: none;
	}
	h1.big_en {
		font-size: 30px;
	}
	.banner_area {
		height: 430px;
	}
	.header_height {
		display: block;
	}
	.banner_area .btn {
		margin-top: 35px;
	}
	.index_s02 .item {
		height: 180px;
	}
	.index_s02 .item:hover {
		height: 200px;
	}
	.index_s03 .list .box {
		width: 33.3%;
	}
	.index_s08 .right .box .more {
		margin-top: 15px;
	}
	.index_s08 .right .box .more {
		font-size: 16px;
	}
	.index_s05 .list .box .img_box .cont .title {
		font-size: 16px;
	}
	.index_s05 .list .box .img_box .txt {
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}
	.index_s05 .list .box .img_box .cont {
		padding-left: 10px;
		padding-right: 10px;
	}
	.index_s05 .list .box .img_box .cont .des {
		font-size: 12px;
		margin-top: 10px;
	}
	.index_s05 .list {
		margin-top: 30px;
	}
	.index_s06 {
		padding-bottom: 60px !important;
	}
	.index_s10 {
		height: auto;
		padding-bottom: 70px;
	}
	.footer .block2 {
		display: none;
	}
	.footer .line {
		display: none;
	}
	.footer .bottom {
		height: 50px;
		line-height: 50px;
		margin-top: 30px;
	}
	.page a {
		padding: 5px 10px !important;
	}
	.page span {
		padding: 5px 10px;
	}
	.list_banner {
	    height: 230px;
	}
	.blog_list .box .cont {
		padding: 20px 10px 20px 10px;
		height: 130px;
	}
	.blog_list .box .cont .read_more {
		right: 10px;
		bottom: 20px;
	}
	.thank_you .list .box .title {
		font-size: 16px;
	}
	.thank_you .list .box .circle {
		width: 60px;
		line-height: 60px;
		height: 60px;
	}
	.thank_you .list .box .des {
		padding-left: 10px;
		padding-right: 10px;
	}
	.thank_you .list .box .title {
		padding-left: 10px;
		padding-right: 10px;
	}
	.list_banner {
		padding-top: 0px;
	}
	.contact .list .box {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.cont_form .cont .right_cont {
		padding-left: 30px;
		padding-right: 30px;
	}
	.story .min_width {
		width: 760px;
	}
	.p03-s04 .tab li::before, .p03-s04 .tab .arrow::before {
		width: 30px;
	}
	.p03-s04 .tab li, .p03-s04 .tab .arrow {
		margin-right: 50px;
	}
	.p03-s04 .tab-main .slick-list .slick-track {
		padding-left: 50px;
	}
	.about_us1 .right_cont {
		width: 50%;
	}
	.manufacturers .left .des {
		max-width: 270px;
	}
	.goals .list .item .big_en {
		font-size: 16px;
	}
	#category {
	    display: block;
	}
	.Knowledge .left_nav {
		display: none;
	}
	.right_cont {
		width: 100%;
	}
	.list_faq .box .selct {
	    height: 65px;
	    line-height: 65px;
	}
	.quality .block2 .right_cont {
		width: 50%;
	}
	.quality .block1 .cont .box .txt {
		padding: 20px 10px;
	}
	.trailer .block .txt {
	    width: 50%;
	}
	.p02_x1 .block2 .item .text .title {
		font-size: 18px;
	}
	.p02_x1 .block3 .list .box .txt {
		font-size: 18px;
	}
	.p02_x1 .block4 .item_list .box {
		width: 46%;
	}
	.p02_x1 .block6 .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.p02_x1 .block6 .list .box:nth-child(3n) {
		margin-right: 1%;
	}
	.p02_x1 .block7 .left_cont {
		width: 100%;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.p02_x1 .block7 .left_cont h2 {
		text-align: left;
	}
	.p02_x1 .block7 .right_cont {
		width: 100%;
		margin-top: 20px;
	}
	.p02_x2 .block1 {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.p02_x2_block5 .list .text {
		width: 50%;
	}
	.p02_x2_block5 .list .text {
		padding-top: 0px;
	}
	.head_h {
		display: none;
	}
	.p02_x2 .block2 .pic_list {
		width: 400px;
	}
	.ms-showcase2-template .ms-thumb-list.ms-dir-v {
		width: 70px !important;
		right: -80px !important;
	}
	.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
		width: 100% !important;
		height: 55px !important
	}
	.p02_x2 .block2 .right_cont {
	    width: -webkit-calc(100% - 460px);
	    width: -moz-calc(100% - 460px);
	    width: calc(100% - 460px);
	    float: right;
	}
	.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
	}
	 #exzoom {
	    width: 370px;
	    float: left;
	}
	.header_height {
		width: 100%;
	    height: 50px;
	}
}
/*小于767像素之间的屏幕里,这里的样式才生效*/
@media (max-width: 767px) {
	h1.big_en {
		font-size: 24px;
	}
	.index_s03 .list .box {
		width: 50%;
	}
	.pad_top {
		padding-top: 40px;
	}
	.pad_bottom {
		padding-bottom: 40px;
	}
	.index_s03 .list {
		margin-top: 30px;
	}
	.index_s04 .block1 .left {
		width: 100%;
		padding-top: 40px;
	}
	.index_s04 .block1 .left .line {
		margin-top: 15px;
	}
	.index_s04 .block1 .left .intro {
		margin-top: 20px;
	}
	.com_big_en {
		font-size: 20px;
	}
	.trailer .wp-block-column h2{
		font-size: 20px;
	}
	.index_s04 .block1 .right {
		width: 100%;
		padding-left: 0px;
	}
	.index_s04 .block2 .box {
		width: 50%;
	}
	.index_s05 .list .box {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.index_s07 .right_cont {
		width: 100%;
	}
	.index_s07 .left_cont {
		width: 100%;
		max-width: 100%;
		padding-right: 0px;
		margin-top: 30px;
	}
	.index_s08 {
		height: auto;
		padding-bottom: 50px;
	}
	.index_s08 .right .box {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.index_s08 .right {
		margin-top: 20px;
	}
	.index_s08 .right .box {
		height: auto;
	}
	.banner_area .btn {
	    padding: 10px 30px;
	    font-size: 14px;
	}
	.index_s02 .item {
		width: 50%;
	}
	.index_s02 .item:hover {
		height: 180px;
		top: 0px;
	}
	.index_s02 .item {
		margin-bottom: 50px;
	}
	.index_s02 {
		display: none;
	}
	.index_s03 .list .box .img_box .txt {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
	}
	.index_s04 .block2 .box .txt {
		font-size: 14px;
	}
	.index_s04 .block2 {
		margin-top: 70px;
	}
	.view_more {
		height: 40px;
		line-height: 40px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 14px;
	}
	.index_s05 .top .left {
		display: block;
	}
	.index_s05  .view_more {
		display: block;
	}
	.index_s08 {
		background: #e84829;
	}
	.index_s09 .cont .circle_pic {
		width: 130px;
	}
	.index_s09 .cont .circle_pic .img_box img {
		padding: 7px;
	}
	.pre_btn, .next_btn {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.index_s09 .cont {
		padding-top: 30px;
	}
	.index_s10 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.index_s10 .cont {
		display: block;
	}
	.index_s10 .view_more{
		margin-top: 30px !important;
	}
	.footer .block1 .left_msg {
		width: 100%;
	}
	.footer .block1 .right_msg {
		width: 100%;
		margin-top: 20px;
	}
	.footer .circle {
		width: 80px;
		height: 80px;
		line-height: 80px;
		background-size: 40px 40px;
	}
	.footer .circle i {
		font-size: 30px;
	}
	.list_banner h1.big_en {
	    font-size: 30px;
	}
	.list_banner {
	    height: 180px;
	}
	.blog_list .box {
		width: 49%;
	}
	.blog_list .box:nth-child(3n) {
		margin-right: 2%;
	}
	.blog_list .box:nth-child(2n) {
		margin-right: 0px;
	}
	.thank_you .list .box {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 60px;
	}
	.thank_you .list .box {
		box-shadow: 17.207px 24.575px 60px 0px rgba( 155, 173, 185, 0.2);
	}
	.thank_you .list .box .circle {
	    background-color: #e84829;
	    color: #fff;
	}
	.cont_form .cont .left_cont {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 0px;
	}
	.cont_form .cont .right_cont {
		width: 100%;
		margin-top: 40px;
	}
	.p03-s04 .item-main .pic {
		width: 100%;
		max-width: 450px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.p03-s04 .item-main .text {
		width: 100%;
	}
	.slick-arrow {
	    position: absolute;
	    z-index: 1;
	    top: 50%;
	    -webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	    transform: translate(0,-50%);
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    line-height: 30px;
	    width: 30px;
	    text-align: center;
	    cursor: pointer;
	}
	.p03-s04 .slick-arrow {
	    display: block!important;
	    top: 30%;
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.p03-s04 .s04-next {
	    right: 0;
	}
	.p03-s04 .tab {
		display: none;
	}
	.about_us1 .left_cont {
		width: 100%;
	}
	.about_us1 .right_cont {
		width: 100%;
		margin-top: 40px;
	}
	.our_team .list .box {
		width: 48%;
		margin-top: 100px;
	}
	.our_team .list {
	    margin-top: 0px;
	}
	.goals .list .item {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		max-width: 380px;
		float: none;
		margin-bottom: 70px;
	}
	.goals .list .item:nth-child(3n) {
	    margin-right: auto;
	    margin-bottom: 0px;
	}
	.goals .list {
	    margin-top: 80px;
	}
	.our_team .list .box .txt .title {
	    font-size: 16px;
	    color: #515a5e;
	}
	.list_faq .box .selct {
	    height: 50px;
	    line-height: 50px;
	}
	.list_faq .box .selct .title {
		font-size: 16px;
	}
	.quality .block1 .cont .box .txt {
	    padding: 20px 1px;
	}
	.quality .block1 .cont {
	    margin-top: 25px;
	}
	.quality .block3 .list_cont .box {
		width: 48%;
		margin-right: 2%;
	}
	.quality .block3 .list_cont .box .txt {
		font-size: 16px;
	}
	.quality .block3 .list_cont {
	    margin-top: 30px;
	}
	.trailer .block .pic {
		width: 100%;
	}
	.trailer .block .txt {
		width: 100%;
		margin-top: 30px;
	}
	.trailer .block {
	    margin-bottom: 30px;
	}
	.p02_x1 .block1 .img_text .pic {
		width: 100%;
	}
	.p02_x1 .block1 .img_text .text {
		width: 100%;
		margin-top: 30px;
	}
	.p02_x1 .block2 {
	    margin-top: 40px;
	}
	.p02_x1 .block2 .item:nth-child(3n) {
		margin-right: 0px;
	}
	.p02_x1 .block2 .item {
		width: 48%;
		margin-right: 2%;
	}
	.p02_x1 .block2 .item:nth-child(2n) {
		margin-right: 0px;
	}
	.p02_x1 .block3 .list .box {
		width: 50%;
	}
	.p02_x1 .block4 .item_list .box {
		width: 100%;
		margin-bottom: 20px;
		min-height: auto;
	}
	.p02_x1 .block4 .item_list .box .des {
		display: block;
	}
	.p02_x1 .block4 .item_list .box .title {
	    font-size: 16px;
	}
	.p02_x1 .block4 .item_list .box .des {
		margin-top: 5px;
	}
	.video_box {
		width: 100%;
	}
	.p02_x1 .p03-s04 .item-main .cont {
		width: 100%;
		margin-top: 20px;
	}
	.p02_x1 .block6 .list .box {
		width: 98%;
	}
	.p02_x1 .block8 .download .box {
		width: 48%;
	}
	.p02_x1 .block8 .download .box .down {
		height: 55px;
		line-height: 55px;
		width: 55px;
	}
	.p02_x1 .block8 .download .box .file_name {
	    width: -webkit-calc(100% - 55px);
	    width: -moz-calc(100% - 55px);
	    width: calc(100% - 55px);
		height: 55px;
		line-height: 55px;
	}
	.p02_x2 .block1 {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.p02_x2 .block2 .pic_list {
	    margin: 0 auto;
	    float: none;
	}
	.p02_x2 .block2 .right_cont {
		width: 100%;
	}
	.p02_x2 .block2 .right_cont {
	    width: 100%;
	    margin-top: 40px;
	}
	.p02_x2 .block3 {
		overflow: scroll;
	}
	.p02_x2 .block3 table {
		width: 800px;
	}
	.p02_x2 .block3 table tr td {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.p02_x2 .block4 .download .box {
		width: 50%;
	}
	.p02_x2_block5 .list .pic {
		width: 100%;
	}
	.p02_x2_block5 .list .text {
		width: 100%;
		margin-top: 20px;
	}
	.p02_x2 .block4 .download .box .down {
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	}
	.p02_x2 .block4 .download .box .file_name {
	    height: 50px;
	    line-height: 50px;
	}
	.detail .block2 .list .box .text {
		padding: 10px;
	}
	.detail .block2 .list .box {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
	}
	.form_action {
		padding: 20px 10px;
	}
	.form_action form input.text {
	    height: 40px;
	}
	.form_action form .lable { 
		margin-top: 10px;
	}
	.form_action .buttom {
		height: 40px;
		line-height: 40px;
	}
 	#dialog .right_area .des {
 		margin-top: 10px;
 	}
 	.cont_form .cont .right_cont .submit {
 		top: 25px;
 	}
 	.manufacturers .right .item {
 		margin-left: 10px;
 	}
 	.p02_x1 .block2 .item {
 		margin-bottom: 40px;
 	}
 	.wp-block-columns .page_tit_area * {
		padding-right: 0px;
	}
	.wp-block-columns:nth-child(2) .page_tit_area * {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page_tit_area {
		padding-top: 0px;
	}
	.p02_x1 .block2 .item:nth-child(3n+1) {
		clear:none;
	}
	#exzoom {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
	.banner_area {
		height: 350px;
	}
	.banner_area .btn {
		margin-top: 20px;
	}
	h1.big_en {
		font-size: 20px;
	}
	.banner_area .small_en {
		line-height: 1.5;
	}
	.index_s05 .list .box {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.blog_list .box .cont .des {
		font-size: 12px;
	}
	.blog_list .box .cont .read_more {
		font-size: 12px;
	}
	.list_banner {
	    height: 150px;
	}
	.list_banner h1.big_en {
	    font-size: 25px;
	}
	.com_big_en {
		font-size: 18px;
	}
	.trailer .wp-block-column h2{
		font-size: 18px;
	}
	.our_team .list .box {
		padding-top: 70px;
		height: 170px;
	}
	.our_team .list .box {
		margin-top: 80px;
	}
	.quality .block1 .cont .box { 
		width: 100%;
		margin-right: 0px;
	}
	.quality .block2 .left_cont {
		width: 100%;
	}
	.quality .block2 .right_cont {
	    width: 100%;
	    margin-top: 20px;
	}
	.quality .block3 .top_txt .left_cont {
    	width: 100%;
    }
    .quality .block3 .top_txt .right_cont {
    	width: 100%;
    	margin-top: 20px;
    }
    .quality .block3 .list_cont .box {
    	width: 100%;
    	margin-right: 0px;
    }
    .p02_x1 .block2 .item {
    	width: 100%;
    	margin-right: 0px;
    }
/*    .p02_x1 .block2 .item .text {
    	height: 190px;
    }*/
    .p02_x1 .block3 .list .box .txt {
	    font-size: 14px;
	}
	.p02_x1 .block8 .download .box {
		width: 98%;
	}
	.p02_x2 .block4 .download .box {
		width: 100%;
		margin-bottom: 10px;
	}
	.detail .block2 .list .box {
		width: 100%;
	}
	.p02_x2 .block2 .pic_list {
		width: 100% !important;
		overflow: hidden;
	}
	#exzoom {
		width: 100% !important;
	}
}