@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px)
{
	.ts-video{top:91px;width: 600px;
    height: auto;}
	
}
@media screen and (max-width:1440px)
{
	.ts-video {
    position: absolute;
    top: 81px!important;
    right: 84px;
    width: 540px;
}
	
}
@media screen and (max-width:1300px)
{
	.news_box{ width:98%}
	.news_xiaobox{ width:27%; margin:0 1%;}
	.ts-video {
    position: absolute;
    top: 74px;
    right: 84px;
    width: 438px;
    height: auto;
}
}
@media screen and (max-width:1222px)
{
	.ts-video {
   
    top: 68px!important;
   
}
	#header .header,#index_main .index_main,#feature .feature,#fischer .fischer{ width:98%;}
	#feature .feature .customer{ display:none}
	.pro_top_text,.pro_main{ width:98%; padding:0 1%;}
	.right_pro_img{ width:33%;}
	.right_pro_text{ margin-left:2%;}
	.why_box{ width:95%;}
	.why_xiaobox{ width:29%; margin-right:2%}
	.why_6box{ width:10%; margin:0 3%;}
	.fro_box{ width:95%;}
	.fro_xiaobox{ width:18%; margin-right:1%;}
	.fro_up{ font-size:13px;}
	#brand .brand{ width:95%;}
	#footer .footer{ width:95%}
	.footer_down{ width:95%;}
	.footer_downl{ margin-left:30%;margin-bottom:15px;}
	.footer_l{ width:30%}
	.footer_z{ width:36%; margin-right:1%}
	.footer_downr{ float:none; clear:left; margin-left:30%; }
	.contact_right{ width:100%}
	.contact_right iframe{ width:100%}
	.newsletter_img{ display:none;}
}
@media screen and (max-width:1200px)
{
	#brand{display:none;}
	.app1{ width:100%; margin-left:0}
	.app2{ width:100%; margin-left:0}
	.app3{ width:100%; margin-left:0}
}
@media screen and (max-width:1168px)
{
	#header{ z-index:100;}
	#header .header .head_r .head_nav1{ display:none;top:95px; position:fixed; width:104%; margin-left:-4%}
	#header .header .head_r .head_nav1 ul li{ width:100%; float:left;text-align:center;}
	#header .header .logo{ z-index:21;}
	.news_r_txt1{ font-size:12px;}
	.news_r_txt2{ font-size:12px;}
	.pro_right .app_box{ width:30%; margin:0 3% 60px 0;}
	.newsletter h1{ float:none; text-align:center;}
	.newsletter_right{ float:none; width:90%; margin:0 auto;}
}

