@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0; font-size:14px; color:#000000; font-family:"微软雅黑", "宋体";}
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:#ee903d;}
img{border:none;}
body{background:#fff;}
.main_box{width:80%; max-width:1200px; min-width:1200px; margin:0 auto;}

/*banner style*/
#banner{width:100%; min-width:1200px; height:805px;background:#eee;}
.bannerbox{width:100%; min-width:1200px; height:805px; margin:0 auto; overflow:hidden; position:relative; z-index:0}
.box_img{width:100%; min-width:1200px; height:805px; 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:805px; font-size: 100px; text-align: center;line-height: 650px;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:#09b; color:#fff;}

#head{width:100%; height:110px; min-width:1200px; background-color:#00617e;}
#head .main_box{overflow:hidden;}
#head .logo{float:left; margin-top:20px;}
#head .search{float:right; overflow:hidden; margin-top:40px; width:600px;}
#head .search form{padding:1px 17px; width:170px; overflow:hidden; background-color:#eeeeee; border-radius:17px; float:left;}
#head .search .search_box,#head .search .search_img,#head .search .search_button{float:left;}
#head .search form .search_box{width:148px; line-height:34px; height:34px; border:none; background:none;}
#head .search .search_img{width:21px; height:21px; padding:6.5px 0;}
#head .search .search_button a{line-height:34px; font-size:18px; font-weight:bold; color:#fff; margin-left:40px;}

#nav{width:100%; height:55px;}
#nav ul{margin:0 auto; width:850px; text-align:center;}
#nav ul li{float:left; line-height:55px; margin:0 40px; position:relative;}
#nav ul li a{display:block; background:url(../images/nav_arrow.jpg) no-repeat right center; padding:0 30px; font-size:18px;}


#nav ul li .li1{position:absolute; display:none; z-index:9999;}
#nav ul li .li1 li{width:280px; text-align:left; height:40px; line-height:40px; float:none; background-color:#00617e;}
#nav ul li .li1 li a{color:#ccc; padding:0px; margin-left:20px; margin-right:20px; line-height:40px; background:none;}
#nav ul li .li1 li a:hover{color:#fff; text-decoration:underline;}
#nav ul li:hover a{background:url(../images/nav_arrow_hover.jpg) no-repeat right center;}
#nav ul li:hover .li1{display:block;}
#nav ul li:hover .li1 li{margin-top:0px; margin-left:0px;}

#nav ul li:hover .li1 li .li2{position:absolute; display:none; z-index:9999; margin-top:-40px;}
#nav ul li:hover .li1 li .li2 li{background:none; background:#00617e;}
#nav ul li:hover .li1 li .li2 li a{line-height:40px;}
#nav ul li:hover .li1 li:hover .li2{display:block;}

#nav ul li .li1 li:hover{background-color:#00799f}
#nav ul li:hover .li1 li .li2 li:hover{background-color:#00799f}

/*nav_product_box*/
#nav_product_box{background:url(../images/product_nav_bg.jpg) no-repeat center top; height:246px; width:100%; position:absolute; top:165px; z-index:999; overflow:hidden;}
#nav_product_box ul{position:relative;}
#nav_product_box ul li{float:left; line-height:54px;}
#nav_product_box ul li a{font-size:18px; display:block; width:240px; text-align:center; color:#333;}
#nav_product_box ul li a:hover{background-color:#e9e9e9;}
#nav_product_box ul li .list2{position:absolute; top:54px; left:100px; width:1100px; height:180px; display:none;}
#nav_product_box ul li .list2 a{display:block; width:120px; float:left; color:#333; font-size:18px; border-bottom:1px solid #bbb; margin-right:60px; text-align:left;}
#nav_product_box ul li:hover .list2{display:block;}
#nav_product_box ul li .list2 a:hover{background:none;}


/*nav_about_box*/
#nav_about_box{background:url(../images/nav_bg.jpg) no-repeat center top; height:192px; width:100%; position:absolute; top:165px; z-index:998; overflow:hidden;}
#nav_about_box ul{position:relative; padding-left:100px;}
#nav_about_box ul li{float:left; line-height:54px;}
#nav_about_box ul li a{font-size:18px; display:block; width:140px; color:#333; border-bottom:1px solid #bbb; margin-right:60px;}

/*nav_service_box*/
#nav_service_box{background:url(../images/nav_bg.jpg) no-repeat center top; height:192px; width:100%; position:absolute; top:165px; z-index:997; overflow:hidden;}
#nav_service_box ul{position:relative; padding-left:100px;}
#nav_service_box ul li{float:left; line-height:54px;}
#nav_service_box ul li a{font-size:18px; display:block; width:140px; color:#333; border-bottom:1px solid #bbb; margin-right:60px;}



/*index*/
#index_main{background:#eeeeee;}
.line1{width:100%; overflow:hidden; padding:48px 0 44px 0;}

.line2{width:100%; overflow:hidden;padding-top:48px;}
.line2 .news_box{float:left; width:calc(100% - 330px); height:270px; background:#00617e; margin-right:48px; overflow:hidden;}
.line2 .news_box .index_news_title{float:left; width:220px; height:220px; text-align:center; line-height:110px; margin:25px; color:#fff; font-size:48px;}
.line2 .news_box .index_news_content{float:left; width:calc(100% - 295px); height:220px; background:#eeeeee; margin:25px 0;}
.line2 .news_box .index_news_content ul{margin:10px 40px;}
.line2 .news_box .index_news_content ul li{line-height:45px; border-bottom:1px solid #ccc;}
.line2 .news_box .index_news_content ul li a{font-size:18px;}
.line2 .news_box_img{float:left; width:280px; height:270px;}

.line3{width:100%; overflow:hidden;}
.line3 .index_title{margin-top:48px; text-align:center; line-height:86px; font-size:48px; color:#fff; background-color:#00617e;}
.line3 .index_title span{background:url(../images/title_line.jpg) no-repeat center center; width:100px; height:6px;}

.line3 .main_box{padding:60px 0;}
.scroll_horizontal{display:block; position:relative; width:1200px; height:325px; overflow:hidden; margin:0 auto;}
.scroll_horizontal .box{display:block; overflow:hidden; position:relative; width:1200px; height:320px; margin:0 auto;}
.scroll_horizontal .list{overflow:hidden; width:9999px;}
.scroll_horizontal .list li{float:left;width:230px; height:320px; padding:0 85px; text-align:center; position:relative;}
.scroll_horizontal .list li table{background:transparent;}
.scroll_horizontal .plus{display:block; position:absolute;top:140px; left:0px; width:40px;height:40px;cursor:pointer; background:url(../images/lt.jpg) no-repeat top center;}
.scroll_horizontal .minus{display:block; position:absolute;top:140px; right:0px; width:40px;height:40px;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:16px; position:absolute; bottom:5px; left:95px; color:#676d6f;}

/*foot*/
#foot{width:100%; min-width:1200px; background-color:#eee;}
#foot .foot_contact{width:100%; min-width:1200px; height:86px; background-color:#00617e; line-height:86px; overflow:hidden;}
#foot .foot_contact ul li{line-height:86px; float:left; margin-right:80px; font-size:18px; color:#fff;}
#foot .foot_contact ul li a{font-size:18px; color:#fff;}
#foot .foot_contact .man{padding-left:35px; background:url(../images/contact1.png) no-repeat left center;}
#foot .foot_contact .tel{padding-left:35px; background:url(../images/tel.png) no-repeat left center;}
#foot .foot_contact .mail{padding-left:35px; background:url(../images/mail.png) no-repeat left center;}

#foot .foot_nav{overflow:hidden; padding:40px 0;}
#foot .foot_nav li{float:left; margin-right:120px;}
#foot .foot_nav li p{font-size:20px; font-weight:bold; color:#000; line-height:40px;}
#foot .foot_nav li a{font-size:18px; display:block; line-height:30px; color:#575555;}
#foot .foot_nav li a:hover{text-decoration:underline;}
#foot .foot_nav .gz{margin-right:0;margin-left:140px;}
#foot .foot_nav .gz ul{position:absolute;display:none;}
#foot .foot_nav .gz ul span{float:left;margin-left:-50px;}
#foot .foot_nav .gz:hover ul{display:block;}
#foot .foot_nav .zy{float:right;margin-right:0;}

#foot .copy{width:100%; min-width:1200px; height:86px; background-color:#00617e; overflow:hidden;}
#foot .copy .lt{float:left; margin-top:50px; line-height:30px; padding-left:35px; background:url(../images/add.png) no-repeat left center; text-align:left; color:#fff;}
#foot .copy .rt{float:right; line-height:25px; margin-top:30px; text-align:right; color:#fff;}


/*product.asp*/
.page_title{background:url(../images/line_g.jpg) repeat-x center; text-align:center; padding:60px 0px; width:100%;}
.page_title span{line-height:35px; background:#eee; padding:0 35px; font-size:26px; font-weight:bold;}
#main{background-color:#eee; padding-bottom:30px; padding-top:10px;}
#main .main_box{overflow:hidden;}
#main .rt{float:right; width:calc(100% - 360px);}
#main .lt{float:left; width:300px; margin-right:60px;}

#main .lt .l_search{width:100%; overflow:hidden; margin-bottom:60px;}
#main .lt .l_search .l_search_box{width:calc(100% - 30px); height:30px; line-height:30px; border:none; background:none; border-bottom:1px solid #000; float:left;}
#main .lt .l_search .l_search_img{width:30px; height:30px; border-bottom:1px solid #00617e; float:left;}
#main .lt .title{font-size:26px; line-height:40px; border-bottom:1px solid #484745;}
#main .lt ul li{display:block; position:relative;}
#main .lt ul .li1{line-height:35px; font-size:24px; border-bottom:1px solid #444; margin-top:15px; overflow:hidden;}
#main .lt ul .li1 a{font-size:24px;}
#main .lt ul .li2{line-height:40px; padding-left:30px; background:url(../images/li.jpg) no-repeat left center;}
#main .lt ul .li2 a{font-size:20px;}
#main .lt ul .li3{font-size:18px; line-height:35px; border-bottom:1px solid #444; margin-top:20px;}
#main .lt ul .li3 a{font-size:18px;}

#main .lt ul li span{position:absolute; z-index:999; right:0; top:5px; cursor:pointer;}



.product_box_main{width:100%; overflow:hidden;}
.product_box{float:left; width:calc(33.3% - 120px); margin:0 60px; margin-bottom:100px;}
.product_box img{width:100%;}
.product_box .p_name{font-style:18px; font-weight:bold; padding-left:30px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;width:118px;}
.product_box .p_type{font-style:12px; padding-left:30px;white-space:nowrap;text-overflow: ellipsis;width:118px;}

/*product_show.asp*/
#location{width:100%; line-height:54px; border-bottom:1px solid #ccc; background:#eee; text-align:center; font-size:16px;}
#location *{font-size:16px;}

.product_show{padding-top:60px;}
.p_rt{float:right; width:calc(50% - 50px); margin-left:50px; overflow:hidden;}
.p_lt{float:left; width:calc(50% - 50px); margin-right:50px;}
.p_lt .img_s{width:110px; float:left;}
.p_lt .img_s img{border:5px solid #eee;}
.p_lt .img_s img:hover{border:5px solid #00617e;}
.p_lt .img_main{float:left; width:calc(100% - 130px); margin-left:20px;}

.p_rt .type{font-size:20px; font-weight:bold; line-height:30px; margin-top:80px;}
.p_rt .name{font-size:36px; font-weight:bold; line-height:50px;}
.p_rt .button{width:100%; overflow:hidden; margin-top:80px; margin-bottom:50px;}
.p_rt .button a{display:block; float:left; margin:0 10px; width:calc(50% - 20px); background-color:#f28d3b; height:54px; border-radius:10px; text-align:center; line-height:54px; font-size:26px; color:#333; font-weight:bold;}

.p_title{background-color:#00617e;}
.p_title table tr td{line-height:92px;}
.p_title table tr td a{font-size:26px; color:#fff; line-height:92px;}

#pa1{border-bottom:1px solid #ccc;}
#pa1 .title{ font-size:30px; font-weight:bold; line-height:60px;}
#pa1 strong{font-size:20px;}

#pa2{border-bottom:1px solid #ccc;}
#pa2 .title{ font-size:30px; font-weight:bold; line-height:60px;}

#pa3{border-bottom:1px solid #ccc;}
#pa3 .title{ font-size:30px; font-weight:bold; line-height:60px;}

#pa4{border-bottom:1px solid #ccc; padding-bottom:60px;}
#pa4 .title{ font-size:30px; font-weight:bold; line-height:60px;}

/*about.asp*/
.a_line1{width:100%; padding:50px 0; overflow:hidden;}
.a_line1 img{width:calc(50% - 50px); margin-right:50px; float:left;}
.a_line1 .art{float:left; width:50%;}
.a_line1 .art .title,.a_line2 .title,.a_line3 .title{font-size:32px; line-height:40px; font-weight:bold; margin-bottom:20px;}
.a_line1 .art p{line-height:30px; font-size:16px;}
.a_line1 .art .bt,.a_line2 .bt,.a_line3 .bt{display:block; width:115px; height:40px; text-align:center; line-height:40px; border:1px solid #333; font-size:16px; margin-top:60px;}

.a_line2{overflow:hidden; padding:0px 0px;}
.a_line2 .title{overflow:hidden;}
.a_line2 .title .bt{float:right; margin:0;}
.a_line2 .news_box{width:calc(33.3% - 30px); margin:0 15px; float:left;}
.a_line2 .news_box img{width:100%;}
.a_line2 .news_box .n_box{background-color:#b6b6b6; padding:10px 26px;}
.a_line2 .news_box .n_box .date{color:#fff; font-size:14px;}
.a_line2 .news_box .n_box .n1{color:#333; font:16px; line-height:30px; font-weight:bold;}
.a_line2 .news_box .n_box .nb{margin-top:70px; margin-bottom:20px;}
.a_line2 .news_box .n_box .nb a{color:#333; font:16px;}

.a_line3{overflow:hidden; padding:50px 0px;}
.a_line3 .title{overflow:hidden;}
.a_line3 .title .bt{float:right; margin:0;}

.a_line4{width:100%; padding:50px 0; overflow:hidden;}
.a_line4 img{width:calc(50% - 50px); margin-left:50px; float:right;}
.a_line4 .alt{float:left; width:50%;}
.a_line4 .alt .title{font-size:32px; line-height:40px; font-weight:bold; margin-bottom:20px;}
.a_line4 .alt p{line-height:30px; font-size:16px;}
.a_line4 .alt .bt,.a_line2 .bt,.a_line3 .bt{display:block; width:115px; height:40px; text-align:center; line-height:40px; border:1px solid #333; font-size:16px; margin-top:60px;}

.scrollpic {
	width: 1200px;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 360px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:410px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 380px;
	padding: 0;
	position: relative;
	height: 360px;
	color: #333;
}
#myscroll ul li a .year{font-size:18px; line-height:30px; font-weight:bold;}
#myscroll ul li a .ho{font-size:16px; line-height:30px;}
#mybtns {
	margin: 10px 0;
	width: 1200px;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #02617f;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/jt_l.png);
}
#mybtns #right {
	background-image: url(../images/jt_r.png);
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

/*in_nav*/
#in_nav{width:100%; padding:30px 0; background-color:#eee;}
#in_nav .main_box{overflow:hidden;}
#in_nav ul{width:1920px;}
#in_nav ul li{float:left; margin-right:80px;}
#in_nav ul li a{padding:30px 28px; line-height:55px; font-size:30px; font-weight:bold; color:#333;}
#in_nav ul li a:hover{background-color:#00617e; color:#fff;}

/*about_daj.asp*/
.a_line_in{overflow:hidden; width:100%; border-top:1px dashed #ccc; padding:40px 0;}
.a_line_in .rt{width:40% !important; float:right;}
.a_line_in .rt img,.a_line_in .lt img{width:100%}
.a_line_in .lt{width:calc(60% - 25px) !important; margin-right:25px !important;}
.a_line_in .lt .title{text-align:left !important;}
.a_line_in .rt .title{text-align:right !important;}
.a_line_in .title{border:none !important; font-size:24px !important; line-height:50px !important; color:#fff !important; background-color:#00617e; padding:0 25px;}
.a_line_in .text{line-height:25px !important; font-size:14px !important; margin-top:25px;}


/*honor.asp*/
.honor{overflow:hidden; padding-top:30px; border-top:1px dashed #ccc;}
.honor_box{width:calc(33.3% - 100px); margin:0 50px; text-align:center; margin-bottom:60px; float:left;}
.honor_box img{width:100%;}
.honor_box p{font-size:18px; line-height:40px; text-align:left;}

/*news.asp*/
.news{overflow:hidden; padding-top:30px; border-top:1px dashed #ccc;}
.news .news_box{width:calc(50% - 50px); margin:0 25px; margin-bottom:50px; float:left; overflow:hidden; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; position:relative;}
.news .news_box img{width:60%; float:left;}
.news .news_box .news_content{float:left; margin-left:15px;width:180px;}
.news .news_box .news_content .n_title{font-size:20px; font-weight:bold; line-height:30px;}
.news .news_box .news_content .n_date{font-size:18px; line-height:25px;}
.news .news_box .news_content a{position:absolute; z-index:99; bottom:15px;}

.news .n_title1{font-size:36px; text-align:center; line-height:60px;}
.news .n_date1{font-size:20px; line-height:20px; text-align:center;}
.news .n_content{width:100%; overflow:hidden; line-height:30px;margin-bottom:100px;}

/*shouquan.asp*/
.shouquan{overflow:hidden; padding-top:30px; padding-bottom:60px; border-top:1px dashed #ccc;}
.shouquan p{line-height:30px;}
.shouquan table tr td{text-align:center; font-size:20px; line-height:50px;}

/*contact.asp*/
.company{font-size:28px; font-weight:bold; color:#fff; background-color:#00617e; line-height:55px; padding:0 37px;}
.mess{overflow:hidden; background-color:#00617e; color:#fff; padding-left:37px; padding:30px; margin-bottom:60px;}
.mess img{float:right; width:20%; margin-right:30px;}
.mess .c1{font-size:20px; color:#fff; line-height:35px;}
.mess .c1 a{font-size:20px; color:#fff;}

/*zhibo.asp*/
.title_z{font-size:48px; font-weight:bold; color:#342b2c; line-height:50px; margin-top:80px;}
.table_z{margin:0 auto; margin-top:40px; margin-bottom:60px;}
.table_z img{width:200px; height:200px;}
.table_z tr td{text-align:center;}
.table_z p{text-align:center; font-size:20px; font-weight:bold; line-height:40px;}

/*in_nav_contact*/
#in_nav_contact{width:100%; padding:30px 0; background-color:#eee;}
#in_nav_contact .main_box{overflow:hidden;}
#in_nav_contact ul{width:1800px; overflow:hidden;}
#in_nav_contact ul li{float:left; margin-right:280px;}
#in_nav_contact ul li a{padding:30px 28px; line-height:55px; font-size:30px; font-weight:bold; color:#333;}
#in_nav_contact ul li a:hover{background-color:#00617e; color:#fff;}
#in_nav_contact .main_box .line{border-bottom:1px dashed #ccc; margin-top:40px;}
#contact .contact,#service .service,#download1 .download,#download2 .download,#download3 .download,#download4 .download{background-color:#00617e; color:#fff;}

/*download.asp*/
.nav_download{width:100%; text-align:center; line-height:60px; margin:5px 0 40px 0;}
.nav_download a{padding:15px 20px; margin:0 15px; border:2px solid #eee; font-size:24px; color:#333;}
.nav_download a:hover{border:2px solid #00617e;}
#download1 .download1,#download2 .download2,#download3 .download3,#download4 .download4{border:2px solid #00617e;}

#main .main_box .download_main{width:100%; overflow:hidden;}
#main .main_box .download_main .download_box{width:calc(25% - 60px); margin:0 30px; text-align:center; background:#ccc; float:left; padding-bottom:10px; margin-bottom:30px;}
#main .main_box .download_main .download_box img{width:90%; margin:0 auto;}
#main .main_box .download_main .download_box p{font-size:18px; line-height:40px;}
#main .main_box .download_main .download_box .link{padding:5px 15px; color:#fff; background-color:#00617e; line-height:40px; font-size:16px;}

/*service.asp*/
.s_title{font-size:28px; font-weight:bold; color:#3e3a39; line-height:80px;}
.s_content{font-size:24px; color:#261b18; line-height:40px; border-bottom:1px dashed #ccc; padding-bottom:15px; margin-bottom:15px;}
.s_table tr td{font-size:24px; line-height:50px; color:#1a0d0c;}
.s_table tr:first-child td{font-size:28px; font-weight:bold; color:#1a0d0c;}
.s_table tr td p{font-size:24px; line-height:50px; padding-left:30px; color:#1a0d0c;}

/*show分页*/
DIV.page table tr td{color:#333;}
DIV.page table tr td b{color:#333;}
DIV.page font{color:#00617e;}
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:#00617e; 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:#00617e; color:#fff; font-weight:bold}
DIV.page SPAN.disabled { border:1px #eee solid; border-radius:3px; padding:2px 5px 2px 5px; color:#333;}

/**2020.07.22*/
.menuHover .list2{display:block !important;}
.menuHover .abg{background-color:#e9e9e9 !important;}
