/* 页面样式 */
.n-title { text-align: center; margin-top: 1rem; padding-bottom: 0.3rem; background: url(/m/skin/images/h.png) no-repeat center bottom;}
.n-title h3 { font-size:1.8rem;    font-weight: bold; color: #0e6aba; background: url(/m/skin/images/bt_xian.png) no-repeat bottom center; padding-bottom: 10px;}
.n-title em { color: #888;}

.position { color: #888; padding: 0 0.6125rem; line-height: 1.5rem; margin-bottom: 0.5rem; }
.position a { margin: 0 0.3rem; }

.product { padding: 0.3125rem;}
.product li { float: left; width: 50%;}
.product li a { margin: 0.315rem; display: block;}
.product li a img { width: 100%; border: 1px solid #CCCCCC;}
.product li a p { text-align: center; word-break: break-word; white-space:nowrap ; overflow: hidden;}
.product h3 { line-height: 1.5rem; text-align: center; color: #333; font-size: 1.125rem; margin-bottom: 1rem;}
.product .img { margin: 0 0.3125rem 0.3125rem 0.3125rem; text-align: center;}
.product .img img { margin: auto; max-width: 100%; height: auto; display: block; }
.product .txt { margin-bottom: 1rem;}

.about .txt { padding: 0.6125rem;}

.case { padding: 0.3125rem;}
.case li { float: left; width: 50%;}
.case li a { margin: 0.315rem; display: block; position: relative;}
.case li a img { width: 100%; display: block; height: 160px;}
.case li a p { text-align: center; word-break: break-word; white-space:nowrap ; overflow: hidden; background: rgba(0,0,0,0.5); color: #fff;
 position: absolute; bottom: 0; left: 0; width: 100%; }
 
.case395 { padding: 0.3125rem;}
.case395 li { float: left; width: 50%;}
.case395 li a { margin: 0.315rem; display: block; position: relative;}
.case395 li a img { width: 100%; display: block; height: 230px;}
.case395 li a p { text-align: center; word-break: break-word; white-space:nowrap ; overflow: hidden; background: rgba(0,0,0,0.5); color: #fff;
 position: absolute; bottom: 0; left: 0; width: 100%; }
 

.honor2 { padding: 0.3125rem;}
.honor2 li { float: left; width: 50%;}
.honor2 li a { margin: 0.315rem; display: block;}
.honor2 li a img { width: 100%; border: 1px solid #CCCCCC;}
.honor2 li a p { text-align: center; word-break: break-word; white-space:nowrap ; overflow: hidden;}

.banner{ height: 160px !important; background-size: auto 100% !important;}


.content{ margin-bottom:52px;}
.foot_nav{ width:100%; position:fixed; bottom:0; left:0; background:#fff;box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.25);}
.foot_nav li{ width:33.3%; line-height:52px; float:left; text-align:center;}
.foot_nav li span{ color:#005eb7; padding:4px 0 4px 28px; font-size: 0.9rem; font-weight: bold;}
.icon01 span{ background:url(/m/skin/images/foot_nav01.png) no-repeat left center; background-size:24px auto;}
.icon02 span{ background:url(/m/skin/images/foot_nav02.png) no-repeat left center; background-size:24px auto;}
.icon04 span{ background:url(/m/skin/images/foot_nav03.png) no-repeat left center; background-size:24px auto;}

.menu_list{  text-align: center;border-bottom: 4px solid #f6f6f6;}
.menu_list ul{ padding: 0.5rem 0;}
.menu_list ul li{}    
.menu_list ul li a{
	font-size: 1.2rem;
	color: #FFFFFF;
	position: relative;
    float:left;
    width: 31%;
    margin:1%;
    line-height: 3rem;
    color: #fff;
    text-decoration: none;
    background-color: #0e6aba;}
.menu_list ul .dq a{background-color: #ff7c00;}

.cont2 {font-size: 14px;}
.cont2 h1,h2{ font-size: 16px; }



@media screen and (max-width: 767px)
.pz_down {
    padding-bottom: 50px;
}

.pz_down {
    float: left;
    width: 100%;
    position: relative;
    z-index: 3;
    padding-bottom: 50px;
}
.footer{ width:100%; float:left; background:#167ad0;}
.footer .footer_head{ padding:58px 0 53px 0; border-bottom:solid 1px #8bbde8;}
.footer .footer_head ul{ width:100%;}
.footer .footer_head ul li{ width:256px; float:left;}
.footer .footer_head ul li .dt{ width:100%; font-size:18px; color:white; line-height:26px; float:left;}
.footer .footer_head ul li .dd{ width:100%; float:left; margin-top:18px;}
.footer .footer_head ul li .dd a{ display:block; width:100%; float:left; font-size:14px; color:white; line-height:28px; opacity:0.8;}
.footer .footer_head ul li .dd a:hover{ opacity:1;}
.footer .footer_head ul li.last{ width:352px; float:right; margin-top:34px;}
.footer .footer_head ul li.last .tel{ margin-left:135px; margin-top:0px;}
.footer .footer_head ul li.last .tel h2{ width:100%; float:left; font-size:34px; line-height:46px; color:#fff; font-family:Arial;}
.footer .footer_head ul li.last .tel h5{ width:100%; float:left; margin-top:8px; font-size:14px; line-height:18px; color:#fff; opacity:0.8; letter-spacing:5px;}
.footer .footer_head ul li.last .ewm{ width:115px; padding:4px; background:white; float:left;}
.footer .footer_head ul li.last .ewm img{ float:left; width:100%;}
.footer .footer_down{ padding:22px 0 23px 0;}
.footer .footer_down .link1{ width:100%; float:left; padding:0 22px;}
.footer .footer_down .link1 span{ display:block; float:left; font-size:14px; color:white; line-height:30px; opacity:0.8;}
.footer .footer_down .link1 ul{ margin-left:70px;}
.footer .footer_down .link1 ul a{ display:block; float:left; font-size:14px; color:white; line-height:30px; opacity:0.8; margin-right:10px;}
.footer .footer_down .link1 ul a:hover{ opacity:1;}
.down{ float:left; width:100%; padding:30px 0; background:#0e6aba;}
.down .down_left{ float:left; font-size:12px; color:white; line-height:22px; opacity:0.8;}
.down .down_right{ float:right; font-size:12px; color:white; line-height:22px; opacity:0.8;}
.down .down_right a{ font-size:12px; color:white; opacity:0.8; margin-right:16px;}
.down .down_right a:hover{ opacity:1;}
@media screen and (max-width:1199px) {
.footer .footer_head ul li{ width:166px;}
}
@media screen and (max-width:991px) {
.footer .footer_head{ padding:28px 0 23px 0; text-align:center;}
.footer .footer_head ul li{ display:none;}
.footer .footer_head ul li.last{ display:inline-block; margin-top:0; width:290px; float:none;}
.footer .footer_head ul li.last .tel{ margin-left:105px; margin-top:0px; text-align:left; overflow: hidden;}
.footer .footer_head ul li.last .tel h2{ font-size:28px; line-height:40px;}
.footer .footer_head ul li.last .tel h5{ margin-top:4px; font-size:12px; line-height:16px; letter-spacing:4px;}
.footer .footer_head ul li.last .ewm{ width:95px;}
.footer .footer_down{ padding:12px 0 13px 0;}
.footer .footer_down .link1{ padding:0 0; position:relative;}
.footer .footer_down .link1 span{ width:100%; padding:0 10px; font-size:12px; height:32px; background:#0e6aba; line-height:32px; opacity:1; position:relative;}
.footer .footer_down .link1 span:before{ content:''; position:absolute; right:0; top:0; width:32px; height:32px; background:url(../images/person5_h.png) no-repeat center center; background-size:6px auto;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.footer .footer_down .link1 span.on:before{ transform:rotate(-90deg);}
.footer .footer_down .link1 ul{ margin-left:0; width:100%; float:left; display:none; position:absolute; left:0; bottom:100%; padding:8px 13px;  background:#0e6aba; border-bottom:solid 1px #8bbde8;
-moz-border-top-left-radius:8px; 
-webkit-border-top-left-radius:8px; 
-khtml-border-top-left-radius:8px;
border-top-left-radius:8px;
-moz-border-top-right-radius:8px; 
-webkit-border-top-right-radius:8px; 
-khtml-border-top-right-radius:8px;
border-top-right-radius:8px;}
.footer .footer_down .link1 ul a{ font-size:12px; line-height:24px; margin-right:6px;}
.footer .footer_down .link2{ width:100%; float:left; text-align:center;}
.footer .footer_down .link2 ul{ display:inline-block; vertical-align:top;}
.footer .footer_down .link2 ul li,.footer .footer_down .link2 ul span{ display:block; float:left; line-height:28px; font-size:14px; color:white; margin:0 3px;}
.footer .footer_down .link2 ul li a{line-height:28px; font-size:14px; color:white;}
.down{ padding:10px 0;}
.down .down_left,
.down .down_right{ width:100%; text-align:center; line-height:28px;}
}
@media screen and (max-width:767px) {
.footer .footer_head{ padding:24px 10px 20px 10px;}
.footer .footer_head ul li.last .ewm{ padding:8px;}
.footer .footer_head ul li.last{ width:300px;}
.footer .footer_head ul li.last .tel{ margin-left:120px; margin-top:0px; overflow: hidden;}
.footer .footer_head ul li.last .tel h2{ font-size:24px; line-height:40px;font-family: 'OPENSANS-BOLD'; letter-spacing:1px;}
.footer .footer_head ul li.last .tel h5{ letter-spacing:4px; margin-top:0;}
.footer .footer_down{ padding:6px 10px 7px 10px;}
.down{ padding:8px 10px;}
.down .down_left,
.down .down_right{ line-height:24px; font-size:0.88rem;}
.down .down_right a{ margin-right:10px;}
.footer .footer_down .link2 ul li,.footer .footer_down .link2 ul span{ line-height:24px; font-size:0.88rem; margin:0 1px;}
.footer .footer_down .link2 ul li a{line-height:24px; font-size:0.88rem;}


}



.foot-bar{float:left; width:100%; position:fixed; left:0; bottom:0; background:#fff; z-index:4; display:none;}
.foot-bar .foot-nav{float:left; width:50%;}
.foot-bar .foot-nav li{border-right: 1px solid #d9d9d9;width: 50%; float:left;height:50px;}
.foot-bar .foot-nav li:last-child{border-right:none;}
.foot-bar .foot-nav li a{display: block;text-align: center; width:100%;}
.foot-bar .foot-nav li a img{display:block; width:20px; height:20px; margin:0 auto; margin-top:6px;}
.foot-bar .foot-nav li a span{font-size: 14px;color: #333; font-weight: 800;display: block;margin: 0 auto;  line-height:24px;}
.foot-bar .foottel{float:left;text-align: center!important; width: 50%;line-height: 50px;background-color: #2373c4;}
.foot-bar .foottel img{display:inline-block; width:24px; height:24px; vertical-align:middle; margin-right:10px;}
.foot-bar .foottel span{display:inline-block; vertical-align:middle; font-size: 16px;letter-spacing: 1px; color: #fff;font-weight: 800;}
@media screen and (max-width:767px) {
    .foot-bar{display:block;}
}