/* Custom, iPhone Retina */ 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
/***************************************************************/
                     /* index */
/***************************************************************/
.header{ height:auto; border-bottom:none;}
.p_width{ width:100%; height:auto; position:relative;}
.nav button{ display:block; padding:3px 10px; border:1px solid #003BA5; position:absolute; right:25px; top:32px; background:#fff; border-radius:5px; outline:none;}
.icon-bar{ width:20px; height:2px; background:#003BA5; display:block; margin:5px 0;}
.logo{ width:100%; padding:0 2%; height:90px; border-bottom:3px solid #003BA5;}
.logo img{ display:block; height:40px; width:auto; margin-top:30px;}
.nav_list{ display:none;}
.nav_list ul li{ width:100%; float:left; height:50px; padding:0 3%; border-bottom:1px dashed #ddd;}
.nav_list ul li a{ height:50px; line-height:50px; font-size:14px !important; color:#333; font-weight:normal; display:block; width:100%; border-bottom:none;}
.nav_list ul li:last-child a{ border-bottom:none;}
.nav_list ul li.active{ background:#f5f5f5;}
.nav_list ul li.active a{ color:#666;}
.nav_list ul li.active::after{ border:none;}
.en{ height:20px;}
.en p{ width:100%; margin:0 auto;}
.en span{ height:20px; line-height:20px; font-size:12px;}
.en span:nth-child(1)::after{ top:4px;}
.nav_list ul li,.nav_list ul li span{ height:auto; line-height:50px; color:#333 !important; font-size:14px !important;}
.nav_down01 a{ border-bottom:1px dashed #ddd !important; font-size:12px; text-align:left !important; text-indent:2em;}
.nav_down01{ display:block; position:static !important; background:none !important;}
.nav_down01 a:last-child{ border:none !important;}.nav_down01 a:first-child{ border-top:1px dashed #ddd;}
.nav_list ul li.active span .arrow{ border-top: 5px solid #666 !important;}

.banner,.banner img{ width:100%; height:auto; overflow:hidden;}
.banner img{ float:left; display:block;}

.manage_tab{ width:100%; padding-top:10px;}
.tab_tit{ display:none;}
.tab_content{ padding-top:0;}
.tab_content ul li{ display:block; width:100%;}
.product_intro{ background:#fff; height:auto; margin-top:10px;}
.tab_img{ display:none;}
.show_content{ width:100%; float:none; padding:0; margin:0;}
.show_content h3{ width:100%; background:#f5f5f5; border-bottom:1px solid #ddd; height:50px; font-size:18px; line-height:50px; padding:0; margin:0; color:#004ab6; padding:0 5%; text-align:left; position:relative; transition:all 0.3s;}
.show_content h3.active::after{ transform:rotate(90deg)}
.show_content h3::after{ content:""; position:absolute; right:5%; top:20px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #003BA5;}
.show_content span{ display:none;}
.show_content p{ margin:5px 0; padding:0 5%; color:#666; display:none;}
.show_content p:nth-child(3){ margin-top:20px;}
.products{ width:70%; margin:20px 15%; padding:0 0%; display:none;}
.i01{ margin:0 auto; background:#fff; width:100%;}
.i01 img{ display:block; margin:0 auto; width:100%}

.examples{ width:100%; margin:20px 0; height:auto; overflow:hidden; background-repeat:repeat-y;}
.example_list{ width:100%; }
.example_list ul li{ float:none; width:80%; margin:0 auto 50px !important;}
.example_list ul li:nth-child(3){}
.example_list ul li div span{ font-size:24px; margin-top:25px;}

.cooperative .products{ display:block; top:70px;}
.cooperative{ max-height:600px;}
.cooperative 
.i02{ text-align:center !important;} 

.news_c{ width:100%;}
.news_c li{ width:100%; margin:0; margin-bottom:50px; padding:0 5%;}
.news_tab span::after{ width:0;}
.news_tab{ overflow:hidden; height:auto;}
.news_tab span{ height:auto; width:25%; line-height:1.2em; padding:10px; display:block; float:left; margin:0; outline:none;}
.tab_m_content{ padding-bottom:0;}

.foot_top{ width:94%; padding:0 7%; margin:0 3%;}
.foot_top div.left{ width:50%; height:auto; margin-bottom:20px;}
.foot_top div.left a{ width:100%; display:block; font-size:14px; margin-bottom:10px;}
.foot_top div.right span{ font-size:14px;}
.copy{ font-size:12px; padding-top:30px;}
.foot_top div.right span:nth-child(1)::after{ height:14px;}


/***************************************************************/
                     /* 新闻列表页 */
/***************************************************************/
.breadcrumbs>div,.wrapper{ width:100%; padding:0 5%;}
.side_right{ width:100%;}
.side_right .boxblog{ width:100%; margin:0; margin-bottom:20px;}
.side_left{ width:100%; padding:0;}
.archive{ margin-bottom:40px;}
.innerblogboxtwo{ line-height:21px;}

/***************************************************************/
                     /* 新闻详情页 */
/***************************************************************/
.news_details{ width:100%; padding:0; margin-bottom:30px;}
.news_details h3{ font-size:24px;}
.new_month{ text-align:left; padding:0; margin:0;}

/***************************************************************/
                     /* 产品列表页 */
/***************************************************************/
.products_list{ width:100%; padding:0 5%;}
.bigbox>.imgbox{ width:100%; padding:0; margin:0 0 30px 0;}
.bigimg{ width:100% !important; height:auto !important;}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.news_tab span{ font-size:14px;}
}