@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1193px)
{
	#header .header{ width:92%; margin-left:4%;}
	#index_main .index_main{width:100%;}
	#index_main2 .index_main2{ width:100%;}
	#brand .brand{ width:100%;}
	#footer .footer{ width:100%;}
	#brand{display: none;}
	#copy { width:100%;}
	.copy{ width: 90%;}
	#road .road{ width:98%; padding-left:2%;}
	#main .main{ width:100%;}
	#main .main .page_right .prodetail .prodetail_right .pr_con{ width:94%;}
	#main .main .page_right .pr_item .pr_item_con{ width:98%;}
	.box{width:100%;}
	.culture{width:100%;}
	.actpart,.actpart2{width:48%;margin:1%; height:400px;}
	.box_social{width:100%;}
	#banner{ width:100%;}
	#banner, #banner img{ width:100%}
	.sol4{ width:95%}
	.sol4_1{ width:95%}
	.sol4_1l{ height:auto}
	.sol4_2,.sol4_3{ width:95%}
	.sto{ width:95%}
	.sol1{ width:95%}
	.sol1_box{ width:90%}
	.chuang{ width:95%}
	#main .main .page_left{ width:250px;; margin-left:2%}
	.chuang_down,.chuang_down1{ width:90%} 
	#main .main .page_right{ width:100%}
	#copy{ width:95%}
	.ne{ width:95%}
	#main .main{ width:100%}
	#main .main .page_right{ width:74%;    margin-left: 3%;}
	.ne_z{ width:90%}
	.conxin{ width:95%}
	.li{ width:95%}
	.inner_video_main{ width:95%}
	.sol2,.new1,.new2,.new3{ width:95%}
	.sol3{ width:95%}
	.sol3_down{ width:90%}
	.new2_top img{ width:100%}
	.new3_zhong{ width:90%}
	#main .main .page_left .ileft_title img{ padding-left: 30px;}
}
@media screen and (max-width:1118px)
{
	#index_main .index_main .index_right ul li{ width:31.5%;}
	#prolist ul.pro_lists li{ width:31.3%;}
	.actpart,.actpart2{ height:390px;}
	.sto_11,.sto_12,.sto_2box,.sto_3{ width:96%}
	.sto_3img,.sto_3img img{ width:100%}
	.sto_2box2{ height:85px}
	.sol4_2l_r{ width:37%; float:right}
.sol4_2r{ width:100%;    margin-top: 20px;}
	.sol4_2r1{     margin: 20px 0;}
	.sol4_2r2{     margin-bottom: 30px;    height: 30px;
    line-height: 30px;}
	.sol4_2l_l{ width:48%}

	.sol4_2l{ width:100%}
	.sol4_2box1 {
    width: 100%;
    overflow: hidden;padding-bottom:0
}
.nav_xia,.nav_down{ width: 0px; height: 0px;}
	.menu_button{ display:block;}
	.top_search{ margin-right:40%; margin-left:15px}
	.nav_down1{ width:0; height:0}
	.menu_button{ top:20px; right:10px}
	#header .header .head_nav .nav{ display:none; position:fixed; z-index:22; width:100%; background-color:#ffffff; left:0; margin:0; top: 75px; }
	
	#header .header .head_nav .nav ul li{ width:100%; text-align:center; border-bottom:1px solid #dddddd;     line-height: 40px;}
	#header .header .head_nav .nav ul li a{ display:block;}
	#header .header .head_nav .nav ul li a:hover{ background-color:#dddddd; color:#ff7b19;}
}
@media screen and (max-width:1045px)
{.chaung_dbox1,.chaung_dbox2{    height: 150px;}
.new1_top{ margin-bottom:60px}
	}
