@charset "utf-8";
/* 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:#df0024;}
img{border:none;}
body{background:#fff;}
.main_box{width:80%; max-width:1600px; min-width:1200px; margin:0 auto;}

/*banner style*/
#banner{width:100%; min-width:1200px; height:650px;}
#in_banner{width:100%; min-width:1200px; height:400px; background:url(../images/in_banner.jpg) repeat-x center center; position:relative;}
#in_banner .banner_t{position:absolute; width:100%; font-size:40px; color:#fff; font-weight:bold; top:35%; text-align:center;}
#in_banner .local{position:absolute; width:100%; font-size:14px; color:#fff; top:55%; text-align:center;}
#in_banner .local a{font-size:14px; color:#fff; }

.bannerbox{width:100%; min-width:1200px; height:650px; margin:0 auto; overflow:hidden; position:relative; z-index:0}
.box_img{width:100%; min-width:1200px; height:650px; 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:650px; font-size: 100px; text-align: center;line-height: 650px;color: #fff;}
	
.box_tab{position:relative; bottom:40px; text-align:right; 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:#09b; color:#fff;}

/*head*/
#head{width:100%; height:100px; min-width:1200px;}
#head .main_box{overflow:hidden;}
#head .main_box .logo{margin-top:15px;}
#head .main_box .right_box{float:right; width:75%; height:60px; margin-top:20px; min-width:600px; overflow:hidden;}
#head .main_box .right_box .time{float:right;}
#head .main_box .right_box .mail{float:right; margin-left:5%; padding-left:5%; border-left:1px solid #ccc;}
#head .main_box .right_box .tel{float:right; font-size:18px; color:#004ea2; line-height:60px;margin-left:5%; padding-left:5%; border-left:1px solid #ccc;}
#head .main_box .right_box .a{font-size:16px; color:#333; font-weight:bold; line-height:40px; padding-left:40px;}
#head .main_box .right_box .b{font-size:14px; color:#333; line-height:20px;}
#head .main_box .right_box .time .a{background:url(../images/time.jpg) no-repeat left center;}
#head .main_box .right_box .mail .a{background:url(../images/mail.jpg) no-repeat left center;}

/*nav*/
#nav{width:100%; min-width:1200px; height:66px; background:#1e1e1e;}
#nav .main_box ul li{float:left; line-height:66px; border-right:1px solid #414141;}
#nav .main_box ul li a{color:#fff; font-size:17px; line-height:66px;  padding:25px 30px;}
#nav .main_box ul li:hover{background:#004ea2;}

#nav .search{float:right; height:66px; overflow:hidden;}
#nav .search .search_box{border:none; background:none; border-bottom:1px solid #fff; color:#fff; line-height:25px; height:25px; width:160px; padding-left:10px; float:left; margin-top:17px;}
#nav .search .search_img{background: ; padding:0px; float:left; margin-left:8px; margin-top:17px;}
/*main*/
#main{width:100%; min-width:1200px;}
#main .t1{font-size:50px; font-weight:bold; color:#333; text-align:center; line-height:50px;}
#main .t2{font-size:14px; color:#333; text-align:center; line-height:40px;}
#main .tb{text-align:center; margin:0 auto; line-height:60px;}

/*line1*/
.line1{width:100%; min-width:1200px; padding:50px 0; overflow:hidden;}
.line1 .index_about{width:100%; max-width:1600px; min-width:1200px; margin:0 auto; margin-top:30px;}
.line1 .index_about img{float:right; margin-left:5%;}
.line1 .index_about p{line-height:35px; font-size:16px; color:#333;}

/*line2*/
.line2{width:100%; background:#f1f1f1; min-width:1200px; padding:50px 0; overflow:hidden;}
.line2 .index_p_nav{text-align:center; line-height:50px; margin:10px 0;}
.line2 .index_p_nav a{padding:8px 20px; background:#fff; border:1px solid #ccc; color:#666; font-size:14px; margin:0 10px;}
.line2 .index_p_nav a:hover{background:#004ea2; border:1px solid #004ea2; color:#fff;}
.line2 .index_product{width:100%; overflow:hidden;}
.line2 .index_product .index_p_box{width:calc(33.3% - 30px); margin:0 15px; margin-bottom:30px; float:left; background:#fff; text-align:center;}
.line2 .index_product .index_p_box img{width:calc(100% - 60px); margin:30px 0;}
.line2 .index_product .index_p_box p{line-height:30px; height:60px; text-align:left; padding-left:30px; padding-top:15px; padding-bottom:15px; font-size:18px; background:url(../images/index_01.jpg) no-repeat right center;}

/*line3*/
.line3{width:100%; background:#fff; min-width:1200px; padding:50px 0; overflow:hidden;}
.line3 .lt_box{width:calc(50% - 30px); float:left; margin-right:30px;}
.line3 .lt_box img{width:100%;}
.line3 .lt_box .index_nt1{font-size:18px; font-weight:bold; color:#333; line-height:45px; border-bottom:2px solid #333;}
.line3 .lt_box .index_nt1 span{float:right; font-size:14px; color:#666; font-weight:normal;}
.line3 .lt_box .index_na1{font-size:14px; line-height:24px;}
.line3 .rt_box{width:calc(50% - 30px); float:left; margin-left:30px;}
.line3 .rt_box ul li{overflow:hidden; margin-bottom:25px;}
.line3 .rt_box ul li span{display:block; float:left; font-size:72px; font-weight:bold; line-height:90px; text-align:center; width:120px; border-right:3px solid #666;}
.line3 .rt_box ul li div{float:left; width:calc(100% - 148px); margin-left:15px;}
.line3 .rt_box ul li .index_nt2{font-size:18px; color:#333; font-weight:bold; line-height:30px;}
.line3 .rt_box ul li .index_na2{font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.line3 .rt_box ul li:hover span{color:#004ea2;}
.line3 .rt_box ul li:hover .index_nt2{color:#004ea2;}

#foot{width:100%; min-width:1200px; overflow:hidden; background:#666; padding:65px 0;}
#foot *{color:#fff;}
#foot ul{overflow:hidden;}
#foot ul li{float:left; width:calc(33% - 60px); margin:0 30px;}
#foot ul li .faa{font-size:16px; line-height:30px; margin-top:30px;}
#foot ul li .ft{font-size:30px; line-height:50px;}
#foot ul li .fn{display:block; width:190px; font-size:16px; line-height:36px; padding-left:30px;}
#foot ul li .index_fc{font-size:16px; line-height:36px;}
#foot ul li .index_fc a{font-size:16px;}

#footer{width:100%; min-width:1200px; overflow:hidden; background:#1e1e1e}
#footer .main_box{font-size:14px; color:#fff; line-height:60px;}

/*product*/
#p_main{width:100%; min-width:1200px; padding:30px 0;}
#p_main .p_nav{line-height:42px;}
#p_main .p_nav a{line-height:60px; padding:12px 40px; margin-right:20px; font-size:14px; color:#666; border:1px solid #ccc; white-space:nowrap;}
#p_main .p_nav a:hover{background:#004ea2; color:#fff;}

.p_main_box{background:#fff; width:100%; min-width:1200px; overflow:hidden;}
.p_main_box .p_box{background:#fff; width:calc(25% - 10px); float:left; margin:20px 5px; box-shadow: 0px 0px 5px #999; text-align:center;}
.p_main_box .p_box img{width:95%;}
.p_main_box .p_box p{line-height:25px; height:50px; text-align:left; padding-left:20px; padding-top:10px; padding-bottom:10px; font-size:16px; background:url(../images/index_02.jpg) no-repeat right center;}
.p_main_box .p_box:hover{box-shadow:0px 0px 5px #004ea2;}
.p_main_box .p_box:hover p{color:#004ea2;}

/*product_show*/
#p_main .show_box{overflow:hidden;}
#p_main .show_box .lt_box{width:calc(45% - 60px); float:left; margin-right:60px;}
#p_main .show_box .lt_box img{width:100%; text-align:right;}
#p_main .show_box .rt_box{width:calc(55% - 80px); float:left; margin-left:80px;}
#p_main .show_box .rt_box .p_name{font-size:30px; line-height:35px; color:#004ea2; font-weight:bold; border-bottom:1px solid #ccc;}
#p_main .show_box .rt_box .p_type{font-size:18px; color:#333; font-weight:bold; line-height:40px;}
#p_main .show_box .rt_box .p_about1{font-size:16px; line-height:30px; padding-left:25px; margin-top:10px;}
#p_main .p_about2{width:calc(100% - 20px); padding:10px; line-height:30px;}
 
#p_main .p_t1{background:#eeeeee; line-height:50px; width:100%; overflow:hidden;}
#p_main .p_t1 span{font-size:20px; font-weight:bold; line-height:50px; color:#fff; background:#004ea2; padding:18px 20px;}

/*News*/
.n_main_box{width:100%; min-width:1200px; padding:30px 0; overflow:hidden;}
.n_main_box .n_box{width:calc(50% - 60px); overflow:hidden; margin:15px; padding:15px; box-shadow:0px 0px 5px #ccc; float:left;}
.n_main_box .n_box img{width:40%; float:left;}
.n_main_box .n_box .n_in{width:calc(60% - 25px); margin-left:25px; float:left;}
.n_main_box .n_box .n_in .n_title{font-size:18px; 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 #004ea2;}
.n_main_box .n_box:hover .n_in .n_title{color:#004ea2;}


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

/*about*/
.about{padding:10px;}
.about p{line-height:30px;}

/*contact.asp*/
.company{font-size:32px; color:#004ea2; line-height:60px; text-align:center;}
.c1{text-align:center; font-size:16px; line-height:30px;}
.c1 a{font-size:16px; line-height:30px;}
.c1 a:hover{color:#004ea2;}
.c2{text-align:center; color:#004ea2; font-weight:bold; font-size:18px; line-height:30px;}


.button{border:1px solid #333; color:#333; font-size:18px; padding:10px 20px;}
.back{display:block; margin:10px auto; width:180px; height:55px; background:#004ea2; line-height:55px; text-align:center; font-size:18px; 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:#004ea2; 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:#004ea2; color:#fff; font-weight:bold}
DIV.page SPAN.disabled { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; color:#333;}