.into{ width:1200px; margin:80px auto;}
.into_l{ width:193px; height:200px; border:1px solid #ccc; float:left; padding:40px 0 40px 40px}
.into_l h2{ font-size:30px; color:#076fce; font-weight:normal}
.into_l .into_p{ font-size:24px; color:#8f8f8f; line-height:35px; margin:30px 0 50px 0}
.into_l .more a{ font-size:14px; color:#838383; background:url(../images/quan.png) no-repeat right; padding-right:25px; height:21px; float:left}
.into_l .more a:hover,.into_c .more_1 a:hover{ color:#076fce; text-decoration:underline}

.into_c{width:505px;  float:left; margin-left:47px}
.into_c h2{ font-size:24px; font-weight:normal; color:#7e7e7e; margin-top:20px}
.into_c h2 span{ font-size:20px; }
.into_c .text{ font-size:14px; color:#7e7e7e; line-height:25px; margin:25px 0}
.into_c .more_1 a{ color:#7e7e7e; float:right}
.into_r{width:365px; float:right}

/* 本例子css */
.slideBox{/* width:450px; height:230px; */overflow:hidden; position:relative;   }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:365px; height:279px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute;display:block; width:37px; height:37px; background:url(../images/left.jpg) no-repeat left; right:37px; bottom:0}
.slideBox .next{ position:absolute; display:block; width:37px; height:37px; background:url(../images/right.jpg) no-repeat left; right:0px; bottom:0}

/*product*/
#product{ width:100%; background:url(../images/pro_bak.jpg); height:560px}
.pro_con{ width:1200px; margin:0 auto;  padding-top:50px; text-align:center}
.pro_con .pro_h,.case_con .pro_h,.new_con .pro_h{ border-bottom:1px solid #ccc;padding-bottom:11px}
.pro_con .pro_h h2,.case_con .pro_h h2,.new_con .pro_h h2{ font-size:36px; color:#464646; font-weight:normal; padding-bottom:8px}
.pro_con .pro_h p,.case_con .pro_h p,.new_con .pro_h p{ font-size:24px; color:#9f9f9f; display:inline; border-bottom:2px solid #aacd06; padding-bottom:10px}


/*产品*/
.picScroll-left{ width:1200px;  overflow:hidden;/* position:relative; */ margin:0 auto; position:relative; height:400px}
.picScroll-left .hd{ overflow:hidden;  height:35px; left:47%; top:340px; position:absolute}
.picScroll-left .hd span{ color:#333333; font-size:18px; font-weight:bold;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; }

.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{margin-top:40px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:31px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li{ text-align:center; cursor:pointer;position:relative}
.picScroll-left .bd ul li img{ width:275px; height:210px; display:block;  }
.picScroll-left .bd ul li a{ color:#7e7e7e; font-size:14px;}

.picScroll-left .bd ul li p span{ width:60px; border-bottom:1px solid #ccc; display:block; margin-left:100px; padding-bottom:5px}

.disworks2{overflow: hidden;position: absolute;z-index: 10;font-size: 14px;line-height:23px;padding-bottom:10px; left:45px; color:#fff;bottom: 0px; width:185px;}
.shadow { background:url(../images/shdow.png) no-repeat left; height:210px; position:absolute; top:0; z-index:1; left:0; width:275px; opacity:0}
.disworks1 {position: absolute;top: 0px;z-index: 10; left:115px}
.picScroll-left .bd ul li .disworks1 img{ width:36px; height:36px}

/*case*/

#case{ width:100%}
.case_con{ width:1200px; margin:0 auto;  text-align:center; padding-top:55px}

/*工程案例*/
.scroll{ height:298px; margin-top:50px}
.picScroll{ position:relative;  height:298px; margin-bottom:10px; }
.picScroll ul{overflow:hidden; zoom:1;}
.picScroll ul li{ float:left;  width:300px; overflow:hidden; display:inline; text-align:center; position:relative}
.picScroll ul li img{ width:300px; height:298px; }
.picScroll .prev{position:absolute;  left:-90px; top: 145px; display:block; width:37px; height:37px;  background:url(../images/case_left.jpg) no-repeat left ; cursor:pointer; }
.picScroll .next{ position:absolute; right:-87px; top: 145px; display:block; width:37px; height:37px;  background:url(../images/case_right.jpg) no-repeat right; cursor:pointer;}
.picScroll ul p a{ height:47px; background:rgba(0,0,0,0.7); position:absolute; line-height:47px; bottom:0; left:0; width:300px; display:block; color:#fff;font-size:14px;}
.picScroll ul p a:hover{ background:rgba(9,168,216,0.7); color:#fff}



.scroll_1{ height:240px; }
.picScroll_1{ position:relative;  height:305px; margin-bottom:10px; }
.picScroll_1 ul{overflow:hidden; zoom:1;}
.picScroll_1 ul li{ float:left;  width:286px; overflow:hidden; display:inline; text-align:center; margin-right:18px}
.com_tab .picScroll_1 ul li a{ float:none; width:inherit; margin-right: auto; height:55px; line-height:55px; padding:0}
.picScroll_1 ul li img{ width:286px; height:200px; }
.picScroll_1 .prev{position:absolute;  left:-50px; top: 95px; display:block; width:37px; height:37px;  background:url(../images/case_left.jpg) no-repeat left ; cursor:pointer; }
.picScroll_1 .next{ position:absolute; right:-50px; top: 95px; display:block; width:37px; height:37px;  background:url(../images/case_right.jpg) no-repeat right; cursor:pointer;}
.picScroll_1 ul p a{ height:55px; background:#efeeee;  line-height:55px; bottom:0; left:0; width:300px; display:block; color:#fff;font-size:14px;}
.picScroll_1 ul p a:hover{ background:#062c87; color:#fff}


.con_l{ width:560px; float:left}
.con_r{ width:600px; float:right; }
.con_r .con_tact{ border-bottom:1px solid #ccc; padding-bottom:30px; margin-bottom:30px}
.con_r p{ line-height:25px}
.con_r h3{font-size: 16px;font-weight: normal;color: #4d4d4d;padding: 18px 0;/*background: url(../images/com_xian.jpg) no-repeat left top;*/}


.diy_select{height:28px;position:relative;color:#c9c9c9;float:left; width:180px; cursor:pointer; font-size:14px}
.diy_select_btn,.diy_select_txt{float:left;height:100%;line-height:28px}
.diy_select,.diy_select_list{border:1px solid #555555; padding-left:0}
.diy_select_txt{width:180px; background: url(../images/xjt.png) no-repeat right; color:#c9c9c9}
.diy_select_txt,.diy_select_list li{text-indent:10px;overflow:hidden; font-size:12px}
.diy_select_btn{width:28px;background:url(rec.gif) no-repeat center}
.diy_select_list{position:absolute;top:28px;left:-1px;z-index:88888;border-top:none;width:100%;display:none;_top:29px}
.diy_select_list li{height:25px;line-height:25px;cursor:default; cursor:pointer}
.diy_select_list li a{ display:block}
.diy_select_list li.focus{background:#3c3c3c;color:#fff;width:180px}

.Ccie{ overflow:hidden;}
.Ccie li{width:288px; height:211px; float:left; text-align:center; margin-right:20px; margin-bottom:22px;border:1px solid #d8d8d8; display:block; padding:10px 0 0 0}
.Ccie li span{ padding-top:5px; font-size:15px; display:block; color:#4d4d4d}
.Ccie li img{ width:260px; height:176px}

.Ccif{ overflow:hidden;}
.Ccif li{width:288px; height:365px; float:left; text-align:center; margin-right:20px; margin-bottom:22px;border:1px solid #d8d8d8; display:block; padding:10px 0 0 0}
.Ccif li span{ padding-top:5px; font-size:15px; display:block; color:#4d4d4d}
.Ccif li img{ width:260px; height:330px}



.cul_l{ width:600px; float:left;margin-bottom:10px; font-size:14px; line-height:25px}
.cul_r{width:600px; float:left;margin-bottom:10px;font-size:14px; line-height:25px}
.cul_r p{ line-height:35px; }


#top{ width:100%; position:relative;background-color:#fff;box-shadow: 0 0 5px #888;}
.top_con{ width:1200px; margin:0 auto; height:100px}
.top_con_l{ float:left; width:208px; margin-top:20px}
.top_con_r{ float:right; width:860px;}
.top_con_r>.nav{}
.top_con_r>.nav>li{ float:left; background: url(../images/shu.jpg) no-repeat right center;}
.top_con_r >.nav> li >a{ float:left; padding:0 26px; font-size:16px; color:#4d4d4d; height:100px; line-height:100px}
.top_con_r>.nav> li a.cur{color:#233b84;background:  url(../images/01.png) no-repeat center bottom;}

.top_con_r .submenu{display:none;z-index:99999; width:100%; position:absolute; top:100px; left:0;  line-height:40px; height:40px; background-color:#1e3680}
.top_con_r .submenu ul{  height:30px; width:800px; margin:0 auto}
.top_con_r .submenu li{ float:left; display:block; padding-left:10px;}
.top_con_r .submenu li.last{border:none;}
.top_con_r .submenu li a{color:#fff; font-size:13px; display:block; line-height:40px;padding:0px 10px;}
.top_con_r .submenu li a:hover{color:#ffffff;  text-decoration:underline; background:none}

.foot_p_main a:hover{ text-decoration:underline}