@charset "utf-8";

@media only screen and (max-width: 1199px){
	.wrap{width: 1050px;}
	/*index-team*/
	.team_item .wrap{margin-left: -525px;}
	.team_rt h3{margin: 20px 0 10px 0;}
	.team_rt > a{margin-top: 20px;}
	/*index-partners*/
	.partners_item li{width: 261.75px !important; height: 220px;}
	/*product_content*/
	.product_iteam li{font-size: 12px;}
	.prod_t1{background-position: 24% center;}
	.prod_t2{background-position: 20% center;}
	/*contact*/
	.mess_input{width: 310px;}
	.mess_sel,.message_area{width: 794px;}
	.mess_input input[type="text"]{width: 308px;}
	.message_sel select{width: 310px;}
	.message_sel input[type="text"]{width: 458px;}
	.message_area textarea{width: 792px;}
}

@media only screen and (max-width: 1099px){
	.wrap{width: 950px;}
	.search{width: 260px;}
	.search_input{width: 228px;}
	.h_rt{padding: 4px 0;}
	.h_lange > img{height: 34px;}
	.h_lange > a{height: 34px; line-height: 34px;}
	/*index-team*/
	.team_item .wrap{margin-left: -475px;}
	/*index-partners*/
	.partners_item li{width: 236.75px !important; height: 200px;}
	/*case_list*/
	.case_list li img{width: 280px; margin-right: 40px;}
	/*product_content*/
	.prod_t1{background-position: 20% center;}
	.prod_t2{background-position: 18% center;}
	.prod_rt > p{margin-top: 4px;}
	.prodv_img_sub a{width: 120px;}
	.prodv_case_lt p{height: 78px;}
	.prodv_case_lt a{width: 120px; height: 30px; line-height: 30px; font-size: 12px;}
	/*contact*/
	.contact_item p{font-size: 12px;}
	.mess_input{width: 260px;}
	.mess_sel,.message_area{width: 694px;}
	.mess_input input[type="text"]{width: 258px;}
	.message_sel select{width: 260px;}
	.message_sel input[type="text"]{width: 408px;}
	.message_area textarea{width: 692px;}
}

