@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,.headerNav,.flexslider12,.float0831{ 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:#1465c1;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:88px;}
.h_con p{ padding:17px 0 0 9px;background:none; line-height:26px;font-size:14px; height:auto; }
.h_con p span{ display:none}

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

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

.cp .cp_r .cp_rul{ padding-left:0px; margin-top:10px;}
.cp .cp_r li{ float:left; padding:0px; width:48%;}
.cp .cp_r li a img{ width:100%; height:auto; border:#e9e9e9 0px solid;}
.cp .cp_r li span{ width:100%;}
.cp .cp_r li span a{ font-size:13px; padding-top:10px;}

/*about_bj*/
.t_h2{ margin:20px auto 0px; height:53px; overflow:hidden; text-align:center;  }
.t_h2 a{ color:#333;font: bold 30px/37px "Microsoft Yahei";}
.about_bj{ background:none; height:auto; overflow:hidden; margin-top:30px;} 
.about_bj .t_h2{ margin:0px auto 7px;}
.about{width:98%; height:auto;}

.about dl dt { float:none;width:100%; height:auto;}
.about dl dt img{width:100%; height: auto;}
.about dl dd{ float:none; width:100%; padding-right:0px; font:14px/26px "Microsoft Yahei";}
.about dl dd h3{ padding-top:32px; height:78px; overflow:hidden; font: bold 18px/28px "Microsoft Yahei";}
.about dl dd h3 a{ color:#4e4e4e;}
.about dl dd h3 i{ display:block; color:#d2d2d2; font:32px/42px "Microsoft Yahei"; text-transform:uppercase;}
.about dl dd h3 a:hover{ text-decoration:none;}


.cul{ margin:0 auto; width:100%; height: auto;}
.title{margin-bottom:22px; margin-top:32px;}
.cul_c{ margin-left:0px; display:inline; width:100%;}
.cul_c li{ position:relative; float:left; margin-right:1%; width:32%; height:auto; overflow:hidden; line-height:0px;}
.cul_c li a{ display:inline-block;}
.cul_c li img{ width:100%; height:auto; }
.cul_c li em{ position:absolute; left:0px;top:auto; bottom:0;height:26px; width:100%;}
.cul_c .nones{ margin-right:0px;}

.roll1,.roll2{ display:none}

/*底部开始*/
.fbg1,.f_nav{ display:none}
.f_con { height:auto; padding:16px 0 0 0;}
.f_con .f_conimg{display:none}
.f_con .f_contit { padding:0; overflow:hidden; border-left:1px solid #ddd; width:100%; margin-top:0px;font:12px/22px "微软雅黑";}
.code { width:36%;padding:0;}
.code img { width:80%; height:auto; padding:5px;}
.code span { text-align:center; display:block; color:#3f3f3f; font:12px "微软雅黑";}

/*-------------------------------------------内页样式开始----------------------------------*/
/*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;}






}

@media(min-width:769px) and (max-width:1200px){
.block1200,.wrap{ width:98%; margin:0 auto}
.search-box{ display:none}
.headerNav .nav{width:100%; float:left}
.headerNav .nav li{width:16%;}
.headerNav .nav li a{width:100%;}

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

.cp .cp_r li:nth-child(3){margin-right:0!important}
.cp .cp_r .cp_rul{ padding-left:0px; margin-top:10px;}
.cp .cp_r li{ float:left; padding:0px; width:31.2%; margin-right:2%}
.cp .cp_r li a img{ width:100%; height:auto; border:#e9e9e9 0px solid;}
.cp .cp_r li span{ width:100%;}
.cp .cp_r li span a{ font-size:13px; padding-top:10px;}

/*about_bj*/
.about_bj{ background:url(../images/ab_bj.jpg) no-repeat center top; height:790px; overflow:hidden; margin-top:30px;} 
.about{ position:relative; margin:0 auto; width:100%; height:357px; overflow:hidden; background:#fff;}

.about dl dt { float:left;width:45%; height:auto;}
.about dl dt img{width:100%; height:auto;}
.about dl dd{ float:right; width:50%; padding-right:0px; display:inline; overflow:hidden; font:14px/28px "Microsoft Yahei"; color:#555;}
.about dl dd h3{ padding-top:32px; height:78px; overflow:hidden; font: bold 18px/28px "Microsoft Yahei";}
.about dl dd h3 a{ color:#4e4e4e;}
.about dl dd h3 i{ display:block; color:#d2d2d2; font:32px/42px "Microsoft Yahei"; text-transform:uppercase;}
.about dl dd h3 a:hover{ text-decoration:none;}

/*底部开始*/
.f_con { height:auto; padding:16px 0 0 0;}
.f_con .f_conimg{ width:20%; margin:0}
.f_con .f_conimg img{margin-top: 12px;}
.f_con .f_contit { padding:0; overflow:hidden; border-left:1px solid #ddd; width:50%; margin-top:0px;font:12px/22px "微软雅黑";}
.code { width:14%;padding:0;}
.code img { width:96%; height:auto; padding:5px;}
.code span { text-align:center; display:block; color:#3f3f3f; font:12px "微软雅黑";}
	








}