@media(min-width:768px){
/*header*/
.navbar-default .navbar-nav > li > a{display:inline-block; color:#fff; font-size:16px;text-transform:uppercase;line-height:26px;padding:0 2px;border-bottom:solid 1px transparent;font-family:Arial;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus { border-bottom:solid 1px #fff; color:#fff;}
.navbar-default .navbar-nav > li > .currentA{border-bottom:solid 1px #c2271a; color:#fff;}

.h_box02 ul.nav{ margin:35px 0 0;}
.h_box02{ background:url(../images/bg01.jpg) repeat-x; height:142px;}
.breadcrumbs{top:-13px;}


}
	


@media(min-width:992px){
/*header*/
.nav li .sub_nav{position:absolute; z-index:9;top:27px;display:none;width:280px;background:#25497e; }
.nav li .sub_nav dl{ padding:30px 12px 20px;}
.nav li .sub_nav dl dd{ border-bottom:solid 1px #395680; padding:7px 5px;}
.nav li .sub_nav dl dd a{color:#fff; display:block; font-size:14px; line-height:24px; padding:0 5px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.nav li .sub_nav dl dd:hover a{ transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);}



.c_box03 .right{padding:60px 0 0 40px; background:#d6e2eb;height:437px;}


}



	
@media(min-width:768px) and (max-width:992px){
/*header*/
.navbar-default .navbar-nav > li > a{ margin: 0 0 0 2px; margin: 0 0 0 0px\0; font-size:12px;}





.sub_news_box li dl{float:left; margin-left:30px; width:85%;}
}



@media (min-width:992px) and (max-width: 1200px) {
/*header*/
.navbar-default .navbar-nav > li > a{ margin: 0 0 0 5px; margin: 0 0 0 0px\0;}


.sub_news_box li dl{float:left; margin-left:30px; width:82%;}

.sub_about_box .box01 p.pic{width:40%;}
.sub_about_box .box01 dl{ width:60%;}

}
	
@media(min-width:1200px){
/*header*/
.navbar-default .navbar-nav > li > a{ margin: 0 0 0 22px; margin: 0 0 0 19px\0;}


.sub_news_box li dl{float:left; margin-left:30px; width:87%;}
.sub_contact_box .tip{padding:25px 30px 10px;}
.sub_about_box .box01 p.pic{width:30%;}
.sub_about_box .box01 dl{ width:70%;}

.c_box02 ul li{float:left; width:50%;margin:0;}
.c_box02 ul li:nth-child(3) a p,.c_box02 ul li:nth-child(4) a p{float:right;}
.c_box02 ul li a dl dd.arrow{ display:block;width:0; height:0; border:solid 5px #c0d9f3; position:absolute;top:30px; border-color:transparent #c2271a; z-index:999;border-width:12px 0 12px 16px;}
.c_box02 ul li:nth-child(1) a dl dd.arrow,.c_box02 ul li:nth-child(2) a dl dd.arrow{border-width:12px 0 12px 16px;left:0;}
.c_box02 ul li:nth-child(3) a dl dd.arrow,.c_box02 ul li:nth-child(4) a dl dd.arrow{border-width:12px 16px 12px 0;right:0;}


}


@media(max-width:1200px){


	}





@media (max-width: 767px) {
header{ position:relative; z-index:9;}
.h_box01 p.icons{ margin:10px 15px 0 0;}
header .h_box02{ background:#c12619;}
header .logo{ display:inline-block;width:40%;margin:0 0 8px 15px;}
header .logo img{width:100%;  height:auto;}
header .container{ padding:0;}
.navbar-nav{ margin:0; }
.navbar-default .navbar-toggle{background:none; border:none; margin:6% 15px 0 0; }
.navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover{background:#c12619;}
.navbar-default .navbar-toggle .icon-bar{background:#fff;height:4px; border-radius:2px; width:34px;}
.navbar-default .navbar-toggle:hover .icon-bar{ background:#fff;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:7px;}
.navbar-collapse.in{overflow:hidden;}
.navbar-collapse{ background:#c12619;border:none; box-shadow:none; }
.navbar-default .navbar-nav > li{overflow:hidden;}
.navbar-default .navbar-nav > li > a{display:block;height:40px; width:100%;font-size:14px; text-transform:uppercase; color:#fff; text-align:center;background:#25497e; border-bottom:solid 1px #4569a6; margin-left:0;}
.navbar-default .navbar-nav > li>a:hover,.navbar-default .navbar-nav > li>a:focus{background:#c12619; color:#fff;}

.c_box04 .left ul li{float:none; width:100%; margin:0 0 20px;}
.c_box04 .left ul li:nth-child(2){ margin:0;}



.sub_proList_box ul li{ padding:0 0 20px;}
.sub_inquiry form label span{ display:block; width:100%; text-align:left;}
.sub_inquiry form label input,.sub_inquiry form label textarea{ width:100%;}


.sub_news_box li dl{float:left; margin-left:30px; width:80%;}
.c_box02 ul li a p,.c_box02 ul li a dl{float:none; width:100%;}


}

@media (max-width:580px) {
.sub_news_box li dl{float:left; margin-left:30px;width:70%;}
}


@media (max-width:430px) {
	.sub_news_box li .news_date{ display:none;}
.sub_news_box li dl{width:100%; margin:0;}
}

@media (max-width:992px) {
	#detailpagepage{width:100%;text-align:justify; margin:0 auto;}
}