@media screen and (max-width:1024px)
{
	#main .main .page_left{ display:none;}
	.xf_left{ display:block;}
	#main .main .page_right{ width:96%; padding:0 2%; margin:0;}
	#main .main .page_right .page_road span.last_next{ margin-top:8px;}
	.his_p{ width:96%;}
	.actpart,.actpart2{ height:416px;}
		#header .header{ width:95%}
		.sol1_4l{ margin-right:7%; margin:0}
		.sol1_4r{ margin-left:10%}
		.top_search{ margin-left:15px}
		.sol1_5 img{ width:100%}
		.sol1_3r{ margin-top:10%;    width: 49%;}
		.sol1_3l{ width:60%}
		.conxin_down{ height:400px }
		.conxin_toptxt{ top:35%}
		.conxin_toptxt1{ top:51%}
	
		
}
@media screen and (max-width:1000px)
{#header .header .head_nav .nav ul li{ padding:0 7px}
}
@media screen and (max-width:980px)
{
	#index_main .index_main .index_right ul li{ width:48%;}
	#header .header .logo{ width:10%}
}
@media screen and (max-width:940px){top_search{margin-left:15px}
.sol2_1l img{ width:100%}
.sol2_1l { width: 50%;}
.sol2_1r{ width:30%   ;  margin-top: 30%;}
.sol2_2r img{ width:100%}
.new2_top{ margin-bottom:30px}

}
@media screen and (max-width:930px)
{
	
	
	.sol4_1l{ font-size:14px; line-height:20px}
	
	.ind_boxr_d{ padding: 0 3%;}
	.ind_boxr {
    width: 96%;
    float: none;
    margin: 0 auto; margin-top: 20px;
}
	.ind_boxl {
    width: 96%;
    float: none;
    /* margin-right: 2%; */
    margin-left: 2%;
    margin-right: 2%;
}
	.ind_boxl img{ width: 100%;}
	.ind_box{ width: 96%;}
	.flexslider{ top: 75px;}
	.ind{ position: relative; top: 75px;}
	#copy{ position: relative; top: 75px;}
	
	
}
@media screen and (max-width:905px)
{
	#index_main .index_main .index_left{ display:none;}
	.xf_left{ display:block;}
	#index_main .index_main .index_right ul li{ width:31.5%;}
	#index_main .index_main .index_right{ width:100%; padding:0;}
	#copy .copy .firend_link{ overflow:hidden; height:60px;}
	.sto_2box1{ width:31%}
	.sol1_4r2{padding-bottom: 20px;}
	.sol1_4r1{ font-size:26px}
	.sol1_4l{ width:35%}
	.sol1_4l img { width:100%}
	.sol1_4r{ width:60%; margin-left:5%}
}
@media screen and (max-width:880px)
{
	#footer .footer .foot_k{ width:94%;}
	#footer .footer .foot_k p.newsletter_txt{ width:100%;}
	#footer .footer .foot_k ul.newsletter_form li input{ width:98%;}
	#footer .footer .foot_k ul.flinks li img{ position:relative;}
	#footer .footer .foot_k ul.flinks li{ width:45%;}
	#main .main .page_right .prodetail .prodetail_right .pr_title{ font-size:1.5rem;}
.sol1_2txt1,.sol1_3l .a{ font-size:35px}
.sol1_5{ margin-bottom:70px}
.chaung_dbox1, .chaung_dbox2{ width:100%; height:auto}
.chuang_dbox2txt,.chuang_dbox2txt2{ bottom:8px}
.sol2_2l2{ text-align:left}
	.new2 p img{ width:100%}s

}
@media screen and (max-width:780px)
{
	.vi_list ul li{ width:48%;}
	#index_main .index_main .index_right ul li{ width:48%;}
	#index_main2 .index_main2 .about p.about_title{ font-size:24px;}
	#prolist ul.pro_lists li{ width:48%;}
	#main .main .page_right .releted li.re{ width:44%; float:left; padding-right:1%;}
	.textarea{ width:124%;}
	ul.ca_ul li{width:47%;}
	.actpart,.actpart2{ height:386px;}
	.sol1_1l img{ display:none}
	.sol1_1r{ width:100%}
	.sol2_2l2{ line-height:20px}
	.sol2_2l1{ font-size:18px}
	.sol3_down2{font-size: 20px;
    line-height: 35px;}
	.new1_top{ margin-bottom:40px}
}
@media screen and (max-width:697px){
	.history p{ width:100%; float:none; clear:none;}
	.sol1_2{    padding-top: 50px;}
	.sol1_2txt1, .sol1_3l .a { font-size: 27px;}
	.sol1_2txt2{ margin-bottom:50px}
	.sol1_3{ margin-bottom:60px}
	.sol1_4{     padding-bottom: 30px;}
	.sol1_4l{ width:40%}
	.sol1_4r {width: 50%;}
	.sol1_4r1{ font-size:20px;    margin-bottom: 10px;}
	.sol1_4r2 { padding-bottom: 5px;}
	.sol1_7l1{ padding-top:0}
	.sol4_1l{     width: 95%;    line-height: 25px;    margin: 0 auto 5% auto;}
	.sol4_1r {width: 100%;margin: 2% auto;}
	.sol4_2l{ width:100%}
	.sol4_2r{ width:100%;    margin-top: 25px;}
	.sol4_2l_l{ width:58%; margin-left:5%}
	.sol4_2l_r{ width:33%}
	.sol4_2box1{ overflow:hidden; padding-bottom:0}
	
	}
