@charset "utf-8";
/* CSS Document */

body{ MARGIN:0PX 0PX; PADDING:0PX 0PX;FONT-SIZE:12PX; font-family:'微软雅黑',Arial, Helvetica, sans-serif; TEXT-ALIGN:center;COLOR:#555555; background:#ffffff; line-height:21px; margin-left:auto;margin-right:auto;}

a{ color:#555555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium}

a:link{ text-decoration:none;}

a:hover{ color:#287ec7}

a img{ border:0;}

h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}

ul,li{ padding:0px; margin:0px; list-style:none;}

a img{ border:none;}


.clear{ clear:both; height:0; overflow:hidden; display:block;}

.blue{ color:#287ec7; }

.float_left{ float:left;}

.float_right{ float:right;}

.top_menu_bg{ background:#FFF; position:absolute; z-index:20; width:100%; left:0; top:88px; display:none; height:214px; min-width:1345px; }

.container{ min-width:1003px; width:1003px; margin:0px auto; padding:0px; text-align:left; }
.home_container{ min-width:1003px; width:1003px; margin:0px auto; padding:0px; text-align:left; }

#top{position:relative; width:100%; min-width:1345px; margin:0px auto; height:88px; z-index:30; }

.logo{ position:absolute; left:20px; top:0;}




.search{ position:absolute; right:20px; top:30px;}
.search img{ vertical-align:middle;}
.search .tb_li{ margin:0px 5px;}

#menu{ height:88px; width:700px; margin:0px auto; position:relative;}

#menu ul li{ float:left;  width:100px; background:url(../images/menu_tb.jpg) no-repeat right center; text-align:center; font-size:14px;  }

#menu ul li.shop{ background:url(../images/top_tb1.jpg) no-repeat 10px center;}

#menu ul li a{display:block; height:88px; line-height:88px;  }

#menu ul li a:hover{ color:#15499a; }
#menu ul li a.hover{ color:#15499a; }

#menu ul .er_menu_div{ position:absolute; display:none; left:-150px; top:88px; z-index:999; padding:0px; margin:0px; width:1003px; z-index:5; padding-top:30px; text-align:left;}
#menu ul .er_menu_div .left_menu{ width:365px; float:left;}
#menu ul .er_menu_div .left_menu .er_li{ width:150px; line-height:32px; height:32px; margin-bottom:4px; float:left; background:url(../images/er_tb.png) no-repeat 92% center; border-bottom:solid 1px #dddddd; margin-right:15px; display:inline;}
#menu ul .er_menu_div .left_menu .er_li a{height:32px; line-height:32px;}
#menu ul .er_menu_div .rgiht_intro{ width:610px; float:right;}
#menu ul .er_menu_div .rgiht_intro .l_pic{ width:245px; float:left; margin-right:10px; display:inline;}
#menu ul .er_menu_div .rgiht_intro .r_note{ width:330px; float:right; line-height:24px;}



.top_search_bg{ width:100%; position:absolute; left:0; top:88px; display:none; border-top:solid 1px #eaeaea; background:#FFF; z-index:20; text-align:center; padding:37px 0; height:38px;}
.top_search_bg .search_k{ border:solid 1px #c8c8c8; width:435px; cursor:text; color:#999; height:36px; line-height:36px; padding-left:10px; border-right:none; background:none;}
.top_search_bg input{ vertical-align:middle; }

/*Top*/

.index_banner{ height:646px; min-width:1345px;  }



.index_con{ padding:30px 0px; }

.index_dh{ margin-top:20px; margin-bottom:30px; clear:both; text-align:center;}

.index_first{ height:422px; margin-top:25px; clear:both; padding-bottom:35px;}
.index_first .index_intro{ width:469px; height:422px; float:left; background:url(../images/index_intro_p.jpg) no-repeat; color:#FFF; text-align:center;}
.index_first .index_intro .title{ padding-top:196px; font-size:18px; padding-bottom:10px;}
.index_first .index_intro_con{ padding:0px 40px; line-height:24px;}
.index_first .index_right{ width:468px; float:right;}
.index_first .index_right .ser_p{ margin-bottom:23px;}
.index_first .index_right .news_first{ height:154px; background:#282828; padding:0px 20px; text-align:center;}
.index_first .index_right .news_first .title{ border-bottom:solid 1px #434343; padding:17px 0; font-size:15px; color:#FFF;}
.index_first .index_right .news_first .title .date{ font-size:12px; color:#919191;}
.index_first .index_right .news_first .jianshu{ padding-top:19px; line-height:18px;}
.index_first .index_right .news_gun{ height:45px; background:#323232;}

.index_cases_bg{ min-width:1345px; background:url(../images/index_cases_bg.jpg) repeat; padding-top:15px; padding-bottom:40px; clear:both;}
.index_cases_con{ padding-top:35px;}
.index_cases_con .cases_list{ width:296px; float:left; background:#FFF; height:418px; display:inline; margin-right:55px;}
.index_cases_con .cases_list_con{ padding:15px 30px; text-align:center;}
.index_cases_con .cases_list_con .title{ font-size:16px; padding-top:5px; padding-bottom:5px;}
.index_cases_con .cases_list_con .jianshu{ line-height:18px; color:#b1b1b1; height:60px;}

.index_qixia{ padding-top:10px; padding-bottom:40px; position:relative; padding:0px 50px;}
.index_qixia ul{ width:100%; margin:0 auto; overflow:hidden;}
.index_qixia .qixia_pic{ float:left; width:259px; text-align:center; line-height:18px; padding:0px 20px; display:inline; background:url(../images/brand_line.jpg) no-repeat right center; height:180px;}
.index_qixia .qixia_pic img{ margin-bottom:10px;}
.index_qixia .qixia_pic .line{ width:29px; height:1px; margin:0px auto; background:#c8c8c8; clear:both; margin-top:25px;}

.index_qixia span{ position:absolute; top:70px; cursor:pointer; width:17px; height:34px;}
.index_qixia span.hleft{ background: url(../images/left_button.jpg) no-repeat; left:0px;}
.index_qixia span.hright{ background: url(../images/right_button.jpg) no-repeat right;  right:0px;}

/*Index End*/


.inside_banner{ height:473px; min-width:1345px;}

.inside_dh{ border-bottom:solid 1px #eaeaea; height:65px; line-height:65px; font-size:14px;}
.inside_dh .container{ text-align:center;}
.inside_dh ul{display:inline-block; *display:inline; zoom:1; text-align:center;}
.inside_dh a{ display:block; float:left; margin:0px 25px; height:65px; color:#818181;}
.inside_dh a:hover{ border-bottom:solid 1px #4d4d4d; color:#4d4d4d;}
.inside_dh a.hover{ border-bottom:solid 1px #4d4d4d; color:#4d4d4d;}

.intro_bg1{  background:url(../images/intro_pic1.jpg) no-repeat center top; height:588px;  min-width:1345px;}
.intro_jianshu{ line-height:24px; padding-top:30px; padding-bottom:80px;}


.intro_bg2{ background:url(../images/intro_bg1.jpg) no-repeat center top; height:745px;  min-width:1345px;}
.intro_bg2 .intro_con{ padding-top:210px; width:420px; line-height:22px; margin-left:20px;}
.intro_bg2 .intro_con .intro_line{ width:92px; height:5px; background:#151515; clear:both; margin-top:30px;}

.intro_brand_top{ padding-top:49px; padding-bottom:20px; text-align:center;}
.intro_brand_con{ padding-bottom:50px;}
.intro_brand_con .brand_pic{ width:33%; text-align:center; float:left; height:130px; }

.pro_note{ background:#fafafa; padding-top:15px; padding-bottom:40px; border-bottom:solid 1px #eaeaea;}
.pro_note .title{ font-size:18px; padding-top:8px; padding-bottom:20px;}
.pro_note_con{ padding:15px 0;}

.inside_con{ min-height:300px; height:auto; _height:300px; padding:20px 0px;}

.proshow{ width:24.9%; text-align:center; margin-top:10px; height:260px; float:left;}

.proshow img{ border:solid 1px #CCCCCC;}




.cases_li{ width:296px; float:left; background:#FFF; height:418px; display:inline; margin:0px 13px; margin-bottom:20px;}
.cases_li_con{ padding:15px 30px; text-align:center;}
.cases_li_con .title{ font-size:16px; padding-top:5px; padding-bottom:5px;}
.cases_li_con .jianshu{ line-height:18px; color:#b1b1b1; height:60px;}

a.cases_but{ width:180px; text-align:center; background:#292929; color:#FFF; height:36px; line-height:36px; display:inline-block; margin:0px 15px;}

.big_show_pic{ position:relative; display:inline-block; text-align:center;}
.big_show_pic .note_div{ position:absolute; left:0; bottom:0; z-index:10; width:94%; background:url(../images/tm.png) repeat; padding:15px 3%; color:#FFF; } 

.big_small{ width:920px; margin:0px auto; padding:15px 0; position:relative; height:100px;}
.big_small ul{ width:100%; margin:0 auto; overflow:hidden;}
.big_small .pic{ width:153px; text-align:center; height:100px;  float:left; cursor:pointer;}
.big_small .pic img{ border:solid 2px #CCC; padding:2px;}
.big_small .pic.active img{ border:solid #C00 2px;}

.big_small span{ position:absolute; top:35px; cursor:pointer; width:26px; height:45px;}
.big_small span.hleft{ background: url(../images/left_jt.png) no-repeat; left:-32px;}
.big_small span.hright{ background: url(../images/right_jt.png) no-repeat right;  right:-32px;}


.filt_fix{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; display:none; }
.filt_Bg {width: 100%;height: 100%;background-color: #000;top: 0;left: 0;position: absolute;filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;-khtml-opacity: 0.8;}
.zixun_Box{ width: 800px; height: 800px; position: absolute; top: 50%; left: 50%; margin: -400px 0 0 -400px; z-index: 11; background:#FFF; text-align:center;}
.filt_Close { position: absolute; right: 50px; top: 50px; cursor: pointer;}
/*Inside End*/


/*Bottom*/

.last_menu{ padding-top:42px;min-width:1345px; font-size:15px; padding-bottom:20px; clear:both; background:#1a1a1a; color:#FFFFFF; border-bottom:solid 1px #303030; margin-top:20px;}
.last_menu a{ color:#FFFFFF;}
.last_menu_l{ float:left; line-height:65px;}
.last_menu_l a{ margin:0px 10px;}
.last_menu_r{ float:right; padding-right:10px; text-align:right;}
 
.last_contact{ background:#1a1a1a; min-width:1345px; clear:both; padding:30px 0; color:#484848;}
.last_contact_l{ float:left;}
.last_contact_l .title{ font-size:14px; padding-bottom:10px; color:#a8a8a;}
.last_contact_r{ float:right; padding-top:20px;}
.last_contact_r a{ margin:0px 10px;}

.last_copy{ background:#1f1f1f; min-width:1345px; clear:both; padding:20px 0; color:#484848;}
.last_copy a{color:#484848;}
.last_copy a:hover{ color:#FFF;}

@media all and (min-width:640px) and (max-width:1440px){
	.container{min-width:1345px;}
}