#banner { font-size:0; overflow:hidden; width:100%; }

#category {}
#category .item { width:25%; float:left; position:relative; overflow:hidden; }
.info-mask { background-image: url(../images/bg-mask.png); color: #fff; display: block; height: 274px; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.5s ease-in 0s; visibility: hidden; width:100%;}

#m_about_wrap { background:url(../images/m_about_b.png) no-repeat 4% 56px #ededed; height:381px;}
.m_about_dtd{color:#333; font-size:24px; text-align:center; background:url(../images/dtd_em.jpg) no-repeat center 41px; line-height:35px;}
.m_about_dtd em{color:#919191; font-size:12px; font-style:normal; line-height:37px;}
.m_about{border:solid 5px #d8d7d7; height:250px; background-color:#FFF; overflow:hidden;}
.m_about_pic { width:40.7%; float:right; margin-left:1%; display:inline; }
.m_about_list { width:57%; float:left; display:inline; }
.m_about_hd { color:#15499a; font-size:1.5em; }
.m_about_hd em { font-style:normal; font-size:0.6em; color:#898989; text-transform:uppercase; margin-left:8px; font-weight:normal;}
.m_about_bd { line-height:220%; font-size:0.875em; padding:34px 0 0 31px; text-indent:2em; }
.m_about_m a { display:block; width:106px; height:32px; line-height:32px; text-align:center; font-size:0.75em; color:#b72f32; border:solid 1px #b72f32; }
.m_about_m a:hover { text-decoration:none; }

#main { background:#f2f1f7; padding:5px 0 5px; border-top:1px solid #dcdbe0; border-bottom:1px solid #dcdbe0;}
.bdp{width:100%; height:60px; line-height:60px; text-align:center; }
.parent{padding:0 30px; float:left; height:15px; line-height:15px; font-size:14px; color:#393939; margin-bottom:21px;}
.partn_b{border-left:#393939 solid 1px; border-right:#393939 solid 1px;}
.partn_c{border-left:#393939 solid 1px;}
.partn_d{margin-left:30%;}
.m_item { width:365px; float:left; position:relative; font-size:0;}
.m_item .hd {color:#1461a9; font-size:18px; line-height:55px; position:relative; height:55px;}
.m_item .bd { font-size:14px; line-height:30px; margin-top:5px; width:97%;}
.m_item .red, .m_item .red a { color:#f01919;  font-style:normal; }
.m_news { margin:0 52px; }
.m_news .bd li { background:url(../images/icon1.jpg) no-repeat 2px center; height:30px; overflow:hidden;}
.m_news .bd li a { margin-left:20px; }
.more{height:30px; margin-top:5px;}
.m_more { position:absolute; left:2px; bottom:0; font-size:12px; color:#1461a9; line-height:30px; height:30px; width:90px;}

.dtd{color:#1461a9; font-size:18px; text-align:center; height:59px; line-height:59px; margin:27px 0 31px 0; border-bottom:1px solid #d6d6d6; position:relative;}
.dtp{background:url(../images/dtd_em.jpg) no-repeat center top; position:absolute; left:49.4%; bottom:-8px; width:15px; height:15px;}
.m_pro_list { margin:0 auto; position:relative; z-index:1000; width:1200px;}
.m_pro_list .hd { background:url(../images/hd_bg_1.jpg) repeat-x left bottom; height:56px; }
.m_pro_list .hd h2 { height:56px; line-height:56px; color:#0288e1; font-size:1.25em; font-weight:normal; background:url(../images/hd_b.jpg) no-repeat left bottom; }
.m_pro_list .hd h2 em { color:#777777; font-size:0.545em; font-style:normal; margin-left:6px; }
.m_pro_list .bd { position:relative;}
.btnPrev { width:40px; height:40px; background:url(../images/btnPrev.jpg) no-repeat left center; position:absolute; left:-41px; top:108px; }
.btnNext { width:40px; height:40px; background:url(../images/btnNext.jpg) no-repeat left center; position:absolute; right:-41px; top:108px; }
#demo1 { margin:0 auto; position:relative; overflow:hidden;  }
.m_pro_list .bd li { float:left; width:285px;}
.m_pro_list .bd li img{ border:solid 1px #d3d3d3;}
.m_pro_list .bd li figure{ }
.m_pro_list .bd li figcaption { overflow:hidden; display:block; height:50px; line-height:50px; text-align:center; font-size:14px; color:#393939;}
.m_pro_list .bd li a:hover { text-decoration:none;}
.m_pro_list .bd li a:hover img{  border:solid 1px #1461a9;}
.m_pro_list .more { color:#7b7b7b; font-size:0.75em; position:absolute; right:0; top:27px; }
.nofirst{ margin-right:20px; margin-bottom:20px;}

.downMenu{}

.m_contact { display:none; }
.xwkb{ display:none; }
.m_join{ display:none; }

.case{margin:16px auto 34px;}
#location { background:url(../images/hd_bg_1.jpg) repeat-x left bottom; position:relative; height:61px; width:100%; margin-bottom:41px;}
.location_title { font-size:18px; color:#1461a9;  line-height:61px; float:left; background:url(../images/hd_bg_2.jpg) repeat-x left bottom; }
.location_more{position:absolute; top:24px; right:4px;}
.location_more a{color:#1461a9; font-size:12px;}
.m_case_li{float:left; width:189px; margin:0 10px 10px 0; border:1px solid #dfdfdf; font-size:0;}

@media screen and (max-width:1199px){ 
.wrapper{ width:99%; margin:0 auto;}
.m_pro_list {width:100%;}
.m_pro_list .bd li {width:23.5%;}
.m_pro_list .bd li img{width:100%;}
.nofirst{margin-right:2%;}
.m_item{width:32%;}
.m_news{margin:0 2%;}
.parent{padding:0 26px;}
.m_case_li{width:15.6%; margin-right:1%;}
.m_case_li img{width:100%;}
.partn_d{margin-left:0;border-left: #393939 solid 1px;}
}
@media screen and (max-width:871px){ 
.m_case_li{width:15.4%;}
}
@media screen and (max-width:650px){
.bdp{display:none;}
.parent{padding:0 20px;}
.partn_d{border-left: #393939 solid 0px;}
.m_item{width:98%; margin:auto;}
}
@media screen and (max-width:467px){
#demo1{width:98%;}
.m_pro_list .bd li{ width:48%;}
.m_case_li{width:31.8%; margin-right:1%;}
.m_join{ display:block; }
.m_item{width:94%; float:none;}
.m_more{position:absolute; right:0; left:auto;}
}