@media only screen and (max-width: 959px){
	
	.wrap{width: 94%;}
	.back_top{bottom: 50%; margin-top: 25px;}
	.right_menu{display: none;}
	.block.on{z-index: 22; position: fixed; left: 0; top: 110px; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
	.top{display: block;}
	.header{border-bottom: 0 none;}
	.logo{padding: 0;}
	.logo img{height: 50px;}
	.h_rt{display: none;}
	.m_menu{display: block;}

	.logo.on{transform: translate(-640px, 0); -webkit-transform: translate(-640px, 0); -moz-transform: translate(-640px, 0); -o-transform: translate(-640px, 0); -ms-transform: translate(-640px, 0);}

	.nav{-o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 9999; background-color: #fff; position: fixed; top: 40px; right: 0; height: 100%; overflow-x: hidden; overflow-y: auto;  transform: translatex(100%); -webkit-transform: translatex(100%);}
	.nav{width: 80%;}
	.nav_ul.wrap{width: 100%;}
	.nav.open{ transform: translatex(0%); -webkit-transform: translatex(0%);}
	.nav_ul > li.m_searli{display: block;}
	.nav_ul > li{float: none; border-bottom: 1px solid #ddd; height: 60px; line-height: 60px;}
	.nav_child{display: none !important;}
	/*footer*/
	.foot_cont > h2{margin-bottom: 10px;}
	.foot_nav li{font-size: 12px;}
	.foot_info li{font-size: 12px;}
	/*index-product*/
	.pro_list li{width: 48%;}
	/*index-news*/
	.lt_more{height: 34px; line-height: 34px;}
	/*index-team*/
	.team_item .wrap{margin-left: -47%;}
	.team_rt h3{font-size: 20px; margin: 16px 0 6px 0;}
	.team_rt p{font-size: 14px; line-height: 22px;}
	.team_rt > a{margin-top: 16px; height: 32px; line-height: 32px;}
	/*index-partners*/
	.partners_item li{width: 200px !important; height: 180px; margin: 0 5px;}
	.partners_item li img{max-width: 100%; max-height: 100px;}
	.partners_item .wrap > a{width: 20px; height: 43px; margin-top: -21.2px;}
	/*main*/
	.posite{height: 80px; line-height: 80px; font-size: 12px;}
	/*main*/
	.main_iteam li{height: 50px; line-height: 50px;}
	/*case-list*/
	.case_list{padding: 0 0 60px 0;}
	.case_list li img{width: 200px; margin-right: 20px;}
	.case_list li h3{margin-bottom: 10px;}
	.case_more{height: 30px; margin-top: 10px;}
	.case_more span{height: 30px; line-height: 30px;}
	/*product_content*/
	.side{margin-top: 20px;}
	.product_iteam li{width: 24%; margin: 0 0.5% 10px 0.5%; height: 50px; line-height: 50px;}
	.prod_t1{background-position: 8% center;}
	.prod_t2{background-position: 6% center;}
	.prod_lt,.prod_rt{width: 100%; float: none;}
	.prod_rt{margin-top: 14px;}
	.prodv_case_lt p{height: 52px;}
	/*contact*/
	.contact_text li{width: 100%; float: none;}
	.contact_item{min-height: 0; margin-bottom: 20px;}
	.contact_row1 .contact_item{margin: 0; margin: 0 16px 20px 36px;}
	.message_row h3 em{width: 100px; background-size: 26px auto;}
	.message_row h3 span{margin-right: 40px;}

	.mess_text{width: 36%;}
	.mess_input{width: 62%; margin-left: 2%;}
	.mess_sel,.message_area{width: 81%; margin-left: 1%;}
	.message_sel .mess_text,.message_textarea .mess_text{width: 18%; white-space: nowrap;}
	.mess_input input[type="text"]{width: 98%;}
	.message_sel select{width: 38%;}
	.message_sel input[type="text"]{width: 60%; margin-left: 1.6%; float: left;}
	.message_area textarea{width: 99.6%;}
	.message_sub{margin-left: 19%;}
}

@media only screen and (max-width: 767px){
	.wrap{width: 90%;}
	.logo img{height: 30px;}
	.m_menu{top: 5px;}
	.block.on{top: 90px;}
	.nav_ul > li{height: 40px; line-height: 40px;}
	.nav_ul > li.m_searli{height: 30px;}
	.m_sear{padding: 0;}
	/*footer*/
	.foot_cont{width: 100%; margin-bottom: 20px;}
	.footer_two li{margin-left: 8px;}
	/*index*/
	.in_title span{padding: 0 50px;}
	/*index-products*/
	.pro_list li{width: 98%;}
	/*index-service*/
	.in_small{font-size: 12px;}
	.ser_list{margin-top: 0;}
	.ser_list li{width: 46%; margin-bottom: 20px;}
	.ser_list li h3{font-size: 16px; margin-top: 10px;}
	.ser_list li p{margin-top: 0;}
	/*index-news*/
	.news_lt,.news_rt{width: 100%; float: none;}
	.news_lt > h3{font-size: 18px; height: 32px; line-height: 32px; margin-top: 10px;}
	.lt_more{margin-top: 14px;}
	.news_rt{margin-top: 20px;}
	.ndate_lt{width: 16%;}
	.nw_list{width: 82%;}
	.nw_list h3,.nw_list p{padding: 0 16px;}
	/*index-team*/
	.team_img{width: 100%;}
	.team_item{position: static;}
	.team_item .wrap{position: static; margin: 0 auto; padding-bottom: 20px;}
	.team_rt{width: 100%;}
	/*index-partners*/
	.partners_item li{width: 100px !important; height: 80px;}
	.partners_item li img{max-width: 60%; max-height: 60px;}
	.scroll_wrap{width: 70%;}
	/*ny_banner*/
	.ban_text span{height: 50px; line-height: 50px; font-size: 20px;}
	/*main*/
	.main_iteam li{height: 40px; line-height: 40px; font-size: 12px;}
	/*product-list*/
	/*news-list*/
	.img_list{padding-bottom: 60px;}
	.news_list li{width: 100%; margin: 0 0 20px 0;}
	/*img-list*/
	.img_list{padding-bottom: 60px;}
	.img_list li{width: 98%; margin-bottom: 30px;}
	/*case-list*/
	.case_list li{padding: 20px 0;}
	.case_list li img{width: 120px; margin-right: 10px; margin-bottom: 20px;}
	.case_list li h3{font-size: 16px; height: 24px; line-height: 24px; margin-bottom: 6px;}
	/*down_list*/
	.down_list{padding-bottom: 60px;}
	.down_left h3{font-size: 16px; line-height: 22px;}
	.down_time{font-size: 14px;}
	/*product_content*/
	.product_iteam li{width: 49%; height: 40px; line-height: 40px;}
	.side_lt,.side_rt{width: 100%; float: none;}
	.side_lt{margin-top: 30px;}
	.prodv_case_lt p{line-height: 20px; font-size: 12px; height: 40px;}
	.prodv_case_lt a{margin-top: 4px;}
	.prod_case .slick-dots{bottom: -20px;}
	/*service_content*/
	.service_nav li{width: 50%; margin-bottom: 10px;}
	.service_nav li h3{font-size: 14px; font-weight: normal; margin-top: 0;}
	.service_nav li img{max-width: 30%;}
	.service_content .content_text{margin-top: 20px;}
	/*contact*/
	.message_row h3{font-size: 12px; height: 40px; line-height: 40px; white-space: nowrap; text-align: center;}
	.message_row h3 em{display: none;}
	.message_row h3 span{display: none;}
	.message_form{padding: 40px 20px;}
	.message_input{width: 100%;}
	.mess_text{font-size: 12px; width: 100%; text-align: left;}
	.mess_input{width: 100%; margin-left: 0;}
	.message_sel .mess_text,.message_textarea .mess_text{width: 100%;}
	.mess_sel,.message_area{width: 100%; margin-left: 0;}
	.message_sel select{width: 99%; margin-bottom: 20px;}
	.message_sel input[type="text"]{width: 98%; margin-left: 0;}
	.message_area textarea{width: 98%;}
	.message_sub{margin-left: 0;}
}

@media only screen and (max-width: 330px){
	/*header*/
	.logo img{height: 24px; padding: 3px 0;}
}