@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0px;padding:0px;border:0px;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-family:"微软雅黑"}
a{color:#333333/*#424242*/; text-decoration:none;outline: none;-webkit-transition: all .1s;-moz-transition: all .1s;-ms-transition: all .1s;-ms-transition: all .1s;transition: all .1s;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome and Safari */-moz-backface-visibility:hidden; /* Firefox */-ms-backface-visibility:hidden; /* Internet Explorer */}
a:hover{color:#999}
a:focus {outline:none; -moz-outline:none;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
body{font:14px/18px "Microsoft Yahei", Tahoma, Helvetica, Arial, Verdana, "\5b8b\4f53", sans-serif; color:#333333; min-width:1300px; margin:0 auto;}
img{border:none}
tr,th{font-size:14px;}

.middle{ width:960px; margin:0 auto}
.header .logo{ font-size:32px;color: rgb(204, 204, 204);font-weight: bold;  margin-bottom:15px;margin-top:15px; display:inline-block}
.header .logo span{color: rgb(30, 80, 174); margin-right:10px;}
.header .biaoyu{color: rgb(0, 0, 0); font-size: 12px;text-align: right; line-height:20px; margin-top:40px; float:right;}
.header .biaoyu p{font-size: 16px; color: rgb(8, 61, 151);}
.header .nav{ height:50px; line-height:50px;background-color: #2b2b2b;}
.header .nav ul li{ display:inline-block; text-align:center; margin-right:17px; float:left}
.header .nav ul li:last-child{ margin-right:0px;}
.header .nav ul li a{ display:block; color:rgb(234, 234, 234); padding-right:20px;padding-left:20px;font-size:16px;}
.header .nav ul li:hover a{background: #1e50ae;}
.header .nav ul li.on a{background: #1e50ae;}
.menu{ display:none}
#menu{ display:none}

/* flexslider轮播图 */
.flexslider{position:relative;height:342px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1; padding:0px; margin:0px;}
.slides li{height:342px; background-repeat:no-repeat; background-position:center center;}
.flex-control-nav{ padding:0px; margin:0px;position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 2px;*display:inline;zoom:1;}
.flex-control-nav .flex-active{background: #dbdbdb;filter: alpha(opacity=80);opacity: .8;}
.flex-control-nav a{ color:#e8e8e8;sdisplay: block;position: relative;float: left;overflow: hidden;width: 10px;height: 10px; border-radius: 50%;margin: 4px 10px 2px 0;background: #e8e8e8;filter: alpha(opacity=50);opacity: .5;cursor: pointer;zoom: 1;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.gonggao{margin-top:10px;}
.gonggao p{float:left;width:80px;color: rgb(27, 17, 122);}
.gonggao div{float:right;width:880px;height:30px;}

.title{margin-top:50px;text-align:center;font-size:22px;border-bottom:1px #eee solid;height:30px;padding-bottom:20px;}
.title div{float:left;text-align:left;font-size:14px;color: rgb(153, 153, 153); line-height:24px; display:inline-block}
.title div p{color: rgb(27, 17, 122); font-size:18px;}
.title a{ float:right; font-size:14px; display:inline-block;margin-top:20px;}

.side_head{margin-top:50px;text-align:center;font-size:22px;border-bottom:1px #eee solid;height:30px;padding-bottom:10px;margin-bottom:20px}
.side_head div{float:left;text-align:left;font-size:14px;color: rgb(153, 153, 153); line-height:24px; display:inline-block}
.side_head div strong{color: rgb(27, 17, 122); font-size:18px;font-weight:normal;}
.side_head span{ float:right; font-size:14px; display:inline-block; line-height:48px;}

.info{margin-top:15px;text-align:center;font-size:12px;}

.index_about{ margin-top:20px; display:table; width:100%;}
.index_about .left{ float:left; }
.index_about .right{ float:right; width:557px; height:214px;margin-top:5px;}

.product_list{ padding-top:20px; display:table; width:100%;}
.product_list li{ float:left; margin:0px 10px;text-align:center}

.index_news{margin-top:30px; display:table; width:100%;}
.index_news .news_img{ float:right;}
.index_news .news_img img{ position:relative; z-index:0; width:553px; height:270px;}
.index_news .news_img p{ background:rgba(0,0,0,0.5); color:#fff; text-align:center; line-height:30px;  z-index:10; position:relative}
.index_news .news_list{ width:363px; float:left; margin-bottom:0px;}
.index_news .news_list li{ margin-bottom:25px;}
.index_news .news_list li p{ font-size:15px; color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; padding-right:10px; padding-bottom:0px;}
.index_news .news_list li div{color: #9b9b9b;font-size: 13px; line-height:24px; overflow:hidden}

.link{padding:30px 0;}
.link li{float:left;margin-right:50px}

.footer{ height:87px; background:#09043a; padding-top:2px;}
.footer .footer_line{border-top:solid 2px #f8465e;}
.footer .footer_nav{ margin-top:25px; display:table; width:100%;}
.footer .footer_nav li{ float:left} 
.footer .footer_nav li a{ color:#fff; font-size:15px; padding:0px 20px; border-right:solid 1px #fff; line-height:15px; display:block}
.footer .footer_nav li a:hover{ color:#f8465e;}
.footer .footer_nav li:first-child a{ padding-left:0px;}
.footer .footer_nav li:last-child a{ border:none;}
.footer .copyright{margin-top:10px;color:#ccc;font-size:13px; line-height:30px;}
.copyright a{color:#f8465e;}

.sort{ margin-top:47px;padding-bottom:20px;}
.sort li{ display:inline-block; font-size:16px;color: #666666;    background: #f0f0f0; padding:0px 24px; margin:0px 12px; line-height:36px; border-radius:20px; margin-top:10px; cursor:pointer}
.sort li.on{ background: #1e50ae; color:#fff}
.sort li.on a{ color:#fff}

.new_list{}
.new_list li{ display:table; width:100%; margin-top:16px; padding-bottom:16px; border-bottom:solid 1px #dbdbdb}
.new_list li:last-child{ border-bottom:none}
.new_list li img{ width:152px; height:107px; float:left;}
.new_list li div{ width:798px; margin-left:10px; float:left}
.new_list li div p{ font-size:14px; color:#666666; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; line-height:24px;}
.new_list li div p font{ font-weight:normal}
.new_list li div a:hover p{ color:#1e50ae}
.new_list li div p font{ float:right}
.new_list li div span{ display:block;font-size: 12px;color: #797979}

.content{ min-height:200px;padding-top:30px;margin-bottom:50px;line-height:35px;font-size:16px;}

.px13{font-size:30px;line-height:30px;}
.px13 a{font-size:16px;margin-left:10px;}

.pages{margin-top:30px;}
.pages a{font-size:14px;}
.pages_inp{width:30px;}

@media screen and (max-width:640px) {
	body{ min-width:inherit;}
	.header .logo{margin:0 auto;display:block; text-align:center; font-size:24px;margin-bottom:10px;}
    .middle{width:96%;}
	.header .nav{ position:fixed; left:0px; z-index:999; top:0; height:auto; bottom:0px; line-height:40px; width:40%; margin-left:-40%;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-ms-transition: all .3s;transition: all .3s;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome and Safari */-moz-backface-visibility:hidden; /* Firefox */-ms-backface-visibility:hidden; /* Internet Explorer */}
	.header .nav ul li{ display:block; float:none;margin-right:0px; width:inherit}
	.header .nav ul li a{ font-size:12px;}
	.header .biaoyu{ margin:0px; height:0px; overflow:hidden}
	.index_news .news_img{ display:none}
	.flexslider{height:auto; width:100%;}
.gonggao p{float:left;width:21%;}
.gonggao div{float:right;width:78%;height:30px;}
	.title{ margin-top:20px;}
	.title div{ display:block;width:100%;text-align:center; font-size:12px; line-height:20px;}
	.title div p{ font-size:18px;}
	.title a{ display:none}
	.slides li{height:auto; background-size:auto 100%; padding-top:48%;}
	.index_about{ display:block}
	.index_about .left img{ width:100%;}
	.index_about .left{ display:none;}
	.index_about .right{ float:none; font-size:14px; width:auto; height:auto;margin-top:20px;}
	.index_about .right *{ font-size:14px}
	.product_list li{ float:left;padding:15px 0 20px 0;margin:0px; width:45%;height:150px;margin:0 2%;}
.product_list li img{width:100%;height:100%;}
	.product_list li .product_img{ display:none}
	.product_list li .simpleText{ width:80%; height:auto; padding:0 10%; padding-top:10%; padding-bottom:2%}
	.product_list li .simpleText .product_content{ margin-top:10%;}
.sjlist li{width:29%;height:80px;}
	.index_news{ display:block; margin-top:5%}
	.index_news .news_list{ width:100%; float:none; margin-bottom:10%}
.index_news .news_list li a{float:left;width:80%}
	.index_news .news_list li div{width:20%;float:right;text-align:right;line-height:20px;font-size:12px;}
	.index_news .news_list li{padding:5px 0px;}
	
#mid_pic{width:90%;}
	
.link{padding:0px;margin-top:20px;padding-bottom:20px;}
.link li{margin:0px 10px 10px 5px;}
.content{font-size:14px;}
.px13 a{font-size:14px;}
.px11{font-size:11px;}
.footer{clear:both;}
	.footer .footer_nav{ display:none}
	.footer .copyright{ text-align:center}
	.footer{ height:auto}
	
	@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1505207040947'); /* IE9*/
  src: url('../font/iconfont.eot?t=1505207040947#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAUwAAsAAAAAB+AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQwAAAFZW7kiEY21hcAAAAYAAAABeAAABhpooBr5nbHlmAAAB4AAAAV0AAAHM/q00/mhlYWQAAANAAAAALgAAADYP88xEaGhlYQAAA3AAAAAdAAAAJAj3BJ1obXR4AAADkAAAAAwAAAAMDQIAAGxvY2EAAAOcAAAACAAAAAgAdgDmbWF4cAAAA6QAAAAfAAAAIAETAF1uYW1lAAADxAAAAUUAAAJtPlT+fXBvc3QAAAUMAAAAIwAAADTF4uNweJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkCWOcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp7ZMDf8b2CIYW5gaAAKM4LkAPOPDAcAeJzFkMENgDAMAy9t6QMxCA9G6CC8mKMTd41iQnkwQS05VhxLiQIsQBQPMYFdGA9OueZ+ZHU/eSZLjUBtpXf1nyqiWXYNKplpsHmr/9i87qPTV6iDOrGVl4Qb6F8MfwAAeJxtj8lKw2AUhe/N3/ydE5uxSYdMtkmatGBMKyKmLkRRXBRc6c4H0G03LroRXLjwGUT0HaR7n0P0MSQaFGcvF87HOasPWICXBzIndRDBgyXYhAkA0gBtjmmh5cYDJkDZYmVV4ojruFbesQdkHVWbSko0irsqzVMeOWzjshWN3AHj4jBOmDWMlBai1tD3hU5TIJdYqrvts3SXuULZcJp80k93wrEUmWJhWhEETRAuCpRlCwyT4zk8VpUiWyzR9JrldXlu+IyBFc3V9w6qZkM4Oo9PWh21iDibodgwudtxTa9lf6oroqDlF6qFul51FiWcPpXrYqXVfYTsaOZ6z2pkBiWQwYQ+rMIWgCgp6puKTWv/YmbnWHY3Hq1YbSSfJFHx+4DlspKEYRL+TlZFz3i+MXzfIIeGt/2Fnv9jIUO+WVLCJAjSyV8ixAyCjR5iL82950aQ3n10md4r8exHrQAAAHicY2BkYGAA4qMpPgvi+W2+MnCzMIDA1btHkOj/x1klmRuADA4GJpAoAD6kCyMAAHicY2BkYGBu+N/AEMMqyQAEQJKRARUwAwBLgwKgAAAABAAAAAPpAAAFGQAAAAAAAAB2AOZ4nGNgZGBgYGYIZGBjAAEmIOYCQgaG/2A+AwARDgFxAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYItOTEzJTGPgQEAFRwC+wA=') format('woff'),
  url('../font/iconfont.ttf?t=1505207040947') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1505207040947#iconfont') format('svg'); /* iOS 4.1- */
}
	.iconfont {
	  font-family:"iconfont" !important;
	  font-size:16px;
	  font-style:normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	.icon-caidan:before { content: "\e63c"; }
	
	
	.menu{ position:fixed; z-index:800; width:40px; height:40px; line-height:40px; top:3%; left:3%; display:inline-block; background:#1e50ae; border-radius:10px; color:#fff; text-align:center}
	#menu:checked ~ .back{ display:block}
	#menu:checked ~ .nav{ margin-left:0%;}
	.back{ position:fixed; top:0; bottom:0px; left:0; right:0; background:rgba(0,0,0,0.5); z-index:900; display:none}
	
	.sort{ margin-top:10%;}
	.sort li{padding: 0px 5%;margin:2%; font-size:12px;}
	.new_list li{ display:block; margin-top:2%; padding-bottom:2%;}
	.new_list li img{ display:none}
	.new_list li div{ width:auto; margin:0px; float:none}
	.new_list li div p font{ float:none}
	.content{ min-height:300px; padding-top:2%; margin-bottom:10%;}
.content img{max-width:96%;height:auto;}
	.product_list{ padding-top:0px;}
.side{display:none}
}