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


@media(max-width:768px){
.block1200,.content,.header{ width:98%; margin:0 auto}

.flexslider12,.nav,.headBox .switch{ display:none}
/*nav*/
.mobile-inner{width:100%;margin-right: auto;margin-left: auto;background-color: #fafafa;position:relative; z-index:999;top:-61px;}
.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:#015b98;width: 100%;position:fixed;top: 65px;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);}

.head{height:65px;}
.head .logo img{height:50px;}

/*涓棿閮ㄥ垎*/
#hot_t{width:100%;height:auto;background:none;margin:0 auto;}
#hot_t .hot2{width:100%;}
#hot_t .hot4{ display:none}

#tab {overflow:hidden; background:#eee}
#tab li {float:left;height:40px; line-height:40px; cursor:pointer; padding:0;width:32.8%;margin-left:0;font-size:14px; border-bottom:1px solid #FFF; border-right:1px solid #FFF}
#tab li.current{background:#015b98;margin-left:0px; height:40px; line-height:40px;}
#tab li:nth-child(7),.aboutTl,.about .adornA,.about .adornB,.about .adornC,.news2_t3,.tour,.section_boxed2{ display:none}

#content,#content .hot_c{ width:98%;}
#content .hot_c li{ float:left; width:48%; margin-right:0px; margin-left:0px; margin-bottom:12px;}
#content .hot_c li:nth-child(odd){ float:left}
#content .hot_c li:nth-child(even){ float:right}
#content .hot_c li a span,#content .hot_c li span{ margin-top:0}


/* about */
.about_tit{font-size: 23px;height:42px;}
.about_tit1{margin-top: 31px;}
.z9 { z-index: 9; }
.about { background:#f7fbfb; padding-top:55px; padding-bottom: 26px; margin-top:50px; }
.about em { position: absolute; }
.about img{ width:100%!important; height:auto!important}
.about .fr{ width:100%;    padding-right:0px;}

/*new垎*/
.news{padding:40px 0; margin-top:0px;}
.news1,.news3_bg{ float:left; width:100%;}
.news2_t2{ float:left; width:60%; }
.news2_desc{ margin-bottom:10px}


.news1_pic img{width:100%!important; height:auto!important}
.news3_bg2{ padding:0px;}

/*footer*/
#b_nav{width:100%; background:#d5d5d5; padding:50px 0px 50px 0px;}
#b_nav_c,#b_nav_c .b1,#b_nav_c .b4,#b_nav_c .b3{width:100%;}

#b_nav_c .b2{ display:none}

.b_nav li,#copyright_c{width:100%;margin-right:0px;}
.b_nav .bnav1{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 #b2b1b1; display:block; height:38px; line-height:38px;}
.b_nav .bnav1 a{font-size:15px;}
.b_nav .bnav2{ display:none;line-height:35px; background:#fff; text-align:center;color:#222; padding:0;}
.b_nav .bnav2 a{border-bottom: 1px solid #bbb;}

#contact_b,#contact_t,#b_nav_c .b4{width:90%; margin:0 auto; text-align:center}
#copyright_cl{ width:80%}

/*-------------------------------------------内页样式开始----------------------------------*/
/*bann*/

/*contact*/
.con_con{ float:none; width:100%;}
.con_con1{ float:none; width:100%; height: auto;}
.con_con1 iframe{ width:100%!important; height:350px!important;}
/*feedback*/
.feedback{ font-size:18px; margin-top:12px;}
.kk_message{width:98%;padding:0 1%;}
.kk_message .kk_msg_input{ margin:20px 30px 0px 0;}
.kk_message .kk_msg_input,.kk_message .kk_msg_tex{width:100%;float:none;margin-right:0;}
.kk_message .kk_msg_but{margin:20px auto 50px auto;}

#ban-in{ padding:0px 0;}
#ban-in .wp{ padding:40px 0;}
.type-name h3{font-size:20px; font-weight: bold;display:block; height:28px;}
.type-name h4{font-size:14px; font-weight: bold; letter-spacing:3px;}

/*navigation*/
.label1{text-align: center; display:inherit; *display:inherit; vertical-align: middle; cursor: pointer;width: 100%;}
.label1 .label2{display:inherit; cursor: pointer;width: 100%;}
.navigation{width: 100%;position:inherit;bottom: 0;left: 0;background: rgba(255,255,255,1);height:auto;line-height:inherit;}
.about-sort{width:98%;display: table;margin: 0 auto;}
.about-sort li{width:48%;height: 100%;color: #333333;cursor: pointer;float: left;font-size: 14px; padding:0; line-height:36px; text-align:center; margin-top:8px;}
.about-sort li:nth-child(odd){ float:left}
.about-sort li:nth-child(even){ float:right}
.about-sort li a{ width:100%;height: 36px; line-height: 36px; font-size: 14px; text-align: center; color: #333;filter:alpha(opacity=90); -moz-opacity:1; -khtml-opacity:1; opacity:1; border-radius:8px; border:1px solid #ddd}
.about-sort li.on,.about-sort li:hover{background:none;}
.about-sort li.on a,.about-sort li:hover a{color: #fff;background: #02548b;}

.nymain{padding:18px 0;}

/*tour*/
.fancybox_img{margin-top:20px;}
.fancybox_img ul li{width:48%;margin-right:0%; margin-bottom:10px;}
.fancybox_img ul li:nth-child(old),.partner li:nth-child(old){ float:left}
.fancybox_img ul li:nth-child(even),.partner li:nth-child(even){ float:right}
/*partner*/
.partner li{ width:48%;margin:15px 0px 0px}
.partner li img{ width:99%;border:1px solid #CCC;}


/*产品*/
.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{border-bottom:#fff 1px solid; width:100%; text-align:center}
.cp .cp_l .cp_ul li a{font-size:14px; padding-left:0px; display:block;line-height:45px;height:45px;}
.cp.block1200 .cp_l.fl .cp_ul .cur .sublist1,.cp .cp_l li .sublist1 li{ width:100%; padding:0}
.cp .cp_l li .sublist1 li a {background:none!important; padding-left:0px; text-align:center; line-height:30px; height:30px;}

.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;}
.cp .cp_r li span{ width:100%;}
.cp .cp_r li span a{ font-size:13px; padding-top:10px;}
.cp .cp_r li:nth-child(odd){ float:left}
.cp .cp_r li:nth-child(even){ float:right}

/*pro*/
.product_detail .img{width:100%;float:left;padding:2px;border:1px solid #e0e1dc;}
.product_detail .img img{ width:100%;}
.product_detail .small{width:100%;height:auto;}
.product_detail .list{width:100%;float:left;margin-left:0px;}

}

@media(min-width:769px) and (max-width:1200px){
.block1200,.content,.header{ width:98%; margin:0 auto}
.logo{ width:15%;}
.head .logo img{ width:100%; height:auto; margin-top:20px;}
.head{height: 80px;}


.head .nav{margin-left:0px; width:71%}
.head .nav ul li{float: left;font-size: 15px;width:14%;text-align: center;}
.head .nav ul li > a{color: #565656;display: block;line-height:80px; font-size:14px}
.head .nav ul li.cur{height: 76px;}
.about .fr { padding-top: 5px; padding-right:0px; width:100%; }
/*products*/
#hot_t{width:100%;height:68px;background:url(../images/lbg.jpg);margin:0 auto;}
#hot_t li{float:left;}
#hot_t .hot2{width:100%;}
#hot_t .hot4{ display:none}

#tab li {width:14%;height:60px; line-height:60px; cursor:pointer; padding:0;margin-left:0px;}

#content,#b_nav_c,#copyright_c{ width:100%; margin:0 auto;}
#content .hot_c{width:100%; padding-top:10px;}
#content .hot_c li{width:31%; margin-right:1%; margin-left:1%;}
#content .hot_c li:nth-child(4),#b_nav_c .b2,#b_nav_c .b3,.about .fl{ display:none}

/*new垎*/
.news{padding:40px 0; margin-top:0px;}
.news1,.news3_bg{width:48%;}
.news2_t2{ float:left; width:60%; }
.news1_pic img{width:100%!important; height:auto!important}
.news3_bg2{ padding:0px;}


#b_nav_c .b1{width:70%;}
#b_nav_c .b4{width:30%; text-align:right;}
.b_nav li{float:left; margin-right:0px; width:25%}

#copyright_cl{ width:80%}

/*contact*/
.con_con{ width:40%;}
.con_con1{width:58%; height: auto; float:right}
.con_con1 iframe{ width:100%!important; height:350px!important;}
/*feedback*/
.feedback{ font-size:18px; margin-top:12px;}
.kk_message{width:100%;padding:0 1%;}
.kk_message .kk_msg_input{ margin:20px 3% 0px 0; width:30%}
.kk_message .kk_msg_tex{width:100%;margin-right:0;}
.kk_message .kk_msg_but{margin:20px auto 50px auto;}

/*partner*/
.partner li{ width:30%;margin:15px 1% 0px}
.partner li img{ width:99%;border:1px solid #CCC;}

/*产品*/
.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;}






}