@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; font-size: 14px; font-family: "微软雅黑"; }
/*万能清除浮动开始*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.fl { float: left; }
.fr { float: right; }
ul { list-style: none; overflow: hidden; margin: 0px; padding: 0px; }
a { color: #fff; text-decoration: none; }
img { border: none; }

/*左边部分 导航*/
.index_left { width:22%; height: 100%; position: fixed; background: #5f6d7e; }
.logo img { width:100%;}
#nav_01 { background: #495461; }
.nav { text-align: center;height:300px; overflow:hidden; }
.nav ul li { height: 50px; line-height: 50px; overflow:hidden;}
.nav ul li:hover { background: #495461;/* opacity:0.2;*/ }
/*右边部分*/
.index_right {width:78%; }
.banner img ,.banner_n img{ width:100%; }
.tel { margin-left:8px; font-size:12px; margin-top:10px; margin-bottom:10px;}
.tel ul li{ float:left; padding:0px 8px;}
.tel a{ color:#b3b5b8;}
.tel a:hover{ color:#fff;}
.tel_con { color:#b3b5b8; font-size:14px;}

.main { width:96%;padding:0 2%;}

/*服务项目*/

.index_obj_img .no_mar , .showpic .no_mar{ margin-right:0px;}
.index_obj ul li a{ color:#333;}
.index_obj ul li span{ display:block; text-align:center; padding:10px 0px; background:#f1f1f1;}
.index_obj ul li span:hover{ background:#e1e1e1;}
.index_obj_img img{ width:100%;}
.index_obj_img ul li{ float:left; margin-right:12px; width:32.4%;}

/*关于我们*/
.index_about , .index_show ,.index_news ,.index_obj{ padding-top: 40px; }
.title { font-size: 18px; border-bottom: 1px solid #CCC; padding-bottom: 20px; margin-bottom: 20px; }
.index_about_con { line-height:34px; text-indent:2em;}
/*产品展示*/
/*------ projects ------ */
.projects-holder { margin-right: 0; margin-left: 0;}
.projects-holder .col-md-4, .projects-holder .col-md-4 { padding-right: 3px; padding-left: 3px; }
.col-sm-6{ width:32.4%;}
.project-item {width:100%;margin-bottom:5px; overflow: hidden; position: relative; }
.project-item img { width:100%; display: block; }
.project-item:hover .project-hover { top: 0; opacity: 1; visibility: visible; }
.project-hover { position: absolute; width: 100%; height: 100%; top: 40px; left: 0; background: rgba(0, 0, 0, 0.9); opacity: 0; visibility: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.project-hover .inside { position: absolute; width: 100%; left: 0; bottom: 0; padding:30px 1px;}
.project-hover h5 { font-size: 14px; margin-bottom: 10px; height:20px; line-height:20px; overflow:hidden;}
.project-hover h5 a { color: white; }
.project-hover p { color: white; font-size: 12px; height:140px;line-height: 20px; overflow:hidden;}

/*资讯中心*/
.index_news ul li{}
.index_news_img{ width:37%;}
.index_news_img img{ width:100%; height:270px;}
.index_news_list{/* width:540px;*/ width:61%; padding-left:2%;}
.index_news_list h4{ font-size:20px; font-weight:normal;}
.news_desc{ color:#666; height:90px;line-height:28px; overflow:hidden;}
.index_news_list ul{ height:92px; overflow:hidden;}
.index_news_list ul li{ height:30px; line-height:30px; overflow:hidden; background:url(../images/li.png) no-repeat left; padding-left:14px;}
.mar_b{ margin-bottom:40px;}
.index_news_list a{ color:#000;}
.index_news_list ul li a:hover{ color:#5f6d7e;} 
.link{ margin:20px 0px;}
.link a{ color:#333;}
/*footer*/
.footer{ text-align:center; line-height:38px; border-top:2px solid #e1e1e1; padding-top:10px;margin-bottom:20px;}
.footerwby a{ color:#333;}


/*二级页面*/
/*show*/

.show_fenl .no_mar{ margin-left:0px;}

.show_right{ width:78%;}
.locat{ font-size:18px;margin:40px 0px; padding-bottom:30px; border-bottom:1px solid #e1e1e1;}
.locat a ,.show_fenl a{ color:#333;}
.locat a:hover{ color:#5f6d7e;}
.show_fenl { text-align:right; }
.show_fenl ul li{float:left; background:#5f6d7e; margin:10px; padding:10px;}
.show_fenl ul li a{ font-size:16px; color:#fff;}
.show_fenl ul li a:hover{ text-decoration:underline;}

.showpic{ margin:30px 0px;}
.showpic ul li{ float:left; width:32.4%; margin-right:12px; margin-bottom:12px;}
.showpic ul li img{ width:100%; height:218px;}
.showpic ul li span{ display:block; color:#333; text-align:center; background:#f1f1f1; padding:10px 0px;}
.showpic ul li span:hover{background:#e1e1e1;}
/*分页*/
.Page{width:100%; text-align:center; padding:30px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#5f6d7e; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#5f6d7e; color:#FFF}

/*list*/
.newslist{ width:100%;}
.newslist a{ color:#333;}
.bor_bot{ clear:both; border-bottom:solid 1px #e7e7e7; overflow:hidden;padding-top:30px; margin-bottom:25px;}
.newslist_img { width:30%;}
.newslist_img img{ width:100%; height:160px;}
.newslist ul{ overflow:hidden; clear:both; padding:0px; margin:0px;}
.newslist ul li{float:left; width:100%; margin:15px 0px;}
.newslist_txt { padding:15px;width:66%; }
.newslist_txt h4, .newslist_txt h5{ margin:0px; font-weight:normal; }
.newslist_txt h4{ font-size:16px; width:100%; height:28px; line-height:28px;overflow:hidden;}
.newslist_txt h4 a:hover{ color:#5f6d7e;}
.newslist_txt h5{ color:#686868; font-size:12px;margin:5px 0px;}
.newslist_txt_con { line-height:28px; height:60px; overflow:hidden; color:#666;}

/*about*/
.about_tit h4{ font-size:22px;line-height:32px; text-align:center; font-weight:normal; margin:0px;}
.about_data { text-align:center; margin:8px 0px;}
.about_img{text-align:center; margin:10px 0px; }
.about_img img{ max-width:80%; text-align:center;}
.about_con{ text-indent:2em;line-height:34px;}
.con_page a{ color:#333;}
.prev ,.next{ width:49%; margin:10px 0px; height:30px;line-height:30px; overflow:hidden;}

/*推荐信息*/
.contenttjtext{ clear:both; margin-top:40px; margin-bottom:30px;}
.contenttjtext h2{ font-size:16px; text-align:left;color: #333;}
.contenttjtext ul{ overflow:hidden; margin:0px; padding:0px;}
.contenttjtext li {background:url(../images/li.png) no-repeat left;padding-left:15px; float: left; width:48%;font-size: 14px;overflow:hidden;line-height:32px;height:32px; text-align:left;}
.contenttjtext li a{ color:#000;}
.contenttjtext li a:hover{ color:#5f6d7e;text-decoration:underline;}
/*contact 页*/
/*提交*/
.contact_left{ width:60%;}
.button{ /*width:100%;*/overflow:hidden;}
.butmain{padding:5px 0 0 20px;overflow:hidden;}
.butmain ul { margin:0px; padding:0px;}
.butmain ul li{ display:block;/*width:650px;*/overflow:hidden; vertical-align:middle; margin-bottom:14px;}
.butmain ul li b{display:block;width:60px;height:30px;float:left;line-height:30px;font-weight:normal;overflow:hidden; text-align:right; font-size:12px;}
.butmain ul li span{display:block;width:410px;float:left;font-size:12px;line-height:20px;overflow:hidden; text-align:left;}
.butmain ul li em{ font-style:normal;color:#999;line-height:20px;padding-left:5px;overflow:hidden;}
.butmain .mri02m_dd{ float:left;width:280px;height:20px;padding:0px 2px;overflow:hidden; margin-left:2px; margin-top:0px;}
.butmain .mri02m_ly{width:399px;height:60px;border:1px solid #D3D4D3;padding:0px 2px; overflow:auto;color:#B9B9B9; font-
size:12px; line-height:22px;}
.butmain .mri02m_tj{width:58px;height:28px; color:#FFF;font-size:12px; line-height:28px;text-align:center; 
background:#5f6d7e;overflow:hidden; cursor:pointer; border:none;}
.yzm_img img { float:left;}
/*右边部分  联系我们*/
.contact_right{ width:38%;}
.contact_right h3{ font-size:22px; font-weight:normal; margin:0px; margin-bottom:20px;}
.contact_right h4{ font-size:18px; font-weight:normal; margin:0px; margin-bottom:20px;}
.cont_lxwm{ line-height:32px; color:#333;}