#banner { font-size:0; overflow:hidden; width:100%; margin:auto;}

/*产品中心*/
.li_p{position:relative; height:305px; width:400px; float:left; line-height:0; margin-top:30px;}
.li_p_m{margin:30px 20px 0;}
.info-mask { background:url(../images/pic_z.png) no-repeat center center; background-size: 100% 100%; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in 0s; visibility: hidden; width:100%; height:305px; opacity:1; visibility: visible;}
.info-mask_z { background:url(../images/pic_zz.png) no-repeat center center; background-size: 100% 100%; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in 0s; visibility: hidden; width:100%; height:305px; opacity:1; visibility: visible;}
.li_p:hover .info-mask { opacity:1; visibility: visible;}
.li_p:hover .info-mask_z { opacity:1; visibility: visible;}
.info-mask-line{text-align:center; padding:98px 0 0 0;}
.info-mask-line span{width:156px; display:block; height:33px; line-height:33px; border:1px solid #fff; border-radius:30px; text-align: left; text-indent:45px; margin:63px auto 0; color:#fff; font-size:12px; background:url(../images/pic_mai.png) no-repeat 100px center;}

/*关于我们*/
.about_mai{background:url(../images/dtd_ex.jpg) repeat-x left bottom; height:57px; line-height:57px; text-align:center; margin-top:24px;}
.about_ht{color:#00a0e9; font-size:22px; background:url(../images/dtd_ey.jpg) no-repeat bottom center;  }
.about_en{line-height:44px; font-size:12px; color:#000; text-align:center;}
.m_about{background-color:#f0f0f0; margin:18px 0 0 0;}
.m_about_img{float:left; width:550px; line-height:0;}
.m_about_txt{float:right; width:618px; line-height:30px; font-size:15px; color:#000; padding:0 36px 0 0px; border:0px solid #e4e4e4; border-left:none;}
.m_about_ht{font-size:24px; color:#000; margin:16px 0 4px 0; line-height:46px;}
.m_about_ht em{ font-size:12px; color:#7e7f7f; font-style:normal; text-transform:uppercase;}
.cpz_more{border:1px solid #bfbebd; width:126px; height:33px; line-height:33px; text-indent:30px; color:#9a9a9a; margin:19px 0 0 0; background:url(../images/aoub_nt.png) no-repeat 87px center; font-size:12px; border-radius:30px;}
.cpz_more:hover{color:#fff; background:url(../images/aoub_nt_foo.png) no-repeat 87px center #00a0e9; border:1px solid #00a0e9;}

.bd_phb{color:#000; font-size:24px; text-align:center; background:url(../images/s_bg_2.png) no-repeat center bottom; line-height:69px; height:69px; margin:0px 0 25px 0;}
.bd_pl{text-align:center; margin-bottom:20px;}
.hbt{min-width:76px; height:31px; line-height:31px; text-align:center; border:2px solid #a72e35; background-color:#a72e35; display: inline-block; padding:0 26px; margin:0 3px; border-radius:30px; color:#FFFFFF;}
.hbt:hover{border:2px solid #333; background-color:#333; }
.hbt:hover a{color:#fff;}
.hbt a{color:#fff;}


/*新闻*/
.news_ne{margin:17px 0 0 0;}
.news_ne_img{float:left; width:520px; line-height:0;}
.news_ne_img img{width:520px; height:230px;}
.news_ne_txt{border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; line-height:25px; color:#010101; font-size:14px; padding:12px 20px 20px 30px; margin-bottom:37px; overflow:hidden; height:84px;}
.news_ne_txt span{display:block; color:#010101; font-size:17px; line-height:36px;}
.news_ne_htn{width:700px; float:right;}
.news_h{border:1px solid #d1d1d1; padding:16px 40px 16px 31px; margin-bottom:10px; height:75px;}
.news_h .h4{color:#222020; font-size:17px; margin-bottom:5px;}
.news_h p{color:#666; font-size:13px; line-height:21px;}
.news_h .time{float:right; margin-left:48px; width:13px; height:71px; text-align:center; background:url(../images/n_itec.jpg) no-repeat left center;}
@media screen and (max-width:640px){  
.wrapper { width:99%; margin:0 auto; }
#nav ul li.menu a { padding:0; text-align:center; }

.bd_p{width:100%; margin:auto;}
#main_m{width:96%; margin:auto; padding:20px 2% 14px;}
.m_about_txt{width:96%; float:none; margin:auto; padding: 0; margin-bottom:20px;}
.news_m{width:96%; padding:14px 2% 0; margin-bottom:0;}
.nav_bj{margin-bottom:0;}
.news_m li span{display:none;}
.footg_yq{display:none;}
.hono_m{display:none;}

.np_m{width:96%; margin:auto; float:none;}
.np_mtl{width:175px; padding:20px 0 20px 25px;}
.np_ht_e{height:30px; line-height:30px; color:#a9a9a9; margin-bottom:20px;}
.np_img{width:100%; height:100%;}


.n_itec{width:96%; margin:auto; float:none; margin-bottom:20px;}
.n_itec_img img{width:100%;}

.li_p{margin:0px 0px 0; width:100%; height:100%;}
.lis_pive{width:100%;}
.li_p_m{margin:0px 0px 0;}
.info-mask-line{padding:15% 0 0 0;}
.info-mask{height:100%;}
.info-mask { opacity:1; visibility: visible;}
.info-mask_z { opacity:1; visibility: visible;}

.m_about_ht{font-size:20px;}

.news_ne_txt{height:auto; margin-bottom:10px; padding:10px 3%;}
.news_ne_img{width:96%; margin:auto; float:none;}
.news_ne_img img{height:auto; width:100%;}
.news_ne_htn{width:96%; float:none; margin:0 auto 20px;}
.news_h{padding:10px 3%; height:auto;}
}
@media screen and (max-width:640px){
.xwkb{display:block;}
.dhb{width:98%;}
.hidden-xm6 { display:none;}
.m_item{width:49%;}
.m_news{ margin:0 0 0 2%;}
#hyly .bd-box li{ width:18.8%}
#hyly .bd-box li img{max-width:124px;}
}
@media screen and (max-width:640px){
.wrapper { width:100%; margin:0 auto; }

.hbt{margin-bottom:18px;}
.hidden-xm { display:none; }
.xwkb{ display:none; }

.m_item .bd { padding:10px 10px 0;}

#category { width:98%; margin:0 auto; padding:1%; }
#category .item { width:98%; float:left; position:relative; overflow:hidden; margin:1%; }
#m_about_wrap { padding:0; height:380px;}
.m_about{height:auto; padding:20px 0 10px; margin-bottom:20px;}
.m_about_bd{padding:3px 0 0 8px;}
.m_about_list { width:96%; float:none; margin:0 auto; display:block; }
.cpz_more{margin-top:20px;}
.m_news_wrap { width:96%; float:none; margin:0 auto; display:block; }
.m_news_bd .list { width:100%; float:none; display: block; }
.m_join_wrap { width:96%; float:none; margin:20px auto 0; display:block; }

.m_item, .n_item { width:95.8%; float:none; margin:0 auto; padding:1% 2%;}
.m_news { margin:2% auto; }
.nb_item{margin:auto;}

.m_more { left:12px; }

.a_more{left:12px; }

#footer { padding:0; }

.hidden-xs { display:none; }


#footer .comp_x{ width:100%;}
.hidden-smd, .hidden-mmd{ display: inline; }
.dtd{margin:28px 0 26px 0;}
.dhb{display:none;}
#hyly .bd-box li{  width:47.2%}
#hyly .bd-box li img{max-width:173px;}
#hyly .bd-box .li_on{padding-right:0; margin-right:0;}

.ace_m, .join_m{width:97%; background-size: 100% 100%; padding-left:3%}
}
@media screen and (max-width:600px){
.ace_m, .join_m{background-size:auto auto;}
}
@media screen and (max-width:320px){
.hidden-xs4{ display:none; }
}