@media screen and (max-width:680px)
{
	#index_main .index_main .main_title{ font-size:30px;}
	#index_main2 .index_main2 .video_play,#index_main2 .index_main2 .about{ width:94%; padding:0 3%;}
	.sto_2box1{ width:48%;}
	.sto_2box2 { height: 70px;}
	.sol1_3r {
    margin-top: 15%;}
	.sol1_6l1,.sol1_7l1{ font-size:24px;}
	.sol2_1l{ width:80%}
	.sol2_1r {
    width: 100%;
    margin-bottom: 5%; margin-top:0}
	.sol2_2l { width: 100%; margin-right:0}
	.sol2_2l1 { font-size: 24px;}
.sol2_2l2 {line-height: 24px;margin-bottom: 25px;}
.new1_1{     margin-bottom: 20px;}
.new1_1l{ width:100%    ;line-height: 25px;
    text-align: inherit;
    margin-bottom: 30px;}
	.new1_1r {
  
    width: 80%;
    margin-left: 10%;}
}
@media screen and (max-width:640px)
{
	#header .header .logo{ width:100%; text-align:center;}
	#header .header .head_nav,#header .header .head_nav .share{ width:100%; text-align:center;}
	#header .header .head_nav .share ul li{ float:inherit; display:inline-block;}
	#header .header .head_nav .share ul li.t_w{ padding:0;}
	
	#main .main .page_right .prodetail .prodetail_left,#main .main .page_right .prodetail .prodetail_right{ width:100%;}
	#main .main .page_right .page_road span.last_next{ position:absolute; bottom:-100px;}
	#main .main .page_right .page_road span.next_pro{ right:0;}
	#main .main .page_right .page_road span.last_pro{ left:0;}
	.actpart,.actpart2{ height:370px;}
	.menu_button {
    top: -50px;}
	.top_search{margin: 15px 10%;    width: 80%;}
	.top_search input{ width:80%}
	.conxin_toptxt1{ font-size:14px}
	.conxin_downbox{ width:80%}
	.conxin_toptxt{ font-size:28px}
	.conxin_downbox .a{ width:45%;    margin-right: 5%;}
	.conxin_downbox .b{ width:48.5%}
	.conxin_downbox .c{ width:96%}
	.conxin_downbox .d {
    width: 98.5%;}
	.conxin_downbox textarea {
    width: 96%;}
	.conxin_downbox button {
    width: 98.5%;
    margin-top: 15px;}
	#main{ margin-top:127px}
	.new1,.new2,.new3{ margin-top:127px}
	.sol2_2r{  width: 90%;margin-left: 5%;}
	.new1_top,.new2_top,.new3_top{    margin-bottom: 40px;}
	.new3_zhong_top img{ margin-bottom:20px}
	.new3_z{ margin-bottom:0 }
	.new3_d img{ margin-bottom:50px}
	
}
@media screen and (max-width:617px)
{
	.pic{display:none;}
	.his_list ul li div{font-size:12px;}
	.actpart,.actpart2{ height:356px;}
}
@media screen and (max-width:600px)
{
	.actpart,.actpart2{width:94%;margin:3%;}
	.actpart,.actpart2{ height:auto;}
	.sol1_3l {width: 100%;}
	.sol1_3r { margin-top: 10%; margin-left:0;
    width: 90%; margin-left:5%}
	.sol1_4r2{ font-size:14px}
	.sol1_6l2,.sol1_7l2{ line-height:24px; font-size:16px}
	.sol1_6l1,.sol1_7l1{ font-size:20px;}
	.ne_zbox1{ width:85%;    margin: 0 7.6%;}
	.ne_zbnt{ margin-bottom:40px}
	.ne_zbox1 .a{ height:auto; padding-bottom:20px}
	#copy .copy .firend_link{ float:none; height:45px}
	#copy .copy{ line-height:40px}
	.sol3_zhong{ width:100%; margin-top:0; margin-right:0; margin-bottom:50px}
	.sol3_zhong1{ margin-top:20px;margin-bottom:20px;}
	.sol3_zhong2{ margin-bottom:30px;    height: 30px;
    line-height: 30px;}
	.sto_3{ margin-bottom:60px}
	.sol1_3l .b{ width:100%}
}
@media screen and (max-width:550px){
	.sto_11_r,.sto_11_l{ width:100%}
	.sto_2box2 {
    height: 85px;
}.sol4_2l_l{ width:54%}
	.sol4_2l_r{ float:right; margin-right:5%}
	}
