@media (min-width: 769px){
.banner_box,.b-return,.mobile-inner,.flexslider1{display:none;}
}


@media(max-width:768px){
.block1200,.wrap{ width:98%; margin:0 auto}
.head1,.h_pho,#headbot,.flexslider12{ display:none}
/*nav*/
.mobile-inner{width:100%;margin-right: auto;margin-left: auto;background-color: #fafafa;}
.mobile-inner-header{height: 60px;position: absolute;top: 0px;right: 0px;}
.mobile-inner-header-icon{color: #ffffff;height: 60px;font-size:25px;text-align: center;width: 60px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgba(0,0,0,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst{0%{transform: translateY(4px) rotate(0deg);} 100%{transform: translateY(0) rotate(45deg);}}
@keyframes clicksecond{0%{transform: translateY(-4px) rotate(0deg);} 100%{transform: translateY(0) rotate(-45deg);}}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);} 100%{transform: translateY(-4px) rotate(0deg);}}
@keyframes outsecond{0%{transform: translateY(0) rotate(45deg);} 100%{transform: translateY(4px) rotate(0deg);}}
.mobile-inner-nav{background:#0373b3;width: 100%;position:fixed;top: 60px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index:101;}
.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width:90%;margin:0 5%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300; font-size:14px; text-align:center}
.mobile-inner-nav a:hover{color: rgba(255,255,255,1);border-bottom: solid 1px rgba(255,255,255,0.2);}

/*header*/
.h_con{height:60px; padding:0px;}
.h_con .logo img{ width:58px; margin-top:6px;}
.h_con p{ padding:13px 0 0 9px;background:none; line-height:14px;font-size:15px; height:auto; }
.h_con p span{font-size:15px;}