@media screen and (max-width:1100px)
{
	.app_down_look{ width:490px;}
	.app_down_left{ width:540px;}
	.why_3look{ width:85%}
}
@media screen and (max-width:1038px)
{
	.pro_left{ display:none; position:absolute; left:-280px; top:0; background-color:#ffffff; padding-left:10px;}
	.pro_right,.list_right{ width:98%; padding:0 1%;}
	#left_btn{ display:block;}
	.news_xiaobox{ width:40%; margin:0 1.5%; margin-bottom:30px;}
	.news_r_txt1{ font-size:14px;}
	#index_main .index_main .m1 .z3,#index_main .index_main .m1 .z4{font-size:18px;}
	.app{ width:100%; margin-left:0%;}
	.index_main_111bg{ height:30%;}
	#container{ width:90%; margin-left:0%}
	.pro_right, .list_right{ width:98%;}
	#container1{ width:90%; margin:0 5%}
	.neiye_nav{ display:block;margin:10px 0 24px 0;border-top: 1px solid #ffd7d6;}
	#left_btn{ display:none}
}
@media screen and (max-width:1024px)
{.footer_r{ width:30%}
	#feature .feature ul li{ width:30%;}
	#header .header .menu_button{ display:block}
	#header .header .head_r .head_nav{display:none;}
    .yuyan_box{ margin-bottom:10px;}
	#header .header .head_r{ padding-top:7px;}
/*	#header .header .head_r .share{ clear:right;}*/
	#header .header .logo img{ width:130%; margin:0;}
	#MEIQIA-BTN-HOLDER{ display:none;}
}

@media screen and (max-width:970px)
{
	#fischer .fischer .db{ width:99%; padding-left:1%;}
	#fischer .fischer .db_1{ padding-top:20px;}
	#footer .footer .foot_mk input{ width:80%;}
	#footer .footer .fmk{ display:none;}
	#footer .footer .foot_mk{ width:49%; padding-left:1%;}
	.login_box{ left:25%;}
	.like{ width:100%;}
	.fro_xiaobox{ width:30%; margin-right:3%; margin-bottom:20px;}
	.fro_up{ font-size:16px;}
	.pro_main_order{ width:90%}
	.order{ width:100%; float:none}
	.order_left{ float:none; margin:auto;}
	.order_right{width:85%; margin-left:7%;}
	.newsletter{ width:90%;}
	.newsletter_right form input{ width:100%;}
	.newsletter_right form button{ margin-top:20px;}
	.footer_downr{ margin-left:30%;}
}

@media screen and (max-width:965px)
{	
	.why_xiaobox{ width:60%; margin-left:20%; margin-bottom:20px}
	.why_xiaobox_r{ width:48%; font-size:14px;}
	.why_txt1{ margin-left:auto; margin-right:auto;}
	.why_xiaobox_l{ width:25%; margin-left:7%}
	.why_txt3{ width:68%; margin-bottom:10px;}
	.why_xiaobox_r{ width:60%; margin-left:4%; font-size:16px;}
	
	.footer_r_bnt{ width:100%}
	ul.siteul li{ width:48%}
}
@media screen and (max-width:870px)
{
	.pro_main_order,.order{ width:100%;}
	.right_pro_text1{ height:auto}
	.right_pro_text1 h4{ height:auto}
	.MsoNormal {
    width: 94%;
	margin: auto;}
	#header .header .head_r .share {display: block;

}
	#header .header .head_r .share li form{}
}
@media screen and (max-width:850px)
{
	.right_pro_text h3{font-size: 1.5rem;}
	.details_left,.details_right{ width:100%;padding-right:0;}
	.details_left_img{ width:98%;}
	.details_left_topimg{ width:80%;  margin: 0 auto; float:inherit;}
	.size_btm{ text-align:center;}
	/*#inquiry_btn{ float:none;}*/
	.why_6box{ width:33%; margin:0; height:200px;}
	.fro_txt1{ font-size:16px;}
	#index_main .index_main .m1 .z1,#index_main .index_main .m1 .z2{font-size:22px;}
	#index_main .index_main .m1 .z3,#index_main .index_main .m1 .z4{font-size:14px;}
	.app_upheng{ float:none; margin-top:50px;}
}
@media screen and (max-width:800px)
{
	.reviews_textbox{ width:100%;}
	.fro_up{ font-size:13px;}
	.index_text{ font-size:30px; margin-bottom:30px;}
	.why_txt{ font-size:30px;margin-bottom:30px;}
	.fro_txt{ font-size:30px;margin-bottom:30px;}
	.news_txt{ font-size:30px;margin-bottom:30px;}
	.footer_l{ width:50%}
	.footer_z{ width:50%; margin-right:0}
	.footer_r{ width:50%; margin-left:25%;}
	.size_btmr{ margin-right:20px;}
	.order_title1{ font-size:30px}
	.footer_r{ display:none}
	.footer_down{ float:none}
	.footer_downl{ float:none; margin-left:auto; margin-right:auto; text-align:center;}
	.footer_downr{ float:none; margin-left:auto; margin-right:auto; text-align:center; width:215px; margin-top:10px;}
	.dibu{ display:block}
	.online_rightbnt{ display:none}
	.online{ bottom:40px; right:-120px;}
	.footer_down{ padding-bottom:40px;}
	#header{height: 160px;}
}
@media screen and (max-width:775px)
{
	#header .header .logo{ width:90%; text-align:center; padding-left:5%; margin-top: 37px}
/*	#header .header .head_r .share{ display:none;}*/
/*	#header .header img.down_search{ display:block;}*/
	#header .header .menu_button{display:block;}

	.location{padding-top: 20px;}
	.right_pro_img,.right_pro_text{ width:90%; margin-left:5%}
	.right_up_txt{ width:90%; margin-left:5%;}
	.right_ple_box{ margin-left:0}
	.pro_list_{ width:46%;}
	.login_box{ left:20%;}
	.news_r_txt1{ font-size:12px;}
	.why_xiaobox_r{ font-size:14px;}
	#index_main{ display:none}
	.why_3look{ width:75%}
	.feedback_2{ position:absolute;right:0}
	#header .header .logo img{ width:350px;}
	
}
@media screen and (max-width:700px)
{
	.index_text img{ width:90%}
	.fro_xiaobox{ width:45%; margin-right:4%;}
	.fro_up{ font-size:16px;}
	.news_xiaobox{ width:80%; margin-left:6%;}
	.news_l_txt{ font-size:14px;}
	.news_r_txt1{ font-size:18px;}
	.news_r_txt2{ font-size:14px;}
	.app_down_right{ width:90%}
	.app_down_rdabox{ width:300%}
	.app_down_rimg{ width:33.33333%}
	.app_down_rimg img{ width:100%}
	.news_detail_title {line-height: 36px;}
}

@media screen and (max-width:640px)
{
	#feature .feature ul li{ width:48%;}
	.login_box{ left:10%;}
	.like_list_{ width:95%; margin:0 2%;  text-align: center;}
	.like_list_ img{ width:60%; padding-top:20px;}
	
	.order_left{ width:100%;height:auto;}
	.order_left_img{ width:50%;height:auto;}
	.order_left_img img{ width:100%;}
	.order_left_text{ position:relative; padding-top:15%;}
	.order_right{ width:98%;margin-left:0; padding:0 1%;}
	#index_main .index_main .m1 .z1,#index_main .index_main .m1 .z2{font-size:18px;}
	#index_main .index_main .m1 .z3,#index_main .index_main .m1 .z4{font-size:12px;}
	.right_pro_img1{ width:90%; margin-left:5%;}
	.right_pro_text1{ width:90%; margin-left:5%;}
	ul.siteul li{ height:70px;}
	.feedback_2{ margin-top:-40px;}
}
@media screen and (max-width:600px)
{
	.why_xiaobox{ width:80%; margin-left:10%; margin-bottom:20px}
	#footer .footer .foot_mk{ width:99%; padding-left:1%;}
	.login_box{ left:1%;}
	.feedback{ width:100%;}
	.why_xiaobox_r{ }
	.fro_txt1{ font-size:12px;}
	.news_l_txt{ font-size:12px;}
	.news_r_txt1{ font-size:16px;}
	.news_r_txt2{ font-size:14px;}
	.footer_l{ width:80%; margin-left:10%;}
	.footer_z{ width:80%; margin-left:10%; margin-top:20px;}
	.footer_r{ width:80%; margin-left:10%; margin-top:40px;}
	.in_box{ width:47%;}
	.app_down_rtxt{ font-size:18px; line-height:25px;}
	.app_down_look{ width:240px;}
	.app_down_left{ width:290px;}
	.pro_top_text h3{ line-height:50px;}
	/*.details_right .box0,*/.details_right .box1,.details_right .box2,.details_right .box3,.details_right .box4{ height:250px; overflow-y: scroll;}
	.feedback .feedback_1{ margin-bottom:10px;}
	.feedback_td{ margin:0; padding:0; margin-left:125px;}
	
	
	/*修改*/
	.contact1_top_l{ float:none; width:100%; border-right:none;}
	.top_l, .top_r {
    width: 100%;
    /* float: left; */
}
    .contact1_top_r{ display:none;}
	.contactForm{ display:block;}
	}
	
@media screen and (max-width:550px)
{	
	.pro_right .app_box{ width:100%; /*margin:0 0 60px 10%;*/}
	#index_main{ background:#ccc;}
	#index_main .index_main .m1{ width:90%; margin:5%;}
	#feature .feature ul li{width:90%; margin:5%;}
	video{ width:100%;}
	.pro_list_{ width:100%;margin-left:0; margin-right:0; }
	.login_box{ width:89%;}
	.news_l_txt{ font-size:12px;}
	.news_r_txt1{ font-size:12px;}
	.news_r_txt2{ font-size:12px;}
	#index_main .index_main .m1 .z1,#index_main .index_main .m1 .z2{font-size:28px;}
	#index_main .index_main .m1 .z3,#index_main .index_main .m1 .z4{font-size:28px;}
	.contact_right iframe{ height:300px;}
	#index_main .index_main .m1 .z1, #index_main .index_main .m1 .z2{ top:47%;}
	.index_text{ font-size:24px; margin-bottom:0}
	.why_txt{ font-size:24px;margin-bottom:0}
	.fro_txt{ font-size:24px;margin-bottom:0}
	.news_txt{ font-size:24px;}
	.app{ width:100%;}
	.pro_right{ width:100%; padding:0;}
	
	.contactForm li {
    width: 100%;}
	.dibu_inpbox1{ width:94%}
	#header .header .logo{ padding:0;}
	#header .header .logo img{ width:420px;}
	
}
@media screen and (max-width:500px)
{
	.why_xiaobox_l{ width:60%; margin-left:20%;}
	.why_xiaobox_r{ width:80%; font-size:14px; margin-left:10%}
	.why_box{ width:100%}
	.why{ padding-top:20px; padding-bottom:20px;}
	/*.why_6box{ width:50%; margin:0; height:200px;}*/
	.why_6txt{ font-size:13px; font-weight:bold}
	.why_6{ margin-top:20px;}
	.foot_add2{ display:block}
	.foot_add1{ display:none}
	.fro_up{ font-size:13px;}
	.why_txt3{ width:100%}
	.footer_z .footer_z_txt{ font-size:18px;}
	.footer_downl{ font-size:12px;}
	.footer_downr ul li{ font-size:12px;}
	.details_right_title{ font-size:18px;}
	.index_main_111bg{ height:30%}
	.news_l{ width:80%; margin-left:10%; margin-bottom:20px;}
	.news_r{ width:80%; margin-left:10%}
	.why_red{ display:none}
	.why_txt1{ display:none}
	.why_3l{ left:10px;}
	.why_3r{ right:10px;}
	.fro_down img{ padding:10px 0;}
	.footer_l_6{ margin-bottom:0}
	.right_pro_text1 h4{ display:none}
	.right_pro_text1 h3{ font-size:14px; line-height:20px;}
	
}
@media screen and (max-width:450px)
{
	#header .header .logo{ top:37px;}
	#header .header .logo img{ width:320px;}
	#header .header .head_r .share .lxtel li span {
    font-size: 16px;
}
}
@media screen and (max-width:430px)
{
	.why_txt img{ width:80%}
	.why_txt3{ font-size:14px;}
	.fro_xiaobox{ width:80%; margin-left:10%;}
	.fro_up{font-size:14px; height:auto; padding-top:5px; padding-bottom:5px;}
	.fro_txt img{ width:80%}
	.right_ple_txt{ font-size:12px; height:80px;}
	#index_main .index_main .m1 .z1,#index_main .index_main .m1 .z2{font-size:20px;}
	#index_main .index_main .m1 .z3,#index_main .index_main .m1 .z4{font-size:20px;}
	.size_btm{ height:100px; width:100%;}
	.index_main_111bg{ height:20%}
	.app_down_rtxt{ font-size:16px; line-height:25px;}
	.team_people .people{ width:99%; margin-top:6%;}
	.team_box .team1{ margin-top:0px;}
	.details_logo img{ width:94%; margin-left:3%;}
	.why_6box img{ width:60%;}
	.app_down_rtxt{ font-size:14px;}
	.feedback tr td input{ width:50%}
	.feedback tr td textarea{ width:50%}
	ul.siteul li{ width:90%; height:55px;}
	.order_title1{ width:70%; font-size:24px; margin-left:5%; margin-top:10px}
	.order_title1 span{ right:-25%}
	.why_3xiaobox{margin: 0 63.32px 0 0;}
	.why_3look{ width:270px;}
	.news_xiaobox{ margin-left:3%}
	.why_3l{ top:27px; width:14px;}
	.why_3r{ top:27px; width:14px;}
	.why_txt{ font-size:18px;}
	.why_6box{ height:160px;}
	.news_r_txt1{ height:65px; overflow:hidden}
	.size_btmr{ margin-left:5px; margin-right:5px; float:left;}
	#inquiry_btn{ float:left;}
	.parameter_contract{ border-radius:0px; width:100%;}
	#header .header .head_r .share {margin-right: 160px;}
	
	
}
	