@media screen and (max-width:540px)
{
	.vi_list ul li{ width:100%; padding:0;}
	#index_main .index_main .main_title,#index_main .index_main .index_right .right_title{ font-size:24px;}
	#index_main .index_main .index_right ul li{ width:98%;}
	#copy .copy{ width:94%;}
	#prolist ul.pro_lists li{ width:98%;}
	input.inquiry{ width:99%;}
	.sol1_4l {
    width: 100%;
    margin-bottom: 20px;}
	.sol1_4r {
    width: 100%;
}
.sol1_6r{ width:90% ; float:none;    margin: auto}
.sol1_6l { width: 100%;margin-bottom: 20px;}
.sol1_6 {margin-bottom: 65px;}
.sol1_7l{ width:90%; float:none; margin-right:0; margin:auto; margin-bottom:20px}
.sol1_7r{ width:100%}
.conxin_toptxt {top: 20%;}
.conxin_toptxt1 {top: 41%;}
.li_down{ padding-bottom:50px}
}
@media screen and (max-width:460px)
{
	#header .header .head_nav .share{ display:none;}
	#main .main .page_right .prodetail .prodetail_right{ text-align:center;}
	#share_btn{ display:block;}
	#main .main .page_right .releted li.re{ width:100%; float:left;}
	.contact{ display:none}
	input.inquiry{ width:99%;}
	ul.ca_ul li{width:90%;margin:20px 5% 0 5%;}
	.sto_2box1 {width: 95%;}
.sto_2box2 { height: 50px;}
.ne_down4{ width: auto;}
}
@media screen and (max-width:418px)
{
	.his1{width:100%;}
	.history p{width:94%;}
	.history img{width:94%;}
	ul.down_ul li.left, ul.down_ul li.right{ width:100%}
	ul.down_ul{ background:none;}
}
@media screen and (max-width:360px)
{
	#footer .footer .foot_k ul.flinks li{ width:98%;}
	input.inquiry{ width:99%;}
	.sto_2box2 { height: 70px;}
	.conxin_toptxt {
    font-size: 24px;
}
	.conxin_toptxt1 *{ font-size:14px}
	.inner_video_list div{ width:100%}
}