/* why */
.gr-web1000{width:98%;}
.gr-power{padding:15px 0 25px 0;background:#f5f5f5;}
.gr-power h2{font-size:22px;}
.about_nav{padding-top:6px;}
.about_left{width:100%;height:auto;}
.about_right{width:100%;height:auto;}

/* pro */
.page-main{background:#f5f5f5}
.index_wrap02{ padding-bottom:35px; background:#FFFFFF;}

.index_cont02{ width:98%; margin:0 auto; padding-top:10px}
.do_what{  margin-bottom:24px; text-align:center;position: relative; }
.do_what h5{ font:bold 22px/40px "microsoft yahei"; color:#555; line-height:42px; margin-top:20px; width:50%;}
.do_what h6{ font:bold 22px/40px "microsoft yahei"; color:#555; line-height:42px; width:50%; float:right;position:absolute; top:0; z-index:1; right:20px}
.do_what p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#555; }

#demoa {overflow:inherit;width:100%;margin-right: auto;margin-left: auto;height:auto;} 
#demoa img {padding:0px;height:auto;width:100%; border:0px solid #ccc}
#demoa li{ width:48%}
#demoa li:nth-child(odd),.casecont li:nth-child(odd){float:left}
#demoa li:nth-child(even),.casecont li:nth-child(even){float:right}
#demoa li:nth-child(7),#demoa li:nth-child(8),#demoa li:nth-child(9){ display:none}

#indemoa {float: left;width: 100%;margin: 0px;padding: 0px;} 
#demo1a {float: left;margin: 0px;padding: 0px;} 
#demo1a ul {list-style-type: none;padding-top: 0px;padding-bottom: 8px;margin: 0px;padding-right: 0px;padding-left: 0px;}
#demo1a li {text-align: center;float: left;padding-right:0px;padding-left:0px;color: #ccc;
margin: 0px;padding-top: 0px;padding-bottom: 0px;height:auto;font-size: 14px;line-height:28px;}
#demo2a ul {list-style-type: none;padding-top: 0px;padding-left: 0px;padding-right: 0px;
padding-bottom: 8px;margin: 0px;}
#demo2a li {text-align: center;float: left;padding-right:0px;padding-left:0px;color: #ccc;
height:auto;line-height:28px;}


/*case*/
.case {padding-bottom: 40px;}
.case h2 {font:bold 22px/40px "microsoft yahei";margin-top:35px;}

.casecont ul {width:98%;padding-top:10px;}
.casecont li {width:48%;height:auto;margin-left: 0px; margin-right:0px; margin-top: 10px;}
.casecont li img{width:100%;}
.casecont li:nth-child(3){ display:none}

/*main4*/
.main4-content{ margin-bottom:20px; overflow:hidden; margin-top:16px; }
.main4-content ul{margin-top:12px; clear:both}
.main4-content li {width:100%; margin-right:0px;background:none;padding-left:2px;}
.main4-content .fr,.main4-content .fl{ float:none; width:100%}
.main4-content ul li a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* footer */
.footMenu{width:100%;overflow:hidden;margin-right:0px;text-align:center}
.footMenu1{ width:100%;}
.footMenu h2{margin-bottom:0px; text-align:center;background:url("../images/lit_07.png") no-repeat right center;background-position: right 26px top 16px;margin: 0;border-bottom: 1px solid #414040; display:block; height:38px; line-height:38px;}
.footMenu h2 a {font-size:15px;color:#fff;}
.footer_nav_one ul{ display:none}
.footMenu p a {line-height:40px; background:#fff; text-align:center;border-bottom: 1px solid #bbb; display:block; color:#222; padding:0;}
.footMenu p{ display:none}
.footMenu p a:hover{ background:none}

.footTel{width:80%; margin:30px auto 20px auto;}
.psFooter .fl,.psFooter .fr{ float:none}
.footCode{ width:40%; margin:0 auto}
.footCode .wei{ width:100%;}
.psLinks{line-height:20px; padding:8px 0}

/*bann*/
.bann,.recomd_pro{ display:none}

.b-return {width: 100%;height: 39px;line-height: 39px;color: #FFF; display:block;background:#000;position: relative;z-index: 1;text-align: center;}
.b-return .btn-return {width: 39px;height: 39px; display: block;   content: "";background: url(../images/menu_back.png) no-repeat left center;background-size:auto;position: absolute;top: 0;left: 0;text-indent: -999em; margin-left:15px;}
.b-return span {font-size:16px;}

.aboutimg img{ width:100%!important; height:auto!important}
/*contact*/
.con_con{ float:none; width:100%;}
.con_con1{ float:none; width:100%; height: auto;}
.con_con1 iframe{ width:100%!important; height:350px!important;}

.cp{ margin-top:4px;}
.cp .cp_l,.cp .cp_r{ width:100%;}
.cp .cp_l h2,.cp_r_tit{display:none}
.cp .cp_l .cp_ul{ background:#e9e9e9; overflow:hidden;}
.cp .cp_l .cp_ul li{  border-bottom:#fff 1px solid;  width:48%; text-align:center}
.cp .cp_l .cp_ul li a{font-size:14px; padding-left:0px; display:block;height:48px;line-height:45px;}

.cp .cp_l .cp_ul li:nth-child(odd){ float:left}
.cp .cp_l .cp_ul li:nth-child(even){ float:right}

.cp .cp_l .cp_ulpro li{width:100%!important;}


/*news*/
.inf_lc{ position:relative; width:96%; margin:0 auto}
.inf_lc li{padding:7px 10px 0 10px;height:auto; overflow:hidden;margin:0px 0px 20px 0px;}
.inf_lc li h4{ display:none}
.inf_lc li p{padding:0; line-height:22px;width:100%;}
.inf_lc li .fr{ position:absolute; right:5px; margin:0}
.inf_lc li p b{ line-height:35px;}

/*products*/
#img_p1{ height:100%; width:100%; margin:0px auto; padding-top:1px;}
#img_p1 ul li{ width:48%;}
.info_img1 a img{ width:100%; height: auto;}
#img_p1 li{ float:left; padding:5px 0px 0px 0px; margin:0px;}
#img_p1 li:nth-child(old){ float:left}
#img_p1 li:nth-child(even){ float:right}
/*tour*/
.fancybox_img ul li{width:48%;margin-right:0;margin-left:0;}
.fancybox_img ul li:nth-child(old){ float:left}
.fancybox_img ul li:nth-child(even){ float:right}




/* 产品右侧简介样式 */
.product-show-title{width:100%;height:auto;float:none;}

/* 相关产品样式 */
.related-product li{width:48%;margin-left:0%;margin-right:0%;border:1px solid #ddd;}
.related-product li:nth-child(old){ float:left}
.related-product li:nth-child(even){ float:right}


}

@media(min-width:769px) and (max-width:1200px){
.block1200,.wrap,.head1_con{ width:98%; margin:0 auto}
.search-box{ display:none}
.navigation .fl{width:100%; float:left}
.navigation span{line-height: 48px;width:14.2%;background: url(../images/nav_xian.jpg) no-repeat right center;display: block;float:left;text-align: center;}

/* why */
.gr-web1000{width:100%;margin:0 auto;}
.gr-power{padding:25px 0 45px 0;background:#f5f5f5;}
.gr-power h2{text-align:center;font-size:30px;color:#444; padding:10px 0;}

.about_nav{padding-top:30px;}
.about_left{width:40%;height:auto;float:left;}
.about_left img{ width:100%}
.about_right{width:55%;float:right;height:188px;}
.about_right .words{height:147px}

#demoa {overflow:inherit;width:100%;margin-right: auto;margin-left: auto;height:auto;} 
#demoa img {padding:0px;height:auto;width:100%; border:0px solid #ccc}
#demoa li{ width:31%;}


#indemoa {float: left;width: 100%;margin: 0px;padding: 0px;} 
#demo1a {float: left;margin: 0px;padding: 0px;} 
#demo1a ul {list-style-type: none;padding-top: 0px;padding-bottom: 8px;margin: 0px;padding-right: 0px;padding-left: 0px;}
#demo1a li {text-align: center;float: left;padding-right:1%;padding-left:1%;color: #ccc;
margin: 0px;padding-top: 0px;padding-bottom: 0px;height:auto;font-size: 14px;line-height:28px;}
#demo2a ul {list-style-type: none;padding-top: 0px;padding-left: 0px;padding-right: 0px;
padding-bottom: 8px;margin: 0px;}
#demo2a li {text-align: center;float: left;ppadding-right:1%;padding-left:1%;color: #ccc;
height:auto;line-height:28px;}


/*case*/
.casecont ul {width:98%;margin:0 auto;padding-top:10px;}
.casecont li {float: left;position: relative;width:31%;height:auto;overflow: hidden;margin-left:1%; margin-right:1%; margin-top: 10px;}
.casecont li img{width:100%;}

/*main4*/
.index_cont02{ width:98%;}
.main4-content li {width:100%; margin-right:0px; border-bottom:1px dashed #e5e5e5; background:url(../images/jl_80.jpg) left 12px no-repeat;padding-left:20px;}
.main4-content .fr,.main4-content .fl{width:46%}

/* footer */
.footMenu{width:11%;overflow:hidden;margin-right:0px;}
.footMenu1{ width:auto;}
.footTel{width:30%;color:#999}
.footCode{width:13%;}
.footCode .wei{width:100%;}


/*产品*/
.cp{ margin-top:30px;}
.cp .cp_l{ width:26%;}
.cp .cp_r{ width:72%;}

/*__________________neiy产品展示____________________*/
#img_p1{ height:100%; margin:0px auto; padding-top:24px; }
#img_p1 ul li{ width:30%;}
.info_img1 a img{ width:100%; height:auto;}
#img_p1 li{  margin:5px 2% 0px 1%;}




}