*{padding:0px; margin:0px; list-style:none; box-sizing:border-box; -webkit-box-sizing:border-box; font-family:"微软雅黑";}
a{text-decoration:none; color:#000;}



/**********头部***********/
#top{width:100%; height:100px; overflow:hidden;}
#top > a{float:left; height:60px; display:block; width:auto; margin-top:20px; }
#top > a img{display:block; height:100%; width:auto;}
#top .right{float:right; margin-top:25px; }
#top .right p{margin:0;}
#top .right h2{font-weight:bold; color:#fe5900;}


@media all and (max-width:900px) {
#top{position:relative;}
#top .select{position:absolute; right:10px; bottom:10px; overflow:hidden;}
#top .select a{margin-left:10px;}

#top > a{margin-left:1%;}
#top .right{margin-right:1%; background:none !important;}
#top .right p{font-size:14px;}
#top .right h2{font-size:22px;}
#top .zhongjian{display:none;}

.daohang{position:fixed; top:10px; right:10px; font-size:25px; cursor:pointer; display:block; z-index:99999; color:#000;}
#nav{width:65%; height:100%; background:rgba(2, 23, 37, 0.96); text-align:center; position:fixed; top:0; left:-100%; z-index:9999;}
#nav ul{width:100%; height:auto;}
#nav ul > li{width:100%; height:50px; line-height:50px; border-bottom:1px solid #ccc;}
#nav ul > li > a{display:block; color:#fff; font-size:16px;}
#nav ol{background:#999; height:0; overflow:hidden; transition:height .5s; position:absolute; z-index:99999; width:100%;}
#nav ol li{height:50px; width:100%; line-height:50px; border-bottom:1px solid #ccc;}
#nav ol li a{display:block; color:#fff; font-size:16px;}
#zhezhao{width:35%; height:100%; background:rgba(2, 23, 37, 0.96); position:fixed; top:0; right:-50%; z-index:99; border-left:1px solid #ccc;}
#nav ul > li a:hover{text-decoration:none;}
}

@media all and (min-width:900px) {
#top .select{position:absolute; top:15px; right:15px; overflow:hidden;}
#top .select a{margin-left:10px;}

#top > a{margin-left:10%;}
#top .right{margin-right:10%; padding-left:55px;}
#top .right p{font-size:14px;}
#top .right h2{font-size:28px;}
#top .zhongjian{margin-top:15px; margin-left:5%;}

.daohang{display:none;}
#nav{width:100%; height:50px; text-align:center;  border-top:1px solid #ccc;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#999));
	background:-moz-gradient(linear, 0 0, 0 bottom, from(#fff), to(#999));
	background:-ms-gradient(linear, 0 0, 0 bottom, from(#fff), to(#999));
	background:-0-gradient(linear, 0 0, 0 bottom, from(#fff), to(#999));
}
#nav ul{overflow:hidden; width:auto; height:auto; display:inline-block;}
#nav ul > li{float:left; height:auto;}
#nav ul > li > a{width:120px; height:50px; text-align:center; line-height:50px; display:block; color:#000; transition:background 1s; font-size:16px;}
#nav ul > li > a:hover{background:#0c3056; text-decoration:none; color:#fff; transition:background 1s; border-bottom:2px solid #e42d36;}
#nav ul ol{position:absolute; height:0; overflow:hidden; transition:height .5s; z-index:99999;}
#nav ul ol li{}
#nav ul ol li a{width:120px; height:50px; text-align:center; font-size:16px; line-height:50px; background:#235890; display:block; color:#fff; border-bottom:1px solid #999;}
#nav ul ol li a:hover{text-decoration:none; background:#0c3056;}
#clear{/*height:50px;*/}/*导航保持在窗口顶部时防止其他内容被遮挡*/
}










/*********底部*********/
#bottom{width:100%; height:auto; background:#D50000; margin-top:50px; clear:both;}
#bottom .con{width:85%; height:auto; margin:0 auto; text-align:left; font-size:0; overflow:hidden; padding:30px 0;}
#bottom .con .youqing{width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
#bottom .con .youqing h5{color:#eee; font-weight:bold; font-size:16px; float:left; line-height:25px;}
#bottom .con .youqing a{color:#eee; font-size:14px; margin-left:15px; line-height:25px;}
#bottom .con .youqing a:hover{text-decoration:underline;}
#bottom .con .youqing li{float:left;}


#bottom .con ul h4{margin-bottom:10px;}
#bottom .con ul h4 a{color:#fff;}
#bottom .con ul li{margin-bottom:5px; display:none;}
#bottom .con ul li a{color:#fff; font-size:14px; letter-spacing:1px;}
#bottom .con ul li:hover a{text-decoration:underline;}
#bottom .con ol{float:right; width:150px; height:auto;}
#bottom .con ol img{display:block; width:100%; height:150px;}
#bottom .con ol h5{text-align:center; font-size:14px; margin:5px 0; color:#fff;}
#bottom .con2{width:85%; height:auto; margin:0 auto; text-align:center; color:#fff; font-size:14px; padding:15px 0 5px 0; border-top:1px solid #eee;}
@media all and (max-width:500px){
	#bottom .con ul{display:inline-block; vertical-align:top; font-size:16px; width:50%; text-align:center;}
	#bottom .con ol{display:none; margin:0 auto; cleat:both;}

	#bottom .con .left{width:100%; height:auto;}
#bottom .con .left .lianxifangshi{width:100%; height:auto; font-size:15px; color:#fff; overflow:hidden; margin-top:20px;}
#bottom .con .left .lianxifangshi .a{width:100%; height:auto;}
}
@media all and (min-width:500px) and (max-width:900px){
	#bottom .con ul{display:inline-block; vertical-align:top; font-size:16px; margin:0 2%;}

	#bottom .con .left{float:left; width:calc(100% - 150px); -webkit-width:calc(100% - 150px);}
#bottom .con .left .lianxifangshi{width:100%; height:auto; font-size:15px; color:#fff; overflow:hidden; margin-top:20px;}
#bottom .con .left .lianxifangshi .a{float:left; width:45%; height:auto;}
	
}
@media all and (min-width:900px){
	#bottom .con ul{display:inline-block; vertical-align:top; font-size:16px; width:15%;}

	#bottom .con .left{float:left; width:calc(100% - 150px); -webkit-width:calc(100% - 150px);}
#bottom .con .left .lianxifangshi{width:100%; height:auto; font-size:15px; color:#fff; overflow:hidden; margin-top:20px;}
#bottom .con .left .lianxifangshi .a{float:left; width:45%; height:auto;}
}












/******************主页******************/
#content1{width:100%; height:auto;}
#content1 .con{width:82%; height:auto; margin:50px auto 0 auto;}
#content1 .con .top{height:60px; border:2px solid #0086d8; margin:0 auto 30px auto; border-radius:5px; text-align:center;}
#content1 .con .top h1{color:#0086d8; font-size:33px; display:inline-block; padding:0 30px; background:#fff; margin-top:-40px;}
#content1 .con ol{text-align:center; font-size:0; margin-bottom:20px;}
#content1 .con ol li{display:inline-block; vertical-align:top; font-size:14px; margin:0 10px 10px 10px;}
#content1 .con ol li a{color:#666; background:#eee; padding:10px 40px; display:block; border-radius:8px;}
#content1 .con ol li:hover a{background:rgb(46,170,142); color:#fff;}
#content1 .con ol li:nth-child(1) a{background:rgb(46,170,142); color:#fff;}
#content1 .con ul{clear:both; width:100%; height:auto; font-size:0; text-align:center;}
#content1 .con ul li{font-size:16px; display:inline-block; vertical-align:top; height:auto; cursor:pointer; margin-bottom:20px;}
#content1 .con ul li h5{font-weight:100; font-size:14px; margin-top:20px;}
#content1 .con ul li h5:hover{color:#f00;}
#content1 .con ul li .bg{width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden; border:3px solid #ccc; transition:all .8s;}
#content1 .con ul li .bg p{width:100%; height:45px; background:rgba(56,34,15,0.5); text-align:center; line-height:45px; color:#fff; font-size:14px; position:absolute; z-index:2; bottom:-50px; transition:all .5s;}
#content1 .con ul li:hover p{bottom:-5px; transition:all .5s;}
#content1 .con ul li .bg .shang{display:block; height:5px; width:0%; position:absolute; z-index:3; left:0; top:0; background:#ccc; transition:all .8s;}
#content1 .con ul li .bg .you{display:block; height:0%; width:5px; position:absolute; z-index:3; right:0; bottom:0; background:#ccc; transition:all .8s;}
#content1 .con ul li .bg .xia{display:block; height:5px; width:0%; position:absolute; z-index:3; right:0; bottom:0; background:#ccc; transition:all .8s;}
#content1 .con ul li .bg .zuo{display:block; height:0%; width:5px; position:absolute; z-index:3; left:0; bottom:0; background:#ccc; transition:all .8s;}
#content1 .con ul li:hover .bg .shang{width:100%; background:#38220f; transition:all .8s;}
#content1 .con ul li:hover .bg .you{height:100%; background:#38220f; transition:all .8s;}
#content1 .con ul li:hover .bg .xia{width:100%; background:#38220f; transition:all .8s;}
#content1 .con ul li:hover .bg .zuo{height:100%; background:#38220f; transition:all .8s;}
#content1 .con ul li:hover .bg{border:3px solid #fff; transition:all .8s;}
@media all and (max-width:800px){
	#content1 .con .top{width:80%;}
	#content1 .con ul li{width:48%; margin-right:4%;}
	#content1 .con ul li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:800px){
	#content1 .con .top{width:40%;}
	#content1 .con ul li{width:32%; margin-right:2%;}
	#content1 .con ul li:nth-child(3n){margin-right:0;}
}



#content2{width:100%; height:auto; margin-top:50px;}
#content2 .con{width:85%; height:auto; margin:0 auto; overflow:hidden; padding-top:50px;}
#content2 .con .top{height:60px; border:2px solid #0086d8; margin:0 auto 20px auto; border-radius:5px; text-align:center;}
#content2 .con .top h1{color:#0086d8; font-size:33px; display:inline-block; padding:0 30px; background:#fff; position:relative; top:-20px; z-index:2;}
#content2 .con .left h1{border-bottom:1px dashed #ccc; overflow:hidden; padding-bottom:7px; margin-bottom:15px;}
#content2 .con .left h1 span{font-size:19px; color:#000; float:left; display:block;}
#content2 .con .left h1 a{font-size:14px; float:right; display:block; line-height:20px;}
#content2 .con .left h1 a:hover{text-decoration:underline;}
#content2 .con .left .bg{width:100%; height:180px;}
#content2 .con .left ul{padding:20px;}
#content2 .con .left ul li{width:100%; height:auto; overflow:hidden; margin-bottom:5px;}
#content2 .con .left ul li a{display:block; float:left; width:70%; overflow:hidden; height:18px;}
#content2 .con .left ul li span{display:block; float:right; width:25%; height:20px; text-align:right; overflow:hidden;}
#content2 .con .left ul li:hover a{text-decoration:underline;}

#content2 .con .right h1{border-bottom:1px dashed #ccc; overflow:hidden; padding-bottom:7px; margin-bottom:15px;}
#content2 .con .right h1 span{font-size:19px; color:#000; float:left; display:block;}
#content2 .con .right h1 a{font-size:14px; float:right; display:block; line-height:20px;}
#content2 .con .right h1 a:hover{text-decoration:underline;}
#content2 .con .right .bg{ height:355px; width:40%; float:left; margin-right:2%;}
#content2 .con .right ul{float:left; height:100%; overflow:hidden;}
#content2 .con .right ul ol{width:100%; height:10000px;}
#content2 .con .right ul ol li{margin-bottom:5px; font-size:14px; color:#666;}
#content2 .con .right ul ol li a{font-size:16px; color:#000; display:block;}
#content2 .con .right ul ol li:hover a{text-decoration:underline;}
#content2 .con .right ul ol li.wen{width:100%; height:23px; overflow:hidden;}
#content2 .con .right ul ol li.da{margin-bottom:15px; width:100%; height:43px; overflow:hidden;}
@media all and (max-width:500px){
	#content2 .con .top{width:85%;}
	#content2 .con .left{width:100%; height:auto;}
	#content2 .con .right{width:100%; height:400px;}
	#content2 .con .right .bg{display:none;}
	#content2 .con .right ul{width:100%;}
}
@media all and (min-width:500px) and (max-width:900px){
	#content2 .con .top{width:60%;}
	#content2 .con .left{width:100%; height:auto;}
	#content2 .con .right{width:100%; height:400px;}
	#content2 .con .right ul{width:58%;}
}
@media all and (min-width:900px){
	#content2 .con .top{width:40%;}
	#content2 .con .left{width:48%; float:left; margin-right:4%; height:400px;}
	#content2 .con .right{width:48%; height:400px; float:left;}
	#content2 .con .right ul{width:58%;}
}





#content3{width:100%; height:auto; margin-top:50px;}
#content3 .con{width:85%; height:auto; margin:0 auto; overflow:hidden; padding-top:50px;}
#content3 .con .top{height:60px; border:2px solid #0086d8; margin:0 auto 20px auto; border-radius:5px; text-align:center;}
#content3 .con .top h1{color:#0086d8; font-size:33px; display:inline-block; padding:0 30px; background:#fff; position:relative; top:-20px; z-index:2;}

#content3 .con .left h1{color:#4a5d7c; padding-left:20px; font-weight:bold; padding-top:20px; padding-bottom:30px; border-bottom:3px solid #f00; display:inline-block; padding-right:30px; margin-bottom:20px; width:100%; height:85px; overflow:hidden;}
#content3 .con .left p{letter-spacing:1px; line-height:20px; color:#666; font-size:14px; width:100%; height:220px; overflow:hidden; padding:0 10px;}
#content3 .con .left .gengduo{display:block; width:120px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:14px; background:#f00; margin-top:20px;}
@media all and (max-width:800px){
	#content3 .con .top{width:85%;}
	#content3 .con .left{width:100%; height:auto; margin-bottom:15px;}
	#content3 .con .right{width:100%; height:auto; margin-bottom:15px;}
	#content3 .con .left h1{font-size:22px;}
}
@media all and (min-width:800px){
	#content3 .con .top{width:40%;}
	#content3 .con .left{width:50%; height:400px;  overflow:hidden; padding:0 15px;}
	#content3 .con .left h1{font-size:28px;}
	#content3 .con .right{width:50%; height:auto;}
	#content3 .con .float_left{float:left;}
	#content3 .con .float_right{float:right;}
}



/**********新添加*******/
#fujia-content3{width:100%; height:auto;}
#fujia-content3 .con{width:82%; height:auto; margin:0 auto; padding:15px 0; overflow:hidden;}
#fujia-content3 .con h1{font-size:28px; font-weight:bold; text-align:center; color:#0f60cc;}
#fujia-content3 .con h3{text-align:center; font-weight:normal; font-size:18px; color:#333333; padding-top:5px; display:block; border-bottom:1px solid #666; width:500px; margin:0 auto; padding-bottom:15px;}
#fujia-content3 .con ul{width:100%; height:auto; margin-top:40px;}
#fujia-content3 .con ul li{width:100%; height:auto; overflow:hidden; display:none;}
#fujia-content3 .con ul li:nth-child(1){display:block;}
#fujia-content3 .con ul li .neirong h5{font-size:18px; color:#fff; margin-bottom:20px;}
#fujia-content3 .con ul li .neirong span{display:block; width:20px; height:0; border-bottom:2px solid #fff; margin-bottom:20px;}
#fujia-content3 .con ul li .neirong p{font-size:15px; color:#fff; letter-spacing:1px; line-height:22px;}
#fujia-content3 .con ol{width:100%; height:auto; overflow:hidden; border:1px solid #ccc;}
#fujia-content3 .con ol li{overflow:hidden; height:90px; cursor:pointer;}
#fujia-content3 .con ol li:nth-last-child(1){border-right:none;}
#fujia-content3 .con ol li > span{float:left; width:27%; font-size:50px; text-align:center; line-height:90px; font-weight:bold;}
#fujia-content3 .con ol li div{float:left; width:73%; height:100%;}
#fujia-content3 .con ol li div p{font-size:16px; font-weight:bold;}
#fujia-content3 .con ol li div p:nth-child(1){margin-top:20px; margin-bottom:7px;}
#fujia-content3 .con ol li:nth-child(1) > span{color:#fe5900;}
#fujia-content3 .con ol li:nth-child(1) p{color:#fe5900;}
#fujia-content3 .con ol li:nth-child(3){text-align:right; padding-right:50px;}
#fujia-content3 .con ol li h5{width:auto; display:inline-block; height:auto; overflow:hidden; margin-top:15px;}
#fujia-content3 .con ol li h5 img{display:block; width:15px; height:15px; float:left; margin-top:3px;}
#fujia-content3 .con ol li h5 span{display:block; float:left; font-size:14px; font-weight:100;}
#fujia-content3 .con ol li h2{color:#fe5900; font-size:26px;}
@media all and (max-width:900px){
	#fujia-content3 .con ul li .bg{width:100%; height:0; padding-bottom:60%;}
	#fujia-content3 .con ul li .neirong{width:100%; height:auto; background:#0f60cc; padding:30px 25px 25px 25px;}
	#fujia-content3 .con ol li{width:100%; border-top:1px solid #ccc;}
	#fujia-content3 .con ol li:nth-child(3){display:none;}
}
@media all and (min-width:900px){
	#fujia-content3 .con ul li .bg{width:53%; height:300px; float:left;}
	#fujia-content3 .con ul li .neirong{float:left; width:47%; height:300px; background:#0f60cc; padding:30px 25px 25px 25px;}
	#fujia-content3 .con ol li{width:33.33%; float:left; border-right:1px solid #ccc;}
}




#fujia-content4{width:100%; height:240px; background:#2075e0; margin-top:30px;}
#fujia-content4 .con{height:auto; margin:0 auto; overflow:hidden;}
#fujia-content4 .con .left h2{color:#fff; font-size:25px; font-weight:bold;}
#fujia-content4 .con .left h4{color:#fff; font-size:17px; font-weight:100; margin-top:5px;}
#fujia-content4 .con .left span{display:block; width:100px; height:0; border-bottom:3px solid #fff; margin-top:15px; margin-bottom:15px;}
#fujia-content4 .con .left li{width:100%; height:auto; color:#fff; font-size:18px; overflow:hidden;}
#fujia-content4 .con .left li h5{font-weight:bold; color:#fff; font-size:20px; display:inline-block; letter-spacing:1px; padding-left:5px;}
#fujia-content4 .con .left a{display:block; width:150px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:15px; border:2px solid #fff; margin-top:15px;}
#fujia-content4 .con .right{float:right; width:40%; margin-right:5%; height:240px; transform:skew(-25deg); overflow:hidden;}
#fujia-content4 .con .right img{display:block; transform:skew(25deg); position:relative; left:-50px;}
@media all and (max-width:900px){
	#fujia-content4 .con{width:95%;}
	#fujia-content4 .con .left{width:100%; padding-top:30px;}
	#fujia-content4 .con .right{display:none;}
}
@media all and (min-width:900px){
	#fujia-content4 .con{width:82%;}
	#fujia-content4 .con .left{width:53%; float:left; padding-top:30px;}
	#fujia-content4 .con .right{float:right; width:40%; margin-right:5%; height:240px; transform:skew(-25deg); overflow:hidden;}
}



#fujia-content5{width:100%; height:auto; margin-top:30px; background:#eeeeee;}
#fujia-content5 .con{height:auto; margin:0 auto; padding:15px 0; overflow:hidden;}
#fujia-content5 .con h1{font-size:28px; font-weight:bold; text-align:center; color:#0f60cc;}
#fujia-content5 .con h1 span{color:#fe5900;}
#fujia-content5 .con h3{text-align:center; font-weight:normal; font-size:18px; color:#333333; padding-top:5px; display:block; border-bottom:1px solid #666; margin:0 auto; padding-bottom:15px;}
#fujia-content5 .con ul{width:100%; height:auto; margin-top:30px;}
#fujia-content5 .con ul li{width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
#fujia-content5 .con ul li .left div h5{font-size:16px; color:#000; font-weight:100; padding-top:10px; margin-bottom:10px;}
#fujia-content5 .con ul li .left div h4{font-size:22px; color:#0f60cc; font-weight:bold; border-bottom:1px dashed #999; padding-bottom:10px; margin-bottom:20px;}
#fujia-content5 .con ul li .left div p{font-size:14px; color:#333; letter-spacing:1px; margin-bottom:7px;}
#fujia-content5 .con ul li .right img{display:block; width:100%; height:auto;}
@media all and (max-width:1000px){
	#fujia-content5 .con{width:95%;}
	#fujia-content5 .con h3{width:80%;}
	#fujia-content5 .con ul li .left{width:100%; overflow:hidden; padding-top:20px;}
	#fujia-content5 .con ul li .left img{display:block; margin:0 auto;}
	#fujia-content5 .con ul li .right{width:70%; height:auto; margin:0 auto;}
}
@media all and (min-width:1000px){
	#fujia-content5 .con{width:82%;}
	#fujia-content5 .con h3{width:500px;}
	#fujia-content5 .con ul li .left{width:59%; overflow:hidden; padding-top:20px;}
	#fujia-content5 .con ul li .left img{float:left; margin-right:10px; display:block;}
	#fujia-content5 .con ul li .left div{float:left;}
	#fujia-content5 .con ul li .right{width:40%; height:auto;}

	#fujia-content5 .con ul li:nth-child(2n+1) .left{float:left;}
	#fujia-content5 .con ul li:nth-child(2n+1) .right{float:right;}
	#fujia-content5 .con ul li:nth-child(2n) .left{float:right;}
	#fujia-content5 .con ul li:nth-child(2n) .right{float:left;}
}


#fujia-content6{width:100%; height:240px; background:#2075e0; margin-top:30px;}
#fujia-content6 .con{width:82%; height:auto; margin:0 auto; overflow:hidden;}
#fujia-content6 .con .left{width:600px; float:left; padding-top:30px; margin-right:40px;}
#fujia-content6 .con .left h2{color:#fff; font-size:25px; font-weight:bold;}
#fujia-content6 .con .left h4{color:#fff; font-size:17px; font-weight:100; margin-top:5px;}
#fujia-content6 .con .left span{display:block; width:100px; height:0; border-bottom:3px solid #fff; margin-top:15px; margin-bottom:15px;}
#fujia-content6 .con .left li{width:100%; height:auto; color:#fff; font-size:18px; overflow:hidden;}
#fujia-content6 .con .left li h5{font-weight:bold; color:#fff; font-size:20px; display:inline-block; letter-spacing:1px; padding-left:5px;}
#fujia-content6 .con .left a{display:block; width:150px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:15px; border:2px solid #fff; margin-top:15px;}
#fujia-content6 .con .right{float:left; width:400px; height:240px;}
#fujia-content6 .con .right img{display:block; width:100%; height:100%;}
@media all and (max-width:900px){
	#fujia-content6 .con{width:95%;}
	#fujia-content6 .con .left{width:100%; padding-top:30px;}
	#fujia-content6 .con .right{display:none;}
}
@media all and (min-width:900px){
	#fujia-content6 .con{width:82%;}
	#fujia-content6 .con .left{width:53%; float:left; padding-top:30px;}
	#fujia-content6 .con .right{float:right; width:40%; height:240px;}
}



#fujia-content7{width:100%; height:auto; margin-top:50px;}
#fujia-content7 .con{height:auto; overflow:hidden; margin:0 auto; padding:15px 0;}
#fujia-content7 .con .top{width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px;}
#fujia-content7 .con .top h1{float:left; font-size:16px; color:#000; font-weight:bold;}
#fujia-content7 .con .top h1 span{color:#666; font-weight:100;}
#fujia-content7 .con .top a{display:block; float:right; width:60px; height:20px; border:1px solid #999; text-align:center; line-height:18px; font-size:12px; color:#999; border-radius:2px;}
#fujia-content7 .con ul{width:100%; height:auto; overflow:hidden; margin-top:50px;}
#fujia-content7 .con ul li{border-right:1px solid #ccc; /*width:366px;*/  padding:0 15px;}
#fujia-content7 .con ul li:nth-last-child(1){border-right:none;}
#fujia-content7 .con ul li img{display:block; float:left; width:220px; height:200px; margin-right:10px; margin-bottom:0px;}
#fujia-content7 .con ul li div{float:left; width:235px; padding-top:20px;}
#fujia-content7 .con ul li div h5{font-size:14px; font-weight:bold; margin-bottom:15px;}
#fujia-content7 .con ul li div p{font-size:13px; font-weight:100; color:#000;}
#fujia-content7 .con ul li > p{clear:both; margin-top:20px; padding-top:15px; font-size:13px; color:#666; line-height:22px; width:100%; height:82px; overflow:hidden;}
#fujia-content7 .con ul li a{display:block; width:150px; height:36px; text-align:center; line-height:36px; color:#fff; background:#0f60cc; font-size:14px; margin:30px auto 0 auto;}
#fujia-content7 .con ul li a:hover{background:#e64c16; text-decoration:underline;}
@media all and (max-width:900px){
	#fujia-content7 .con{width:95%;}
	#fujia-content7 .con ul li{width:100%; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:20px;}
}
@media all and (min-width:900px){
	#fujia-content7 .con{width:82%;}
	#fujia-content7 .con ul li{width:33.3%; float:left;}
	#fujia-content7 .con ul li > p{border-top:1px solid #ccc;}
}



#fujia-content8{width:100%; height:auto; margin-top:50px;}
#fujia-content8 .con{width:85%; height:auto; margin:0 auto; overflow:hidden; padding-top:50px;}
#fujia-content8 .con .top{height:60px; border:2px solid #0086d8; margin:0 auto 20px auto; border-radius:5px; text-align:center;}
#fujia-content8 .con .top h1{color:#0086d8; font-size:33px; display:inline-block; padding:0 30px; background:#fff; position:relative; top:-20px; z-index:2;}
#fujia-content8 .con ul{width:100%; height:auto; font-size:0; text-align:center;}
#fujia-content8 .con ul li{display:inline-block; vertical-align:top; font-size:16px; border:1px solid #ccc; height:0; margin-bottom:15px;}


@media all and (max-width:500px){
	#fujia-content8 .con .top{width:85%;}
	#fujia-content8 .con ul li{width:49%; padding-bottom:24.5%; margin-right:2%;}
	#fujia-content8 .con ul li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:500px) and (max-width:900px){
	#fujia-content8 .con .top{width:60%;}
	#fujia-content8 .con ul li{width:32%; padding-bottom:16%; margin-right:2%;}
	#fujia-content8 .con ul li:nth-child(3n){margin-right:0;}
}
@media all and (min-width:900px){
	#fujia-content8 .con .top{width:40%;}
	#fujia-content8 .con ul li{width:15%; padding-bottom:7.5%; margin-right:2%;}
	#fujia-content8 .con ul li:nth-child(6n){margin-right:0;}
}




/*****共用当前位置和背景图*****/
#fy-bg{width:100%; height:0; padding-bottom:30%;}
#weizhi{width:100%; height:auto; padding:15px 0; border-top:1px solid #ccc; box-shadow:0 5px 5px #ccc; margin-bottom:30px;}
#weizhi .con{width:82%; height:auto; margin:0 auto;}
#weizhi a,#weizhi span{font-size:16px; color:#666; margin:0 3px;}
#weizhi img{width:15px; height:15px; margin-right:3px;}


/********共用left导航及响应式********/
#fy-content{width:82%; height:auto; margin:0 auto; overflow:hidden;}
#fy-content #left{height:auto; border:1px solid #ccc;}
#fy-content #left ul{width:100%; height:auto;}
#fy-content #left ul > li{width:100%; height:auto; font-size:15px; border-bottom:1px solid #ccc; cursor:pointer; position:relative;}
#fy-content #left ul > li > a{color:#333; display:inline-block;  padding-left:20px; height:45px; line-height:45px;}
#fy-content #left ul > li:hover{background:#0061B2;}
#fy-content #left ul > li:hover > a{color:#fff;}
#fy-content #left ul > li.current_channel{background:#0061B2;}
#fy-content #left ul > li.current_channel > a{color:#fff;}
#fy-content #left ul ol{width:100%; height:0; overflow:hidden; /*position:absolute;*/ background:#eee; z-index:2; transition:height .5s;}
#fy-content #left ul ol li{width:100%; height:auto; border-bottom:1px solid #ccc;}
#fy-content #left ul ol li a{display:block; width:100%; height:45px; line-height:45px; padding-left:50px; font-size:15px; color:#333;}
#fy-content #left ul ol li:hover a{background:#0061B2; color:#fff;}
#fy-content #left div{width:100%; height:auto;}
#fy-content #left div h5{width:100%; background:#0061B2; color:#fff; display:block; padding-left:20px; height:45px; line-height:45px;}
#fy-content #left div p{width:100%; height:auto; padding:15px; letter-spacing:1px; color:#333; font-size:15px;}
#fy-content #right{height:auto; min-height:300px; border:1px solid #ccc;}
@media all and (max-width:900px){
	#fy-content #left{width:100%; margin-bottom:20px;}
	#fy-content #right{width:100%;}
}
@media all and (min-width:900px){
	#fy-content #left{width:25%; float:left; margin-right:2%;}
	#fy-content #right{width:73%; float:left;}
}




/*********新闻页面********/
#xw-content{width:82%; height:auto; margin:20px auto;}
#xw-content h1{font-size:32px; margin-bottom:20px;}
#xw-content ul{width:100%; height:auto;}
#xw-content ul li{width:100%; height:auto; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
#xw-content ul li a{font-size:17px; display:block; float:left;}
#xw-content ul li span{display:block; height:25px; font-size:15px; float:right; text-align:right; color:#333;}
#xw-content ul li p{height:auto; clear:both; font-size:15px; padding-top:20px; letter-spacing:1px; line-height:25px;}
#xw-content ul li a:hover{text-decoration:underline;}
@media all and (max-width:700px){
	#xw-content ul li a{width:calc(100% - 0); height:auto;}
	#xw-content ul li span{width:100px;}
	#xw-content ul li p{width:100%;}
}
@media all and (min-width:700px){
	#xw-content ul li a{width:70%; height:25px; overflow:hidden;}
	#xw-content ul li span{width:150px;}
	#xw-content ul li p{width:80%;}
}








/************产品页面***************/
#fy-content #right #chanpin{width:100%; height:auto;}
#fy-content #right #chanpin ul{clear:both; width:100%; height:auto; font-size:0; text-align:left;}
#fy-content #right #chanpin ul li{font-size:16px; display:inline-block; vertical-align:top; width:24.1%; height:auto; cursor:pointer; margin-bottom:20px;}
#fy-content #right #chanpin ul li h5{font-weight:100; font-size:14px; margin-top:20px; text-align:center;}
#fy-content #right #chanpin ul li h5:hover{color:#f00;}
#fy-content #right #chanpin ul li .bg{width:100%; height:0; padding-bottom:70%; position:relative; overflow:hidden; border:3px solid #ccc; transition:all .8s;}
#fy-content #right #chanpin ul li .bg p{width:100%; height:45px; background:rgba(56,34,15,0.5); text-align:center; line-height:45px; color:#fff; font-size:14px; position:absolute; z-index:2; bottom:-50px; transition:all .5s;}
#fy-content #right #chanpin ul li:hover p{bottom:-5px; transition:all .5s;}
#fy-content #right #chanpin ul li .bg .shang{display:block; height:5px; width:0%; position:absolute; z-index:3; left:0; top:0; background:#ccc; transition:all .8s;}
#fy-content #right #chanpin ul li .bg .you{display:block; height:0%; width:5px; position:absolute; z-index:3; right:0; bottom:0; background:#ccc; transition:all .8s;}
#fy-content #right #chanpin ul li .bg .xia{display:block; height:5px; width:0%; position:absolute; z-index:3; right:0; bottom:0; background:#ccc; transition:all .8s;}
#fy-content #right #chanpin ul li .bg .zuo{display:block; height:0%; width:5px; position:absolute; z-index:3; left:0; bottom:0; background:#ccc; transition:all .8s;}
#fy-content #right #chanpin ul li:hover .bg .shang{width:100%; background:#38220f; transition:all .8s;}
#fy-content #right #chanpin ul li:hover .bg .you{height:100%; background:#38220f; transition:all .8s;}
#fy-content #right #chanpin ul li:hover .bg .xia{width:100%; background:#38220f; transition:all .8s;}
#fy-content #right #chanpin ul li:hover .bg .zuo{height:100%; background:#38220f; transition:all .8s;}
#fy-content #right #chanpin ul li:hover .bg{border:3px solid #fff; transition:all .8s;}
@media all and (max-width:600px){
	#fy-content #right #chanpin ul li{width:48%; margin-right:4%;}
	#fy-content #right #chanpin ul li:nth-child(2n){margin-right:0;}
}
@media all and (min-width:600px){
	#fy-content #right #chanpin ul li{width:33%; margin-right:0.2%;}
	#fy-content #right #chanpin ul li:nth-child(3n){margin-right:0;}
}






/***********产品详细页************/
#fy-content #right #cp-info{width:100%; height:auto; margin:0 auto; overflow:hidden;}
#fangdajing{width:400px; height:auto; float:left; position:relative; /*margin-right:50px;*/}
#dakuang{width:400px; height:265px; cursor:pointer; position:relative; margin-right:10px;}
#dakuang img{display:block; width:100%; height:100%;}
#dakuang .xiaokuang{/*border:1px solid #666;*/ width:100px; height:100px; position:absolute; z-index:1; top:0; left:0; /*background:rgba(0,0,0,0.4);*/ background:rgba(246,215,76,0.6); display:none;}
#fangdajing .anniu{width:400px; height:75px; margin-top:10px;}
#fangdajing .anniu .left_click{display:block; width:15px; height:100%; background:rgba(0,0,0,0.5); float:left; cursor:pointer;}
#fangdajing .anniu .right_click{display:block; width:15px; height:100%; background:rgba(0,0,0,0.5); float:left; cursor:pointer;}
#fangdajing .huace{border:1px solid #ccc; width:360px; height:75px; overflow:hidden; float:left; margin:0 4px;}
#fangdajing .huace ol{width:100000px; height:75px; overflow:hidden;}
#fangdajing .huace ol li{width:70px; height:56px; float:left; margin:8px 9px 0 0px; cursor:pointer; border:2px solid #fff;}
#fangdajing .huace ol li img{display:block; width:100%; height:100%;}
#fdj{width:400px; height:265px; float:left; display:none; overflow:hidden; position:absolute; top:0; background:#fff;}
#fdj img{display:block; width:800px; height:800px; position:absolute; top:0; left:0;}
@media all and (max-width:600px){
	#fangdajing #fdj{left:0%;}
}
@media all and (min-width:600px){
	#fangdajing #fdj{left:100%;}
}
#fy-content #right #cp-info .cpxx{float:left; padding-top:15px; width:calc(100% - 400px);}
#fy-content #right #cp-info .cpxx li{font-size:16px; color:#444; margin-bottom:30px; padding-left:12px;}

#fy-content #right #cp-info .qiehuan{width:100%; height:auto; clear:both; padding-top:30px;}
#fy-content #right #cp-info .qiehuan ol{width:100%; height:auto; overflow:hidden; border-bottom:1px solid #999;}
#fy-content #right #cp-info .qiehuan ol li{float:left; width:120px; height:40px; text-align:center; line-height:40px; color:#666; border:1px solid #ccc; border-bottom:none; cursor:pointer;}
#fy-content #right #cp-info .qiehuan ol li:nth-child(1){background:#eee; color:#38220f;}
/*#fy-content #right #cp-info .qiehuan ol li:hover{background:#eee; color:#38220f;}*/
#fy-content #right #cp-info .qiehuan ul{width:100%; height:auto;}
#fy-content #right #cp-info .qiehuan ul li{width:100%; height:auto; padding:20px; font-size:15px; color:#444; letter-spacing:1px; line-height:22px; display:none;}
#fy-content #right #cp-info .qiehuan ul li:nth-child(1){display:block;}
#fy-content #right #cp-info .qiehuan ul li img{display:block; width:auto; height:auto; max-width:100%; margin:10px auto;}








/*************关于我们***********/
#gy-content1{width:82%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:30px;}
#gy-content1 h1{font-size:30px; color:#001362; text-align:center; margin:50px 0;}
#gy-content1 p{font-size:15px; color:#333; letter-spacing:1px; line-height:24px;}
#gy-content1 img{display:block; width:80%; height:auto; margin:10px auto;}

#gy-content2{width:100%; height:600px; background:url(../images/gy_content2.jpg) no-repeat center; background-size:cover; position:relative;}
#gy-content2 .con{width:82%; height:auto; margin:0 auto;}
#gy-content2 .con h1{width:100%; height:auto; color:#fff; font-size:30px; text-align:center; border-bottom:1px solid #fff; padding-bottom:20px; padding-top:70px;}
#gy-content2 .con ul{width:100%; height:auto; color:#fff; overflow:hidden; margin-top:120px;}
#gy-content2 .con ul ol{width:10000px; height:auto; overflow:hidden;}
#gy-content2 .con ul ol li{width:220px; height:auto; float:left;}
#gy-content2 .con ul ol li span{display:block; width:80px; font-weight:bold; border-bottom:3px solid #fff; padding-bottom:15px; font-size:17px;}
#gy-content2 .con ul ol li p{font-size:15px;}
#gy-content2 .left,#gy-content2 .right{position:absolute; top:50%; z-index:2; cursor:pointer;}
#gy-content2 .left img,#gy-content2 .right img{display:block; width:100%; height:100%;}
#gy-content2 .left{left:2%;}
#gy-content2 .right{right:2%;}
@media all and (max-width:600px){
	#gy-content2 .con ul{width:220px; margin:120px auto 0 auto; text-align:center;}
	#gy-content2 .con ul ol li span{margin:0 auto 15px auto;}
	#gy-content2 .left,#gy-content2 .right{width:35px; height:35px;}
}
@media all and (min-width:600px){
	#gy-content2 .con ul{width:100%;}
	#gy-content2 .con ul ol li span{margin-bottom:15px;}
	#gy-content2 .left,#gy-content2 .right{width:60px; height:60px;}
}


#gy-content3{width:100%; height:auto; margin-top:50px; padding-bottom:50px; position:relative;}
#gy-content3 .con{width:82%; height:auto; margin:0 auto;}
#gy-content3 .con h1{width:100%; height:auto; color:#001362; font-size:30px; text-align:center; padding-bottom:30px;}
#gy-content3 .con ul{height:auto; overflow:hidden;}
#gy-content3 .con ul ol{width:10000px; height:auto; overflow:hidden; position:relative; left:-250px;}
#gy-content3 .con ul ol li{width:230px; height:300px; float:left; margin-right:20px;}
#gy-content3 .left,#gy-content3 .right{position:absolute; z-index:2; top:50%; transform:translate(0%,-50%); -wbkit-transform:translate(0%,-50%); cursor:pointer;}
#gy-content3 .left img,#gy-content3 .right img{display:block; width:100%; height:100%;}
#gy-content3 .left{left:2%;}
#gy-content3 .right{right:2%;}
@media all and (max-width:600px){
	#gy-content3 .con ul{width:230px; margin:0 auto;}
	#gy-content3 .left,#gy-content3 .right{width:25px; height:50px;}
}
@media all and (min-width:600px){
	#gy-content3 .con ul{width:100%;}
	#gy-content3 .left,#gy-content3 .right{width:40px; height:80px;}
}



#gy-fujia1{width:82%; height:auto; margin:0 auto; padding-bottom:30px;}
#gy-fujia1 h1{text-align:center; font-size:25px; color:#001362; margin-bottom:20px;}
#gy-fujia1 ul{width:100%; height:auto; text-align:center; font-size:0;}
#gy-fujia1 ul li{height:auto; display:inline-block; vertical-align:top; font-size:16px; text-align:left;}
#gy-fujia1 ul li .bg{width:100%; height:0; padding-bottom:60%;}
#gy-fujia1 ul li h5{font-size:16px; color:#333; font-weight:bold; margin:10px 0; letter-spacing:1px;}
#gy-fujia1 ul li p{font-size:14px; line-height:20px; letter-spacing:1px; color:#666;}
@media all and (max-width:800px){
	#gy-fujia1 ul li{width:100%;}
}
@media all and (min-width:800px){
	#gy-fujia1 ul li{width:32%; margin-right:2%;}
	#gy-fujia1 ul li:nth-child(3n){margin-right:0;}
}




/*分页样式*/
.page_turner { padding: 4px 0px 0px 1px; float: right; clear: both; }
.page_turner a, .page_turner span { float: left; display: block; border: 1px solid #D3D1D1; padding: 2px 5px; margin-left: 4px; line-height: 16px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #CC0001; color: #FFF; }
#total { color: red; }
#gotop { position: fixed; width: 19px; bottom: 35px; height: 63px; cursor: pointer; display: none; background: url(images/gotop.gif) no-repeat; }




#fixed{width:45px; height:auto; background:#ff8900; position:fixed; top:200px; right:0; padding-bottom:10px; cursor:pointer; z-index:999;}
#fixed i{display:block; width:100%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:25px;}
#fixed dd{display:block; color:#fff; font-size:16px; width:20px; height:auto; margin:0 auto; text-align:center;}


#fixed2{width:100px; height:auto; position:fixed; top:210px; right:-100%; z-index:99; background:#fff; padding:10px; transition:all .5s; -webkit-transition:all .5s;}
#fixed2 li{width:100%; height:30px; line-height:28px; border-radius:5px; background:#f5f5f5 url(../images/gg4.gif) no-repeat 5px center; padding-left:30px; font-size:12px; margin-bottom:5px; overflow:hidden;}
#fixed2 li a{display:block; width:100%; height:auto;}