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


  
/*内页*/

.j_bg{ width:100%;background: #efefef;}
.j_cte{ width:80%; margin:0 auto; padding:10px 0;}
.a_nav{ width:100%;}
.a_nav li{ width:20%; float:left; background:url(../images/line.jpg) right center no-repeat;}
.a_nav li a{ display:block; font-size:16px; line-height:30px; color:#333; text-align:left; padding:10px;}
.a_nav .nav_img{ width:35px; margin-left:16%; margin-right:10px;}
.a_nav li a:hover{color: #0377C2; /*background-color:#fff;*/}
.j_cte .a_nav .nav_img img:nth-child(1){ display:inline-block;}
.j_cte .a_nav .nav_img img:nth-child(2){ display:none;}
.nav_img{ float:left;}
.a_nav li:hover .nav_img .image_a{
  display: none;
}
.a_nav li:hover .nav_img .image_b{
  display: inline-block;
}
.j_cte .a_nav .current a{color: #0377C2;}
.j_cte .a_nav .current .nav_img img:nth-child(2){
  display: inline-block;
}
.j_cte .a_nav .current .nav_img img:nth-child(1){
  display:none;
}
.about_bg{ width:100%;}
.about_cte{ width:80%; margin:0 auto;}
.about{ width:100%; margin:30px auto;}
.about h1{ font-size:24px; color:#0377C2; line-height:35px; font-weight:600; margin:10px auto;}
.about p{ font-size:16px; color:#333; line-height:35px;}
.about img{ width:100%;}

.fa_bg{ width:100%;margin:30px auto;}
.factory{ width:22%; float:left; margin:0.7% 1.5%;}
.factory div{ width:100%; overflow:hidden; height:200px;}
.factory div img,.factory h1{ width:100%; min-height:100%;display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.factory div img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.factory h1{ font-size:15px; color:#333; line-height:40px; margin:0; text-align:center;}
.factory a:hover{ text-decoration:none;}
.factory:hover h1{ background:#4299de; color:#fff;}
.contact{ width:100%; margin:30px auto;}
.contact h1{ font-size:24px; color:#0377C2; line-height:35px; font-weight:600; margin:10px auto;}
.contact p{ font-size:16px; color:#333; line-height:35px;}
.contact img{ width:100%;}


.pro_bg{ width:100%; box-shadow: inset 0px 10px 25px 0px rgba(4, 0, 0, 0.08);}
.pro_cte{ width:90%; margin:0 auto;}
.pro_title{ width:100%; border-bottom:1px #e4e4e4 solid; padding-top:40px;}
.pro_title h1{ margin:0; font-size:20px; color:#333;font-weight:600; float:left; line-height:32px;}
.pro_title li{ font-size:16px; color:#ccc; float:left; line-height:40px; padding:0 10px;}
.pro_box{ width:100%;}
.pro{ width:100%; border-bottom:1px #e4e4e4 solid;}
.pro h2{ float:left; margin:0; text-align:center;}
.pro h2 a{ font-size:15px; color:#1d1d1d; line-height:50px; font-weight:700;}
.pro_nav{ float:left; margin:0 10px; width:85%;}
.pro_nav li{ float:left;/*width:150px;*/ padding-right:30px;text-align:left; position:relative;}
.pro_nav li a{ display:block; font-size:14px; color:#666; line-height:50px; font-weight:700;}
.pro_nav .three{ position:absolute; left:0; top:50px;width:350px; height:370px;background-color:#f9f9f9; z-index:999;overflow: auto;}
.pro .pro_nav .three a{ display:block; width:100%; float:left;padding:0 15px; font-weight:normal; font-size:14px; line-height:40px; line-height:40px; color:#909090;}
.pro_nav .three a:hover{ color:#2553b3;}
.product_box{ width:100%; margin:20px auto;}
.pros_bg{ width:100%; background-color:#f2f2f2; margin-top:40px; padding:20px 0;}
.pros_cte{ width:90%; margin:0 auto;}
.product_box{ width:100%;}
.product{ width:22%; margin:10px 1.5%; float:left;}
.product li{ width:100%; display:block;}
.product li img{ width:100%; display:block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.product li img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.product h1{width:100%; margin:0; line-height:60px; text-align:center; background-color:white; display:block; font-size:15px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.show{ color:red;}
.pro_nav li a:hover{color:#2553b3;}
@media(max-width:1000px){
	.product{ width:90%; margin:3% auto;}
	}

.content{ width:100%;}
.content h1{ font-size:24px; font-weight:600; color:#013d80; line-height:40px; margin:30px 0; border-bottom:1px #ccc solid; line-height:70px;}
.content h2{ font-size:16px; color:#333; font-weight:600; text-align:center; line-height:50px;}
/*.content .proshow img{ width:60%; margin:20px auto;}
*/.content .proshow p{ font-size:16px; color:#333; line-height:30px;}



.news_box{ width:88%; margin:30px auto;}
.news{ width:100%;position:relative;;margin:5px auto; margin-top:14px;}
.new{ width:100%;}
.new_date{ width:20%; height:150px; float:left; padding:10px 0; background-color:#efefef; border-right:1px #d8d8d8 solid; box-sizing:border-box;}
.new_date div{ margin:0; font-size:80px; text-align:center; color:#595959; font-weight:600; margin-bottom:10px;}
.new_date p{ margin:0; width:50%; margin:10px auto;text-align:center;border: 1px #595959 solid;padding: 5px 10px;line-height: 20px;font-size: 14px;}
.new_web{ width:80%; height:150px; overflow:hidden; float:left;background: #e6e6e65e;}
.new_web h2{ width:90%; margin:0 auto; padding-top:15px;}
.new_web h2 a{ width:100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:20px; font-weight:600; line-height:35px; color:#333;}
.new_web p{ width:90%; margin:0 auto; margin-top:8px; font-size:14px; color:#333; line-height:25px;}

.new01{ width:100%; position:absolute; left:0; top:0; display:none;}
.news:hover .new_date{ width:20%; height:150px; float:left; padding:10px 0; background-color:#2553b3; border-right:1px #adacac solid; box-sizing:border-box;}
.news:hover .new_date div{ margin:0; font-size:80px; text-align:center; color:#fff; font-weight:600; margin-bottom:10px;}
.news:hover .new_date p{ margin:0; width:50%; margin:10px auto;text-align:center;border: 1px #fff solid;padding: 5px 10px;line-height: 20px;font-size: 14px; color:#fff;}
.news:hover .new_web{ width:80%; height:150px;float:left;background: #8A8A8A;}
.news:hover .new_web h2{ width:90%; margin:0 auto; padding-top:15px;}
.news:hover .new_web h2 a{ width:100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:20px; font-weight:600; line-height:35px; color:#fff;}
.news:hover p{ width:90%; margin:0 auto; margin-top:8px; font-size:14px; color:#fff; line-height:25px;}

.newshow_box{ width:100%; margin:30px auto;}
.newshow_nav{ width:100%; padding:5px 0; border-bottom:1px #ccc solid;}
.newshow_nav h1{ margin:0; font-size:24px; font-weight:600; line-height:40px; color:#2553b3;}
.newshow_nav li{ font-size:14px; color:#666; line-height:30px;}
.newshow{ width:100%; margin:20px auto;}
.newshow p{ font-family:"微软雅黑"; font-size:16px; color:#333; line-height:35px;}
.newshow img{ max-width:100%; display:block; margin:0 auto;}

.contact p{ font-size:16px; color:#333; line-height:35px; margin-top:20px;}


/**/


.picshow {
	BORDER-BOTTOM: #d9e0ea 1px solid; BORDER-LEFT: #d9e0ea 1px solid; MARGIN: 0px auto; WIDTH: 958px; HEIGHT: 620px; BORDER-TOP: #d9e0ea 1px solid; BORDER-RIGHT: #d9e0ea 1px solid
}

#picarea {
	MARGIN: 0px auto; WIDTH: 958px; BACKGROUND: #fff; HEIGHT:620px
}
#bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 774px; HEIGHT: 482px; OVERFLOW: hidden
}
.image {
	TEXT-ALIGN: center
}
.image IMG {
	BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; MARGIN: 0px auto; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid;width:80%;
}
#bigpicarea .word {
	TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333
}
#bigpicarea .word H3 {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px
}
#bigpicarea .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 830px; HEIGHT: 110px; margin-left:90px;
}
* HTML #thumbs {
	HEIGHT: 100%
}
#thumbs LI {
	MARGIN: 0px 7px; WIDTH: 90px; DISPLAY: inline; FLOAT: left; HEIGHT: 60px
}
#thumbs UL {
	MARGIN-TOP: 3px
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 4px
}
#thumbs LI.first {
	MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI.last {
	MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI A {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid
}
#thumbs LI A:hover {
	BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid
}
#thumbs LI A.current {
	BORDER-BOTTOM: #f8ae0f 2px solid; BORDER-LEFT: #f8ae0f 2px solid; BORDER-TOP: #f8ae0f 2px solid; BORDER-RIGHT: #f8ae0f 2px solid
}
#thumbs LI.first IMG {
	
}
#thumbs LI.last IMG {
	
}
.bigbtnPrev {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px
}
.bigbtnNext {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px
}
#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}
#smallpicarea {
	MARGIN: 0px auto; WIDTH: 958px; BORDER-TOP: #ececec 1px solid; PADDING-TOP: 20px
}


















DIV.pageNav {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.pageNav a {
	display:inline-block;
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.pageNav a:hover {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #333; color:#fff;
}
DIV.pageNav a:active {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #999; color:#fff;
}
DIV.pageNav .cur {
	BORDER:#000 1px solid; PADDING-RIGHT: 5px;PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;  BACKGROUND-COLOR: #333;
}
DIV.pageNav .cur.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}	

.next_page{ width:100%; background-color:white; margin:2% auto; border:1px #ccc dotted;}
.next_page li{ font-size:14px; color:#333; line-height:35px; padding-left:20px;}



.proshowdiv{ width:100%; margin-top:20px;}
.proshowdiv img{ margin:auto; max-width:80%;}