.f-cb{zoom:1;}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
/*移动端导航*/
.header{width:100%;height:60px;background-color:#fff;position:relative;z-index:5;display: none;}
.header .nav-btn{cursor:pointer;display:none;height:26px;margin-right:15px;margin-top:20px;position:relative;width:25px;}
.header .nav-btn span{display:block;width:100%;height:2px;background-color:#656565;position:absolute;left:0;-webkit-transition:left 0.5s ease 0s;transition:left 0.5s ease 0s;}
.header .nav-btn .top{top:0;-webkit-transform-origin:left top 0;-ms-transform-origin:left top 0;transform-origin:left top 0;}
.header .nav-btn .cent{top:9px;}
.header .nav-btn .bot{top:18px;-webkit-transform-origin:left bottom 0;-ms-transform-origin:left bottom 0;transform-origin:left bottom 0;}
.header .m-nav{width:100%;left:0;top:60px; position:absolute;margin-left:0;background-color:#fff;border-top:1px solid #dbdbdb;display:none;}
.header .m-nav ul{width:100%;background-color:#fff;}
.header .m-nav li{width:100%;line-height:50px;border-bottom:1px solid #dbdbdb;margin-left:0;font-size:15px;}
.header .m-nav li a{display:block;width:92%;padding:0 4%;background:url(../images/nav_r.png) no-repeat 95% center;background-size:auto 35%;}
.header .m-nav li:hover a{background:url(../images/nav_r_on.png) no-repeat 95% center;background-size:auto 35%;color:#004c87;}
.m-navbg{width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:0.5;z-index:3;display:none;}

@media (max-width:1300px){
.nav{ display: none;}
.content{width: 100%;}
.content2{width: 90%; margin: 0 auto;float: none;display: block;}
.content2 img{ max-width: 100%;}
.head,.head2,.fot{ display: none;}
.header{ display: block;}
.header .nav{display:block;}
.header .logo{ height: 36px; margin-top: 12px; margin-left: 10px;}
.header .nav-btn{display:block;}
.footer .fl{ display: none;}
.footer .fl2{ width: 100%; text-align: center; display: block;line-height:30px;}
.footer .fr{ display: none;}

.TabTitle{ width:100%; height: auto; overflow: hidden;}
#myTab0{ width: 100%; height: auto;}
.TabTitle li{ float:left;  width: 50%; height: 60px; display: block; cursor: pointer; transition: all 0.5s ease 0s;}
.TabTitle li p{ font-size: 16px; margin-top: 0; line-height: 60px; text-indent: 55px;}
.TabTitle li span{ display: none;}
.TabTitle li:nth-child(1){ background: url(../images/icon_01.png) 10px no-repeat;}
.TabTitle li:nth-child(2){ background: url(../images/icon_02.png) 10px no-repeat;}
.TabTitle li:nth-child(3){ background: url(../images/icon_03.png) 10px no-repeat;}
.TabTitle li:nth-child(4){ background: url(../images/icon_04.png) 10px no-repeat;}
.TabTitle .active:nth-child(1){background: url(../images/icon_01x.png) #004da1 10px no-repeat; color:#fff;}
.TabTitle .active:nth-child(2){background: url(../images/icon_02x.png) #004da1 10px no-repeat; color:#fff;}
.TabTitle .active:nth-child(3){background: url(../images/icon_03x.png) #004da1 10px no-repeat; color:#fff;}
.TabTitle .active:nth-child(4){background: url(../images/icon_04x.png) #004da1 10px no-repeat; color:#fff;}
.TabContent{ width: 100%; height: auto; overflow: hidden; padding-bottom: 50px;}

#myTab0_2{ width: 340px; height: auto; overflow: hidden; padding: 40px 0 20px; margin: 0 auto;}
#myTab0_2 li{ width: 140px; height: 40px; background: #fff; line-height: 40px; border-radius: 40px; font-size: 14px; text-align: center; display: block; cursor: pointer; transition: all 0.5s ease 0s; margin: 0 15px;}
.cp_left{ width: 90%; margin-left: 5%; height: auto; float: left;}
.cp_left li{ width: 100%; height: auto; margin-bottom: 15px;}
.cp_left li:last-child{ margin-bottom: 0;}
.cp_left li .img{ display: none;}
.cp_left li .text{ float: left;}
.cp_left li .text h3{ font-size: 18px; color: #004da1; text-align: left; margin-top: 13px;}
.cp_center{ width: 100%; height: auto; float: left; text-align: center;}
.cp_right{ width: 90%; margin-left: 5%; height: auto; float: left;}
.cp_right li{ width: 100%; height: auto; margin-bottom: 15px;}
.cp_right li:last-child{ margin-bottom: 0;}
.cp_right li .img{ display: none;}
.cp_right li .text{ float: left;}
.cp_right li .text h3{ font-size: 18px; color: #004da1; margin-top: 13px;}

.cp_li2{ width: 90%; margin: 0 auto; padding-top: 50px;}
.cp_li2 .left{ width: 100%; margin-bottom: 20px;}
.cp_li2 .text{ margin-bottom: 20px;}
.cp_li2 .bt{ font-size: 28px; margin-bottom: 10px;}
.cp_li2 .img{ width: 100%; height: auto;}
.news_fl{ display: none;}
.news_fr{ width: 90%; margin-right: 5%; float: right;}

.news .bt{ font-size: 32px;}
.case .bt{ font-size: 32px;}

.case li{ width: 90%; margin-bottom: 20px; float: left; margin-right: 5%; margin-left: 5%;}
.case li:last-child{ margin-bottom: 0;}

/*内页轮播图*/
.page_ban{ height: 270px; margin-top: 0;}
.page_ban h1{ font-size: 36px; margin-top: 90px; margin-left: 20px;}
.page_ban .line{ width: 66px; height: 3px; margin-top: 10px; margin-left: 20px;}
.page_nav{ height: auto; line-height: 50px;}
.page_nav ul{ width: 100%;}
.page_nav li{ width: 33.33%;}
.page_nav li a{ width: 100%; height: 50px; padding: 0; font-size: 16px; text-align: center;}
.page_nav_bt{ display: none;}

/*内页企业文化*/
.service li{ width: 90%; margin-left: 5%; height: auto; margin-bottom: 30px;}
.service li .img{ width: 100%; height: auto;}
.service li .img img{ width: 100%; height: auto; margin-bottom: 15px;}
.service li .text{ width: 100%; height: auto;}
.service li .text .bt{ font-size: 28px; margin-bottom: 5px;}

/*内页企业荣誉*/
.cp_list2{ width: 90%; margin-left: 5%;}
.cp_list2 li{ width: 48%; margin-right: 4%; margin-bottom: 20px;}
.cp_list2 li:nth-child(2n){ margin-right: 0;}
.cp_list2 li .img{ width: 100%; height: auto;}
.cp_list2 li .img img{ width: 100%; height: 100%;}
.cp_list2 li .tits{ width: 100%; height: 35px; line-height: 35px;}

/*内页新闻*/
.news_list{ width: 90%; margin: 0 5% 30px;}
.news_list li{ width: 100%;}
.news_list li .img{ display: none;}
.news_text{ width: 100%;}
.news_list .tit{ font-size: 24px; line-height: 35px;}

/*内页产品*/
.cp_list{ width: 90%; margin-left: 5%;}
.cp_list li{ width: 48%; margin-right: 4%; margin-bottom: 25px;}
.cp_list li:nth-child(2n){ margin-right: 0;}
.cp_list li .img{ width: 100%; height: auto;}
.cp_list li .tits{ height: 35px; line-height: 32px; font-size: 14px;}
.cp_tit{ font-size: 24px; line-height: 45px;}

.page{ width: 100%;}
.about_img{ display: none;}
.about_text{ width: 90%; margin-left: 5%; margin-left: 5%; float: left;}

.text_bt{ font-size: 24px; color: #004C87; padding: 30px 0 20px; border-top: 1px dashed #aaa; margin-top: 30px;}
.map{ height: 300px;}

.news_fr{ width: 100%;}
.news_fr li{ width: 90%; margin-left: 5%; margin-bottom: 30px;}
.news_fr li:last-child{margin-bottom: 0;}
.news_fr li .left{ display: none;}
.news_fr li .right{ width: 100%;}
.news_fr li .right .tit{ width: 100%;}
.news_fr li .right .tit a{ font-size: 18px;}
}

@media (max-width:1199px){
.banner{ margin:0;}
.banner_page{ display: none;}
.banner_bar{ width:100%;}
.n_banner{ width:100%; margin:0; height:auto;}
.banner ul{height:400px;}
.banner ul li{height:400px;}
.banner .num{ position:absolute; width:100%; height:10px; bottom:20px; left:0; text-align:center; z-index:3;}
.page .blk-xs{display: none;}
}