html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微軟雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%;overflow: hidden;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header .head_top{height: 35px;background: #efefef;line-height: 35px;}
.header .head_top a{padding: 0 15px;}
.header .head_top a:nth-child(3) {padding-right: 0px}
.header .head_body{height: 100px;}
.header .head_body .hb_con{padding: 25px 0 0 15px}
.header .head_body .hb_con p{font-size: 16px;line-height: 180%}
.header .tel{padding: 17px 0 15px 70px;background: url(../image/tel.png) no-repeat center left;}
.header .tel p{line-height: 30px;font-size: 17px;line-height: 32px;}
.header .tel b{font-size: 30px;font-family: Arial;color: #005FBB;position: relative;top: 2px;}
.header .head_nav{height: 50px;/*background: url(../images/navli.jpg);*/ background: #005FBB;}
.header .head_nav li{width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;float: left;position: relative;}
.header .head_nav li a{color: #fff;}
.header .head_nav li:hover {background: #ff7700;}
.header .head_nav li:hover a{color: #fff}

.header .head_nav .sub{ display:none; width:200px; left:0; top:50px;position:absolute;z-index: 9999;background:#005FBB; line-height:35px;}
.header .head_nav .sub li{ zoom:1;}
.header .head_nav .sub a{ display:block; padding:0 10px;text-align: center;font-size: 15px;color: #fff}
.header .head_nav .sub a:hover{ background:#ff7700; color:#fff;}
.header .head_nav .on h3 a{ background:#ff7700;}
#nav{border-left: 1px solid #ddd}
#nav > li > a{display: block;height: 50px;border-right: 1px solid #ddd;}
/*header end*/
/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../image/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #005FBB;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding: 50px 0 15px 0;}
.pro_l{width:240px;padding:18px 15px;background:url(../image/pro_list.png) no-repeat center bottom #005FBB;border-radius: 5px}
.pro_l .l_top{text-align: center;}
.pro_l .l_top b{font-size: 36px;color: #fff; }
.pro_l .l_top p{font-size: 14px;color: #fff;position: relative;top: 2px; text-align: center;}
.pro_l .l_mid{width: 210px;background: #fff;padding: 10px 15px;margin: 22px auto 10px auto;border-radius: 5px;}
.pro_l .l_mid ul li{width: 205px;height: 38px;border:1px solid #D3D3D3;margin:5px 0;line-height: 38px;font-size: 16px; text-align: center;}
.pro_l .l_mid ul li:hover {background: #005FBB;color: #fff;}
.pro_l .l_mid ul li:hover a{color: #fff}
.pro_l .l_bot{padding-left: 10px;}
.pro_l .l_bot p{color: #fff;font-size: 20px;line-height: 200%}
.pro_l .l_bot b{color: #ff7700;font-size: 26px;letter-spacing: 2px;}
.pro_l .l_bot a{display: block;width: 110px;height: 32px;border:2px solid #dfdfdf;text-align: center;line-height: 32px;color: #fff;margin:20px auto 10px auto}
.product .pro_r{width: 930px;}
.product .pro_r ul li{ background: url(../image/probg.png) no-repeat 100% 100%;background-size: 100% 100%;}
.product .pro_r ul li{padding: 9px;border:1px solid #ddd;float: left;margin-left: 30px;margin-bottom: 35px;}
.product .pro_r ul li p{height: 30px;line-height: 30px;text-align: center;font-size: 15px;position: relative;top: 3px;}
.product .pro_r ul li:hover {background: #005FBB;}
.product .pro_r ul li:hover a{color: #fff}
/*product end*/

/*company start*/
.company{padding: 50px 0;background: url(../image/combg.jpg) no-repeat center;}
.company .title{text-align: center;}
.company .title b{font-weight: bold;font-size:32px;text-align: center;color: #005FBB}
.company .title p{text-align: center;line-height: 250%;color: #999}
.company .com_body{margin-top: 20px;}
.company .com_body .com_con{width: 590px;height: 308px;background: rgba(255,255,255,0.6);padding: 30px;}
.company .com_body .com_con b{font-size: 20px;color: #005FBB}
.company .com_body .com_con p{font-size: 15px;line-height: 160%;color: #666;text-indent: 2em;}
.company .com_body .com_con a{width:120px;height:35px;display: block;background: #005FBB;margin-top: 30px;color: #fff;text-align: center;line-height: 35px;}
.company .com_body .com_con a:hover {background: #ff7700}
/*company end*/

/*new start*/
.new{padding: 50px 0;}
.new .new_l{width: 725px;}
.new .new_l .slideTxtBox{width:725px;text-align:left;}
.new .new_l .slideTxtBox .hd{ height:45px;line-height:45px;position:relative;border-bottom: 1px solid #C8C8C8}
.new .new_l .slideTxtBox .hd ul{float:left;position:absolute;height:45px;}
.new .new_l .slideTxtBox .hd ul li{width:170px;float:left;cursor:pointer;line-height: 45px;font-size: 20px;font-weight: bold;}
.new .new_l .slideTxtBox .hd ul li em{display:inline-block;width: 45px;height: 45px;float: left;background: url(../image/icon1.png) 0px 45px;}
.new .new_l .slideTxtBox .hd ul li:nth-child(2) em{display:inline-block;width: 45px;height: 45px;float: left;background: url(../image/icon2.png) 0px 45px;}
.new .new_l .slideTxtBox .hd ul li.on{height:45px;color: #005FBB}
.new .new_l .slideTxtBox .hd ul li.on em{background-position: 45px 0}
.new .new_l .slideTxtBox .hd a{padding-right: 10px;line-height: 45px;color: #777}
.new .new_l .slideTxtBox .bd ul{zoom:1;}
.new .new_l .slideTxtBox .bd li{height:28px;line-height:28px;color: #666;font-size: 15px;}
.new .new_l .slideTxtBox .bd li .date{float:right;color:#999;}
.new .new_l dl{ width:725px; padding:30px 0 15px 0; display:inline-block; overflow:hidden;}
.new .new_l dt{ width:280px; height:150px;float: left;overflow: hidden;}
.new .new_l dt img{ width:280px; height:150px;}
.new .new_l dd{ float:left; overflow:hidden; width:400px;margin-left: 40px;}
.new .new_l dd h3{ height:30px; line-height:30px; overflow:hidden;}
.new .new_l dd h3 a{ font-size:16px; color:#333;}
.new .new_l dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color: #014FA7;}
.new .new_l .news_desc{ font-size:14px; color:#666; height:66px; line-height:22px;overflow: hidden; padding:5px 0 0;}
.new .new_l dd span{ display:block;width: 100px; padding:15px 0 0;}
.new .new_l dd span a{font-size: 14px;color: #fff;display: block; width:100px; height:30px;background: #005FBB;text-align: center;line-height: 30px;overflow: hidden;}
.new .new_l dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear; background: #ff7700;}

.new .new_r{width: 400px;}
.new .new_r .title{height: 45px;line-height: 45px;border-bottom: 1px solid #c8c8c8}
.new .new_r .title span{font-size: 20px;font-weight: bold;color: #005FBB}
.new .new_r .title span em{display:inline-block;width: 45px;height: 45px;float: left;background: url(../image/icon.png) no-repeat center;}
.new .new_r .title a{padding-right: 10px;line-height: 45px;color: #777}
.new .new_r .txtMarquee-top{width:400px;overflow:hidden;position:relative;}
.new .new_r .txtMarquee-top .bd{padding: 30px 10px 0;}
.new .new_r .txtMarquee-top .infoList li{ height:27px; line-height:27px; font-size: 14px;}
.new .new_r .txtMarquee-top .infoList li .date{ float:right; color:#999;}
.new .new_r .txtMarquee-top .infoList li a{ width:290px; height: auto; float: left;display: block; height: 27px;height: 27px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*new end*/

/*footer start*/
.footer{padding: 20px 0;background: #333;border-top: 5px solid #005FBB;}
.footer ul{margin-bottom: 15px;width: 1000px;margin:0px auto;padding-bottom: 20px;}
.footer ul li{width: 165px;font-size: 15px;color: #fff;background: url(/Public/images/line1.jpg) no-repeat center right;text-align: center;height: 15px;border-right: 1px solid #dfdfdf;line-height: 15px;}
.footer ul li:nth-child(1) {border-left: 1px solid #dfdfdf}
.footer ul li a{display: block;width:100%;height: 100%;color: #fff}
.footer ul li:nth-child(6){background: none;}
.footer p{color: #fff;text-align: center;font-size: 15px;line-height: 180%;}
/*footer end*/