@media screen and (max-width:380px)
{
	#header .header .logo img{ width:300px;}
	#header .header .logo {top:-38px;}
	#header{height: 178px;}
	#header .header .head_r .share {
    margin-right: 67px;
    margin-top: 85px;
}
	#header .header .logo img {
    margin-top: 33px;
}
}
@media screen and (max-width:340px){
		#index_main .index_main .m1 .z1, #index_main .index_main .m1 .z2{ font-size:17px;}
		.in_box{ width:100%;}
		.app_down_leftjiantou{margin: 58px 5px 0 0;}
		.app_down_rightjiantou{margin: 58px 0 0 5px;}
		.why_3xiaobox{ width:230px;margin: 0 103.32px 0 0; font-size:14px;}
		.why_3look{ width:225px;}
		.why_6box{ height:130px;}
		.why_6txt{ margin-top:8px;}
/*
	#header .header .logo {
		top: 42px;}
	#header{height: 178px;}
	#header .header .head_r .share {
		margin-right: 55px;}
	#header .header .logo img {
    margin-top: 33px;
}
*/
}

@media screen and (max-width:500px){
	#header .header .head_r {
    overflow: inherit;
}
	#header .header .logo img {
    max-width: 100%;
    margin-top: -8px;
    margin-left: 6px;
}
	#header {
    display: flex;
    align-items: center;
    height: 55px;
}
	#header .header img.down_search{display: none}
	.top_yuyan{width: 105px;}
	.yuyan_txt{margin-left: 5px;}
	.top_yuyan {
    width: 95px;
    margin: 0;
		right: 50px;
}
	.yuyan_txt{font-size: 14px;}
	.head_r_01 {
    display: block;
    position: absolute;
    right: 60px;
}
	#header .header .head_r .head_nav1{top: 28px;}
	#header .header .menu_button{top: 5px;right: 8px;position: absolute;} 
	#header .header .logo{width: 50%;margin-top: -28px}
	.yuyan_img img{display: none}
	.menu_button img{width: 30px} 
	#header .header .menu_button {
    display: flex;
    justify-content: center;
		background: none;
}
	#header .header .menu_button{width: auto;height: auto;}
	.yuyan_down{top: 36px;}
	.yuyan_box1:hover {
    background: #ff4546;
}

	.app_uptxt{
		width: 94%;
		margin: auto;
    margin-top: 25px;
    margin-bottom: 40px;
	}
	.app img {
    width: 94%;
    display: block;
    margin: auto;
}
	.app_boxtxt{width: 94%;left: 3%;}
	.app_uptxt1 {
    color: #fff;
    margin-right: 10px;
    background: #ff6a6b; 
    padding: 0 10px;
}
	.newsletter h1{text-align: left;margin-bottom: 10px;}
	.newsletter_right{width: 100%;}
	.newsletter form{text-align: center;}
	.location h4{display: none}
	.pro_top_text .firework-line.ui-sortable .f-content div p{
		display: none
	}
	.pro_left {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    background-color: #ffffff;
    padding-left: 0px;
		margin-bottom: 20px;
		width: 100%;
}
	.leibie_line{width: 100%;}
	.contact1_top_l {
    background: #f0f0f0;
    padding: 8px;
}
	.newsletter_right form button{background: #000;}
	.details_left_bottomimg_box .current{
		border: #a50a0d 2px solid;
    width: 65px;
    height: 65px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    text-align: center;
    padding: 1px;
    cursor: pointer;
	}
	.pro_left.ABOUT.US,.pro_left.WHY.CHOOSE,.pro_left.SERVICES{display: block;}
	.pro_left.SERVICES .left_ul li:nth-child(4),.pro_left.WHY.CHOOSE .left_ul li:nth-child(4),.pro_left.ABOUT.US .left_ul li:nth-child(4){display: none}
	.pro_top_text>p{
		display: none
	}
	.foot_add1>p{word-break: break-word!important;}
	.footer_z{width: auto;}
	.footer_z img {
    width: 30px;
}
	#header .header .menu_button:hover{background-color: transparent}
	.why_6box:hover.why_6box .why_6txt {
    color: #000;
}
	.pro_right .contact1{color: #444}
	.pro_top_text h3 {
    line-height: 50px;
    display: none;
}
	.contact1_top_r {
    margin: 0 10px;
    margin-top: 20px;
		width: 100%;
		display: block
}
	#header .header .head_r .share ul li input{display: none}
	.yuyan_down>a:first-child{display: none}
	.yuyan_box {
    display: flex;
    justify-content: end;
}


}
@media screen and (max-width:500px){
		.app_uptxt1 {
    background: #ff6a6b;
}
}
@media screen and (max-width:450px){
	.yuyan_img img {
    display: block;
}
	.yuyan_down .yuyan_3{display: none} 
	.top_yuyan{width: 125px;}
}