﻿.m_main_wrap{border-bottom:0px solid #e5e5e5; width:1200px; margin:0 auto;}
.hd{text-align:center; color:#010101; font-size:24px; font-weight:bold; background:url(../images/proline.jpg) no-repeat center bottom; margin:0px 0 30px 0; line-height:64px;}


/*产品系列*/
.xlp_mn{background:url(../images/xlp_mn.jpg) no-repeat bottom center #f1f1f1; padding-bottom:156px;}
.wrapper_co{ width:1260px; margin:0 auto; padding:25px 90px 73px; background-color:#fff;}
.np_m{width:618px; border:0px solid #efefef; float:left; background-color:#0892d5;}
.np_mtl{float:left; width:175px; padding:42px 0 0 35px;}
.np_ht{font-size:22px; color:#fff; background:url(../images/xly_cp.jpg) no-repeat bottom left; height:58px; line-height:58px;}
.np_ht_e{height:44px; line-height:44px; color:#fff; margin-bottom:42px; font-family:Arial, Helvetica, sans-serif;}
.np_img{float:right; width:408px; height:369px; line-height:0;}
.np_img img{width:100%;}
.np_ht_more{color:#fff; background:url(../images/co_nt.png) no-repeat center left; padding:0px 0 0 20px;}
.np_m_r{margin-left:20px;  background-color:#f23b3c;}



/*公司简介*/
.about_man{background:url(../images/gywm.jpg) no-repeat bottom center; padding:21px 0 0 0; height:500px;}
.about_hd{line-height:72px; margin-bottom:31px;}
.about_mp{font-size:16px; text-align:center; width:78%; margin:auto; line-height:31px; margin-bottom:50px;}
.about_ny{font-size:0; text-align:center;}
.about_n{display: inline-block; *display:inline; *zoom:1; font-size:18px; color:#010101; padding-top:0px; width:124px; height:124px; margin:0 35px; position:relative; border-radius:0px;}
.about_n span{position:absolute; bottom:-65px; left:0; width:100%; line-height:65px;}
.about_n1{background:url(../images/shzx_on_01.png) no-repeat center center;}
.about_n2{background:url(../images/shzx_on_02.png) no-repeat center center;}
.about_n3{background:url(../images/shzx_on_03.png) no-repeat center center;}
.about_n4{background:url(../images/shzx_on_04.png) no-repeat center center;}
.about_n1:hover{background:url(../images/shzx_off_01.png) no-repeat center center;}
.about_n2:hover{background:url(../images/shzx_off_02.png) no-repeat center center;}
.about_n3:hover{background:url(../images/shzx_off_03.png) no-repeat center center;}
.about_n4:hover{background:url(../images/shzx_off_04.png) no-repeat center center;}

/*新闻*/
.news_man{background:url(../images/news_man.jpg) no-repeat center center; padding:24px 0 48px;}
.news_hd{margin:0px 0 36px;}
.news_li{border:0px solid #e6e6e6; padding:0; float:left; width:380px; padding-bottom:10px; background-color:#fff;}
.news_li_2{margin:0 30px;}
.news_img{line-height:0; margin-bottom:16px;}
.news_img img{ width:100%;}
.news_li_hb{height:16px; line-height:16px; color:#090c11; font-size:17px; margin-bottom:11px;}
.news_li_time{ width:55px; height:108px; line-height:19px; color:#5a5a5a; font-size:16px; text-indent:0px; margin:0 0 0 10px; float:left;background:url(../images/nesw_li.jpg) no-repeat right 3px;}
.news_li_time span{font-size:12px; color:#ccc;}
.news_li_ter{width:90%; padding:10px 0px; margin:auto;}
.news_li_tp{color:#616262; font-size:14px; height:81px; line-height:22px; letter-spacing:1px;}
.news_li:hover{border:0px solid #e62129;}

/*服务*/
.fw_ht{ margin-top:25px;}
.fw_r{float:left; width:230px; padding:0 0px;}
.fw_img{line-height:0; text-align:center;}
.fw_img img{-webkit-transition:all 500ms linear;-moz-transition:all 500ms linear;-o-transition:all 500ms linear;-ms-transition:all 500ms linear;transition:all 500ms linear; -webkit-transform:scale(0.8);-moz-transform:scale(0.8);}
.fw_img:hover img{-webkit-transform:scale(1);-moz-transform:scale(1); }
.fw_li{float:left; width:2px; height:199px; display:block; background:url(../images/cp_i.jpg) no-repeat left top 30px; margin:0 45px;}
.fw_th{text-align:center; font-size:18px; font-weight:550; color:#080808; height:35px; line-height:35px;}
.fw_r p{line-height:20px; text-align:center; font-size:13px; margin-top:6px;}
.fw_man{color:#565251;display: block; width: 100%; line-height:39px; text-align: center; font-size: 14px;}


.m_foot_wrap{margin-top:27px;}
@media screen and (max-width:1439px){
.wrapper_co{ padding:25px 20px 20px;}
}
@media screen and (max-width:1354px){
.info-mask { height:300px;}
}
@media screen and (max-width:1299px){
.wrapper_co{padding:0; width:98%;}
.np_m{width:49%;}
.np_m_r{margin-left:0; float:right;}
.np_mtl{width: auto;}
}

@media screen and (max-width:640px){
.wrapper { width:100%; }

.hidden-xs { display:none; }
.m_about_t{text-align:left; margin:0 2%;}

.np_ht{ margin-bottom:15%; font-size:18px;}
.np_ht_more{ margin-top:3%; font-size:13px;}

.np_img img{border-radius:0px 5px 5px 0px;}

#mobile_nav_wrap { height:49px; width:100%; display:block; }
#mobile_nav { width: 100%; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; background:url(../images/toolr_bg.jpg) repeat-x left top; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 3px 0 0 0; height: 24px;  color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-12px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 20%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px; font-size:1.16em; }
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }

#category{width:96%; margin:auto;}
#category .item {margin-right:2%; width:49%;}
#category .item:nth-child(2n){margin-right:0%;}
/*系列*/
.wrapper_co{width:96%; padding:5px 2% 5px;}
.hd{margin:0px 0 20px 0; font-size:22px;line-height:50px;}
.xlp_mn{padding-bottom:0; background:none;}
.np_m{width:100%; margin-bottom:15px;border-radius:6px;}
.np_mtl{width:30%; padding: 12px 0 0 4%;}
.np_img{width: 63.669%; height:auto;}
.np_m_r{margin-left:0;}
.np_ht_e{margin-bottom:10px; font-size:11px;}
/*关于我们*/
.about_man{ height:auto; background:none; padding-top:0;background-color: #f4f4f4; padding-bottom: 50px; padding-top: 10px;}
.about_mp{margin-bottom:20px; width:96%; font-size:14px; line-height:23px;}
.about_mp span{ display:none;}
.about_n{margin: 0 8px; height: 80px; width:20%;border-radius:200px;}
.about_n span{font-size:14px; bottom:-48px;}
.about_n1 { background: url(../images/shzx_on_01.png) no-repeat center center; background-size: 98%;}
.about_n2 { background: url(../images/shzx_on_02.png) no-repeat center center; background-size: 98%;}
.about_n3 { background: url(../images/shzx_on_03.png) no-repeat center center; background-size: 98%;}
.about_n4 { background: url(../images/shzx_on_04.png) no-repeat center center; background-size: 98%;}

/*新闻*/
.news_man{padding:10px 0 10px 0; background:#fff;}
.news_li{width:96%; margin:0 auto 10px; float:none; background:#e3e3e3; border-radius:6px;}
.news_img{}
.news_li_ter{float:none; width:90%; margin:auto; padding-top:20px;} 
.news_li_tp{height:auto;letter-spacing: 0px; line-height:20px;}
.fw_li{ background:none;}
.fw_r{ width: 25%;}

/*服务*/
.fw_li{display:none;}
.fw_th{ font-size:16px; font-weight:normal;}

.m_foot_wrap{ margin-top:30px;}
}