﻿*{margin: 0px;padding: 0px;font-family: "微软雅黑",arial;text-decoration: none;list-style:none; cursor: pointer;}
.outwrap{width: 100%;height: auto;overflow: hidden;}
.header{width: 100%;height: auto;overflow: hidden;}
.headtop{height: 40px;width: 100%;background: #dadada}
.headtopin{width: 1300px;height: 40px;margin: 0 auto;font-size: 12px}
.welcome{width:700px;height: 40px;float: left;color: #000;line-height: 40px;}
.welcomeright{width: 200px;height: 40px;line-height: 40px;float: right;color:#000}
.headlogo{width: 100%;height: 150px;}
.headlogoin{width: 1300px;height: 150px;margin: 0 auto;}
.searchdiv{width: 404px;float: right;height: 50px}.search div li{float: left;}.search div ul{margin-left: 100px}
.logo{height: 150px;width: 400px;float: left}
.logotip{height: 60px;width: 400px;float: left;font-style:italic;margin-top: 40px;font-size: 24px;margin-left: 50px;}
.logotip p:first-child{color: #0eab42}
.phone{width: 300px;height: 150px;float: right;vertical-align: text-bottom;}
.phone img{margin-top: 40px}

.nav{width: 100%;height: 60px;background: #00549d}
.nav ul{width: 1300px;height: 60px;margin: 0 auto;}
.nav ul li{width: 126px;height: 60px;line-height: 30px;color: #fff;list-style: none;float: left;cursor: pointer;text-align: center;padding-top:0px;box-sizing: border-box;}
.nav ul li a{color: #fff;display: inline-block;width: 100%;height: 60px;padding: 0px;border-radius: 0px;line-height: 60PX}
.nav ul li a:hover{background: #0764bf;font-weight: bold;}
.fullSlide{ width:100%;  position:relative;  height:560px; background:#000;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:560px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:560px; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;  text-align:center;
		 _background:#000; _filter:alpha(opacity=60); 
	}
	.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; 
	}
	.fullSlide .hd ul .on{ background-position:0 0; }


.mainbody{width: 100%;height: auto;overflow: hidden;background:#dedede url(../images/mainbg.jpg) no-repeat;}
.mainbody-box{width: 1300px;height: auto;background: #fff;box-shadow:0px 0px 11px #333 ;margin: 0 auto;overflow: hidden;padding: 10px;}
.search{height: 50px;line-height: 50px;width: 1250px;margin: 0 auto}
.search span{font-weight: bold;color: #00549d}
.search p:first-child{width: 700px;height: 50px;float: left;}.search p{float: right;width: 500px;height: 50px}
.search a{color: #000;font-size: 12px;margin-left: 20px;}

.searchdown{width: 1250px;height: 9px;margin: 0 auto;background: url(../images/phone_03.jpg)no-repeat;background-size: 100% 100%}

.product{width: 1250PX;height: auto;overflow: hidden;margin: 0 auto;padding: 20px 0px}

.productleft{width:280px;height: auto;float: left;min-height: 500px;border:0px solid #ccc; }
.productright{width: 900px;height: auto;overflow: hidden;min-height: 500px;float: right;border:0px solid #ccc;}
.productleft div:first-child{background-color: #02b134;height: 70px;border-top-left-radius: 5px;border-top-right-radius: 5px;border: 1px solid transparent }
.productleft div:first-child p:first-child{color: #fff;font-weight: bold;font-size: 22px;margin-top: 15px;padding: 0px 0px 0px 20px}
.productleft div:first-child p{color: #fff;padding: 0px 0px 0px 20px;font-size: 13px }

.productleft .ul li.bigclass{height: 50px;width: 100%;background: url(../images/product_01.jpg);background-size: 100% 100%;line-height: 50px;
	padding:0px 0px 0px 50px;box-sizing: border-box;color: #fff;font-weight: bold;font-size: 15px }
.productleft .ul li{height: auto;line-height: 20px;color: #fff;box-sizing: border-box;background: #00549d;border-bottom:1px solid #1176cd;
	padding: 0px 0px 0px 50px;font-size: 13px}
.productleft .ul li a{color: #fff;}.productleft .ul li a:hover{color: #02b134;}
.productleft div:last-child{height: 20px;background: #02b134;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.righttop{height: 50px;border-bottom: 4px solid #ccc}
.righttop div{width: 250px;text-align: center;color:#00549d;font-weight: bold;font-size: 20px;border-bottom:  4px solid #00549d;height: 50px;line-height: 60px;
float: left; }
.righttop span{float: right;display: inline-block;height: 50px;line-height: 60px;margin-right: 20px}
.righttop span a{color: #000;font-size: 12px}.righttop span a:hover{color:#00549d }
.productbox{width: 100%;height: auto;margin:10px 0px;min-height: 500px;padding-bottom: 40px}
.productlist{height: 230px;width: 250px;float: left;border: 0px solid #ccc;margin-left:37px;margin-top: 45px;text-align: center;word-break:break-all}
.productlist img{height: 200px;width: auto;max-width: 250px;border: 1px solid #ccc}.productlist a{color: #000;overflow: hidden;}.productlist a:hover{color:#00549d; }
.productlist p{height: 30px;line-height: 30px}

.picMarquee-left{ width:1250px;  overflow:hidden; position:relative;  border:0px solid #ccc;margin: 0 auto   }
		.picMarquee-left .hd{ overflow:hidden;  height:40px; background:#f4f4f4; padding:0 10px;border-left: 6px solid #00549d;line-height: 40px;}
		.picMarquee-left .hd span{color: #000;font-size: 20px;font-weight: bold;}
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:240px; height:180px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   } .picMarquee-left .bd ul li a{color: #000}.picMarquee-left .bd ul li a:hover{color:#00549d }

.youshi{width: 100%;height: auto;overflow: hidden;margin-top: 30px}
.youshitop{height: 85px;background: url(../images/youshi.jpg);background-size: 100% 100%;margin-bottom: 50px}

.aboutandhonor{width: 1300px;height: auto;overflow: hidden;margin: 50px auto 40px}
.aboutus{width: 750px;height: auto;min-height: 300px;float: left;box-sizing: border-box;padding: 5px  0px 5px 30px;border-bottom: 2px solid #ccc;padding-bottom: 30px}
.t{border-left: 10px solid #00549d}
.honors{width: 500px;height: auto;min-height: 300px;float: right;box-sizing: border-box;border-bottom: 2px solid #ccc;padding-bottom: 44px}
.abouttop{height: 40px;border-bottom: 2px solid #ccc;}
.abouttitle{width: 150px;height: 40px;line-height: 40px;border-bottom: 3px solid #00549d;float: left;font-weight: bold;font-size: 20px;position: relative;}
.abouttitle span{display:inline-block;height: 40px;width: 100%;border-left: 6px solid #00549d;padding-left: 20px;position: absolute;left: -20px}
.more{height: 40px;width: 50px;line-height: 40px;font-size: 14px;float: right;}.more a{color: #000} .more a:hover{color:#00549d }
.aboutinfo{margin-top: 30px}
.leftpic{height: 250px;width: 250px;float: left;}
.leftpic img{height: 250px;width: 250px;margin-top: 2px}
.leftpic div{height: 256px;width: 256px;border:1px solid #ccc;text-align: center;}
.rightinfo{height: auto;width: 430px;float: right;}

.infotitle{font-size: 18px;font-weight: bold;border-bottom: 1px dashed #ccc;height: 40px;line-height: 40px;margin: 0px 0px 10px 0px}
.showmore{height: 30px;width: 120px;text-align: center;line-height: 30px;background:#00549d;margin: 40px 0px 0px 0px ;border-radius: 3px }
.showmore a{color: #fff;background: #00549d}.showmore a:hover{color: yellow}

/* 本例子css */
		.slideBox{ width:450px; height:230px; overflow:hidden; position:relative; border:0px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;text-align: center; }
		.slideBox .bd img{  display:inline-block;height:230px;width: auto;max-width: 100%; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.honorbox{margin-top: 40px;}


.picMarquee-left1{ width:1250px;  overflow:hidden; position:relative;  border:0px solid #ccc;margin: 0 auto   }
		.picMarquee-left1 .hd{ overflow:hidden;  height:40px; background:#f4f4f4; padding:0 10px;border-left: 6px solid #00549d;line-height: 40px;}
		.picMarquee-left1 .hd span{color: #000;font-size: 20px;font-weight: bold;}
		.picMarquee-left1 .hd .prev,.picMarquee-left1 .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left1 .hd .next{ background-position:0 -50px;  }
		.picMarquee-left1 .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left1 .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left1 .bd{ padding:30px 10px;background: #444e58;margin-top: 10px   }
		.picMarquee-left1 .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left1 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
		.picMarquee-left1 .bd ul li .pic{ text-align:center; }
		.picMarquee-left1 .bd ul li .pic img{ width:240px; height:180px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left1 .bd ul li .title{ line-height:24px;width: 246px;overflow: hidden;   } 
		.picMarquee-left1 .bd ul li .title a{color: #fff}

.news{width: 1300px;height: auto;margin: 50px auto;border-bottom: 2px solid #ccc;padding-bottom: 30px;overflow: hidden;}
.companynews{width: 550px;float: left;height: auto;min-height: 300px;margin-left: 40px}
.insnews{width: 550px;float: right;height: auto;min-height: 300px;}
.newslists{margin-top: 20px; }
.newslists ul li{height: 40px;line-height: 40px;}.newslists ul li span{float: right;}.newslists ul li a{color: #000}.newslists ul li a:hover{color:#00549d }
.newslists ul li{border-bottom: 1px dashed #ccc;}
.footer{width: 100%;height: auto;overflow: hidden;background: #00549d;}
.foot1{width: 1300px;height: auto;margin: 50px auto;overflow: hidden;}
.footdh{width: 150px;height: auto;float: left;}.footdh li{height: 25px;line-height: 25px;margin-top: 5px}
.footdh li.dh1{font-weight: bold;font-size: 16px;color: #fff;margin-bottom: 10px;height: 30px;line-height: 30px}.hd2{color: #ccc;font-size: 14px}
.hd2 a{color: #ccc;font-size: 14px}.hd2 a:hover{color: yellow}
.dh1 span{display: inline-block;border-bottom: 1px solid #0f375b}
.footlast{height: 50px;width: 1300px;margin: 0px auto 0px;line-height: 45px;box-sizing: border-box;padding-left: 70px;padding-right: 70px}
.left{font-size: 12px;float: left;color: #ccc}.right{font-size: 12px;float: right;}.right a{color: #ccc}
.line{height: 1px;background: #0f375b}

.aboutleft{width: 260px;height: auto;overflow: hidden;float: left;border: 0px solid #ccc;margin-left: 40px;min-height: 400px}
.aboutright{width: 920px;height: auto;overflow: hidden;float: right;border: 0px solid #ccc;margin-right: 40px;min-height: 400px}
.aboutul{width: 100%;height: auto;overflow: hidden;background: #00549d;padding-bottom: 10px}
.aboutul li.aboutli1{height: 60px;line-height: 60px;box-sizing: border-box;color: #fff;padding-left: 10px;font-size: 20px;font-weight: bold;
background:#00549d;text-align: left;border-bottom: 0px }
.aboutul li{background: #f7f7f7;border-bottom: 1px dashed #ccc;height: 35px;line-height: 35px;width: 92%;margin: 0 auto;box-sizing: border-box;padding-left: 20px}
.aboutul li a{color: #000;}.aboutul li a:hover{color:#00549d }
.contactleft{margin-top: 50px;width: 100%;height: auto;overflow: hidden;background: #f7f7f7;border: 1px solid #ccc;box-sizing: border-box;}
.contactleft li:first-child{height: 45px;line-height: 45px;background: #00549d;color: #fff;font-weight: bold;box-sizing: border-box;padding-left: 20px;width: 100%;margin-top: 0px}
.kf{height: 90px;width: 96%;margin: 10px auto 2px}.kf img{height: 90px;width: 100%;}
.contactleft li{width: 96%;margin: 10px auto;font-size: 14px;}
.contactleft li.rexian{font-size: 20px;font-weight: bold;color: #00549d}
.lefttop{width: 100%;height: 40px;line-height: 40px;border: 1px solid #ccc;border-radius: 5px;padding-left: 10px;font-size: 13px;background: #f7f7f7;box-sizing: border-box;}
.lefttop a{color: #000;}.lefttop a:hover{color:#00549d }
.aboutcontent{margin-top: 20px;height: auto;overflow: hidden;background:#f7f7f7;box-sizing: border-box;padding: 10px;border: 1px solid #ccc }
.newslistss li{height: 110px;border-bottom: 1px dashed #ccc;margin-top: 10px}
.p1 a{color: #00549d;}.p1 a:hover{text-decoration: underline;}
.p2{font-size: 13px;;margin-top: 6px;text-indent: 2rem}
.cname{height: 50px;text-align: center;line-height: 50px;font-weight: bold;}
.cdate{height: 30px;text-align: center;line-height: 30px;font-size: 12px;}
.prevnext a{color: #000}.prevnext a:hover{color: #00549d}
.productlist img{width: 100%;}