@charset "gb2312";
/* CSS Document */

*{padding:0; margin:0; font-size:14px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:#000;cursor:pointer;outline:none;blr:expression(this.onFocus=this.blur());}
ul li{list-style:none;}
a:hover{transition-property:color;transition-duration:.2s; color:#3367cd;}
img{border:none;}
body{background:#fff;}
.main_box{width:100%; max-width:1200px; min-width:1200px; margin:0 auto;}

/*banner style*/
#banner{width:100%; min-width:1200px; height:600px;}
#in_banner{width:100%; min-width:1200px; height:400px; background:url(../images/in_banner.jpg) no-repeat center center;}
.bannerbox{width:100%; min-width:1200px; height:600px; margin:0 auto; overflow:hidden; position:relative; z-index:0}
.box_img{width:100%; min-width:1200px; height:600px; overflow:hidden;}
.box_img ul li{position:absolute; width:100%; min-width:1200px; display:none; z-index:1}
.box_img ul li a{display:block; width:100%; height:600px; font-size: 100px; text-align: center;line-height: 611px;color: #fff;}
	
.box_tab{position:relative; bottom:40px; text-align:center; width:1200px; margin:0 auto; z-index:2}
.box_tab a{display:inline-block; width:15px; height:15px; font-size:0; line-height:0; border-radius:10px; background: #333;margin: 0 5px;}
.box_tab a.active{background:#3367cd; color:#fff;}

/*head*/
#head{width:100%; min-width:1200px; height:120px;}
#head .logo{float:left; margin-top:10px;}
#head .r_box{float:right; overflow:hidden;}
#head .r_box .t_cn{font-size:26px; margin-top:10px; line-height:50px; font-weight:bolder;color:#444;}
#head .r_box .t_ct{overflow:hidden;}
#head .r_box .t_ct p{float:left;  padding-left:35px; font-size:14px; line-height:30px;}
#head .r_box .t_ct .t_tel{background:url(../images/tel.jpg) no-repeat left center;color:#444;}
#head .r_box .t_ct .t_fax{background:url(../images/fax.jpg) no-repeat left center;color:#444;}
#head .r_box .t_ct .t_add{background:url(../images/add.jpg) no-repeat left center;color:#444;}
#head .r_box .t_ct .t_add a{font-size:14px;}

/*nav*/
#nav{width:100%; min-width:1200px; height:50px; background-image:url(../images/menu.jpg);}
#nav .main_box ul li{float:left; border-right:1px solid #ffffff;}
#nav .main_box ul li a{color:#fff; font-size:16px; height:50px; line-height:50px; display:block; padding:0 46px;}
#nav .main_box ul li a:hover{background-image:url(../images/menu_bg.jpg);color:#fff;}

#nav .search{float:right; height:50px; overflow:hidden;}
#nav .search .search_box{border:none; background:none; border-bottom:1px solid #fff; color:#fff; line-height:25px; height:25px; width:180px; padding-left:10px; float:left; margin-top:12px;}
#nav .search .search_img{padding:0px; float:left; margin-left:8px; margin-top:8px;}

#localhost{width:100%; min-width:1200px; background:#f3f3f3; height:73px; overflow:hidden;}
#localhost i{display:block; background:url(../images/arrow2.png) no-repeat center center; width:40px; height:73px;}
#localhost span{line-height:73px;}
#localhost span,#localhost i{float:left;}

.index_list_title{width:100%; min-width:1200px;background-color:#eee;color:#000;text-align:center;height:80px;line-height:80px; font-size:18px;font-weight:bold;}
#index_list{background:#fff; padding:15px 0;}


.hot_products .title{background:#eee; width:100%; min-width:1200px; border-bottom:15px solid #3367cd; padding-bottom:12px; padding-top:50px;}
.hot_products .title .e1{color:#000; font-size:26px; font-weight:700;}
.hot_products #tabs {
	float:right;
	overflow: hidden;
	width: 600x;
	margin: 0;
	padding: 0;
	list-style: none;
}
.hot_products #tabs li {
	float: left;
	margin-left:6px;
}
.hot_products #tabs a {
	position: relative;
	width:280px;
	height:49px;
	text-align:center;
	line-height:49px;
	float: left;
	text-decoration: none;
	font-weight:bolder;
	font-size:18px;
	color: #fff;
	background:#a1a1a1;
}
.hot_products #tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after {
 background: #3367cd; color:#FFFFFF;
}
.hot_products #tabs a:focus {
	outline: 0;
}
.hot_products #tabs a:after {
 position:absolute;
 z-index: 1;
 top: 0;
 right: -.5em;
 bottom: 0;
 width: 1em;
}
.hot_products #tabs #current a, #tabs #current a:after {
 background: #3367cd; color:#FFFFFF;
 z-index: 3;
}
.hot_products #content{width:100%; min-width:1200px; padding:40px 0; background:#fff;}

.scroll_horizontal{display:block; position:relative; width:1200px; height:285px; overflow:hidden; margin:0 auto;}
.scroll_horizontal .box{display:block; overflow:hidden; position:relative; width:1200px; height:280px; margin:0 auto;}
.scroll_horizontal .list{overflow:hidden; width:9999px;}
.scroll_horizontal .list li{float:left;width:230px; height:280px; padding-right:12px; text-align:center; position:relative;}
.scroll_horizontal .list li table{border:1px solid #000; background:#fff;}
.scroll_horizontal .plus{display:block; position:absolute;top:60px; left:0px; width:38px;height:120px;cursor:pointer; background:url(../images/lt.jpg) no-repeat top center;}
.scroll_horizontal .minus{display:block; position:absolute;top:60px; right:0px; width:38px;height:120px;cursor:pointer; background:url(../images/rt.jpg) no-repeat top center;}
.scroll_horizontal .list li img{ }
.scroll_horizontal .list li p{width:220px; font-size:14px; position:absolute; bottom:5px; left:5px; color:#676d6f;}


#index_exhibition{width:100%; min-width:1200px; height:250px; background:#f8f8f8;}
#index_exhibition .c1 p{font-size:32px; color:#3367cd; font-weight:bold;}
#index_exhibition .c2 p{font-size:22px; color:#000; font-weight:bold; line-height:60px; letter-spacing:-1px;}

#index_about{width:100%; min-width:1200px; padding:80px 0; overflow:hidden;}
#index_about .fl_box{float:left; width:calc(50% - 30px); margin-right:30px;}
#index_about .fl_box .t1{font-size:26px; line-height:50px; margin-bottom:30px; font-weight:bold;}
#index_about .fl_box .a1{font-size:14px; line-height:30px; color:#333; margin-bottom:10px;}
#index_about .fl_box .a1 span{font-size:14px; color:#3367cd;}
#index_about .fl_box .b{display:block; width:180px; height:40px; background:#3367cd; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:40px; border-radius:20px;}

#index_about .fr_box{float:right; width:calc(50% - 30px); margin-left:30px;}

#foot{width:100%; min-width:1200px; overflow:hidden;}
#foot .foot_nav{overflow:hidden;}
#foot .foot_nav ul li{float:left; margin-right:30px;}
#foot .foot_nav ul li a{font-size:14px; color:#333;}
#foot .foot_nav ul li a:hover{color:#3367cd;}
#foot .foot_feedback ul li{float:left; margin-right:14px;}
#foot .foot_feedback{margin-top:10px; overflow:hidden;}
#foot .foot_add{float:right; text-align:right; line-height:28px;}

#footer{width:100%; min-width:1200px; background:#3367cd; line-height:68px; margin-top:20px;}
#footer *{color:#fff;}

/*product*/
#main_box{width:100%; min-width:1200px; margin:30px auto; overflow:hidden;}
#main_box .rt_box{float:right; width:300px; overflow:hidden;}
#main_box .lt_box{float:left; margin-right:30px; width:calc(100% - 330px);}
#main_box .p_box{float:left;margin-right:20px;}

#main_box .rt_box .title{font-size:18px; font-weight:bold; line-height:40px; border-bottom:1px solid #ccc; position:relative; margin-bottom:10px;}
#main_box .rt_box .title i{display:block; border-bottom:1px solid #333; position:absolute; left:0; bottom:-1px; height:1px; width:80px;}

#main_box .rt_box .p_list li{margin-top:15px; width:268px; border:1px solid #ccc; padding-left:30px; background:url(../images/square.png) no-repeat left center; line-height:44px; border-radius:0px 15px 0px 0px;}
#main_box .rt_box .p_list li a{font-size:14px; display:block;}

#main_box .rt_box .list_news li{margin-bottom:30px; overflow:hidden;}
#main_box .rt_box .list_news li img{float:left; margin-right:12px;}
#main_box .rt_box .list_news li .nt{font-size:14px; line-height:24px; color:#333;}
#main_box .rt_box .list_news li .nd{font-size:14px; margin-top:10px; color:#666;}

#main_box .rt_box .rec{margin-top:15px; overflow:hidden;}
#main_box .rt_box .rec a img{width:85px; height:85px;}
#main_box .rt_box .rec a{border:1px solid #ccc; float:left; margin-right:13px; margin-bottom:13px;}

#main_box .lt_box .main_product{width:100%; overflow:hidden;}
#main_box .lt_box .main_product .p_box{width:calc(25% - 20px); float:left; margin:10px;}
#main_box .lt_box .main_product .p_box img{width:100%;}
#main_box .lt_box .main_product .p_box .p_name{font-size:14px; line-height:30px; color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:198px;}
#main_box .lt_box .main_product .p_box .p_type{font-size:14px; line-height:30px; color:#666; margin-top:10px;}
#main_box .lt_box .main_product .p_box .read{display:block; height:50px; line-height:50px; padding-left:18px; font-size:14px; color:#666; background-color:#ededed;}
#main_box .lt_box .main_product .p_box .read span{display:block; height:50px; width:50px; float:right; background-color:#cccccc;}

#main_box .lt_box .main_product .p_box:hover .read{background-color:#999; color:#fff;}
#main_box .lt_box .main_product .p_box:hover .read span{background-color:#3367cd;}

/*product_show*/
.main_product .show_box{overflow:hidden; margin-bottom:30px;}
.main_product .show_box .lt_box2{width:calc(45% - 30px); float:left; margin-right:30px;}
.main_product .show_box .lt_box2 img{width:100%; text-align:right;}
.main_product .show_box .rt_box2{width:calc(55% - 40px); float:left; margin-left:40px;}
.main_product .show_box .rt_box2 .p_name{font-size:22px; line-height:30px; color:#3367cd; font-weight:bold; border-bottom:1px solid #ccc;}
.main_product .show_box .rt_box2 .p_type{font-size:14px; color:#333; font-weight:bold; line-height:40px;}
.main_product .show_box .rt_box2 .p_about1{font-size:14px; line-height:30px; padding-left:25px; margin-top:10px;}
.main_product .p_about2{width:calc(100% - 20px); padding:10px; line-height:30px;}
 
.main_product .p_t1{background:#eeeeee; line-height:50px; width:100%; overflow:hidden;}
.main_product .p_t1 span{font-size:14px; line-height:50px; color:#fff; background:#3367cd; padding:18px 20px;}

/*about*/
.about *{line-height:30px; font-size:14px;}

/*contact.asp*/
.company{font-size:26px; color:#3367cd; line-height:60px; text-align:center;}
.c1{text-align:center; font-size:14px; line-height:30px;}
.c1 a{font-size:14px; line-height:30px;}
.c1 a:hover{color:#3367cd;}
.c2{text-align:center; color:#3367cd; font-weight:bold; font-size:14px; line-height:30px;}


/*News*/
.n_main_box{width:100%; padding:30px 0; overflow:hidden;}
.n_main_box .n_box{width:calc(100% - 60px); overflow:hidden; margin:15px; padding:15px; box-shadow:0px 0px 5px #ccc; float:left;}
.n_main_box .n_box img{width:25%; float:left;}
.n_main_box .n_box .n_in{width:calc(75% - 25px); margin-left:25px; float:left;}
.n_main_box .n_box .n_in .n_title{font-size:14px; line-height:30px; font-weight:bolder; color:#333; border-bottom:1px solid #ccc;}
.n_main_box .n_box .n_in .n_about{font-size:14px; line-height:25px; color:#666; margin-top:10px;}
.n_main_box .n_box .n_in .n_date{font-size:14px; line-height:25px; color:#999; margin-top:5px;}
.n_main_box .n_box:hover{box-shadow:0px 0px 5px #3367cd;}
.n_main_box .n_box:hover .n_in .n_title{color:#3367cd;}

.n_main_box .title{font-size:18px; line-height:40px; font-weight:bold; text-align:center; border-bottom:double 3px #ccc;}
.n_main_box .date{font-size:14px; line-height:30px; text-align:center; color:#999;}
.n_main_box .n_about_in{padding:10px; line-height:30px;}

.button{border:1px solid #333; color:#333; font-size:14px; padding:10px 20px;}
.back{display:block; margin:10px auto; width:180px; height:55px; background:#3367cd; line-height:55px; text-align:center; font-size:14px; color:#fff; font-weight:bold;}
.back:hover{color:#fff;}
/*show·ÖÒ³*/
DIV.page table tr td{color:#333;}
DIV.page table tr td b{color:#333;}
DIV.page font{color:#f00;}
DIV.page {text-align:center; border:0px; margin:5px; padding:5px;}
DIV.page A { border: #eee 1px solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; font-weight:bold; text-decoration:none}
DIV.page A:hover { border:#eee 1px solid; padding:2px 5px 2px 5px; margin-right:5px; background:#3367cd; color:#fff; text-decoration:none}
DIV.page A:active { border:1px #eee solid; padding:2px 5px 2px 5px; margin-right:5px}
DIV.page SPAN.current { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; margin-right:5px; background:#3367cd; color:#fff; font-weight:bold}
DIV.page SPAN.disabled { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; color:#333;}