@charset "gb2312";
/* CSS Document */
html{font-size:62.5%;}
body{ padding:0; margin:0; color:#000000;text-align:center; background:#fff; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;}
li,p{text-align:left;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#A80000; text-decoration:none;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clear{clear:both;}
.clearfix{clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#ff9724; font-weight:bold;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#666666;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
/* Landscape phone to portrait tablet */
ul{margin:0px; padding:0px;}
li{list-style:none;text-align:left;text-decoration:none;font:normal;}
a{text-decoration:none;}

.con{ width:1000px; margin:0 auto;}

.bg-red{ background:#e60012; width:100%;}
.nav{ width:1000px; height:60px; margin:0 auto; background:#e60012;}
.nav ul{ margin-left:65px;}
.nav li{ float:left;font-family:"Microsoft YaHei"; color:#FFFFFF;  line-height:60px;font-size:20px; margin-left:20px;}
.nav li a{ color:#fff;}

.menu{position:fixed;top: 100px; right:-25px;z-index: 1040;}
.menu ul{}
.menu li{ font-size:18px; font-family:"Microsoft YaHei"; line-height:40px; background:#CCCCCC; padding-left:10px; }
.menu li:hover{ background:#FF5151;}
.menu li a{ color:#fff;line-height:40px;}

/*scroll start*/
#wrapper{width:1000px;margin:10px auto;height:500px;position:relative;color:#fff;text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;}

#slider-wrap{width:1000px;height:500px;position:relative;overflow:hidden;}
#slider-wrap ul#slider{width:100%;height:100%;position:absolute;top:0;left:0;		}
#slider-wrap ul#slider li{float:left;position:relative;width:1000px;height:500px;}
#slider-wrap ul#slider li  img{ width:1000px; height:500px;position:absolute;top:0px;left:0px;	}
#slider-wrap ul#slider li  span{font-size:36px; color:#333333;position:absolute; top:100px; left:20px;}

#slider-wrap ul#slider li i{text-align:center;line-height:400px;display:block;width:100%;font-size:90px;	}
/*btns*/
.btns img{width:50px;height:60px;}
.btns{position:absolute;width:50px;height:60px;top:50%;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{background:rgba(0,0,0,0.3);	}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{top: 30px; right:35px; width:auto;position:absolute;}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}

/*bar*/
#pagination-wrap{min-width:20px;margin-top:450px;margin-left: auto; margin-right: auto;height:15px;position:relative;text-align:center;}
#pagination-wrap ul {width:100%;}
#pagination-wrap ul li{margin: 0 4px;display: inline-block;width:5px;height:5px;border-radius:50%;background:#fff;opacity:0.5;position:relative;top:0;}
#pagination-wrap ul li.active{width:12px;height:12px;top:3px;opacity:1;box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	}

/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	}
/*scroll end*/

.con-title{ width:1000px; font-family:"Microsoft YaHei"; font-size:22px; line-height:240%; text-align:center; margin-top:10px; }
.con-title a{ color:#7a7a7a;}
.con-title a:hover{ color:#ff9724;}

/* 4gepic */
.box{width:1000px;height:500px;margin:10px auto;overflow:hidden;}
.box ul li{width:249px;height:249px;float:left;position:relative;overflow:hidden; margin-right:1px; margin-top:1px;}
.box ul li img{width:249px;height:249px;}
.box ul li .dask{width:249px;height:249px;padding:0px 0 0 0px;background:#000;opacity:0.7;position:absolute;top:-270px;left:0;}
.box ul li .dask-title{ font-family:"Microsoft YaHei"; font-size:18px; margin-top:100px; line-height:200%;color:#fff; text-align:center;}
.box ul li .dask-txt{color:#fff; font-family:"Microsoft YaHei"; font-size:16px; line-height:200%; padding:0 10px 0px 10px; }
.box ul li .dask a{color:#fff;text-decoration:none;}

/* yingzhan */
.picc{width:1000px;margin:10px auto 0 auto;overflow:hidden;}
.picc ul{width:1000px;}
.picc ul li{float:left;margin-right:6px;margin-bottom:10px;display:inline;width:490px;height:230px;overflow:hidden;position:relative;}
.picc ul li .photo{width:490px;height:230px;overflow:hidden;}
.picc .rsp{width:490px;height:230px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.picc .text{position:absolute;width:450px;height:430px;left:-700px;top:0px;overflow:hidden; padding:0 20px 0 20px; line-height:160%;}
.picc .text h3{width:480px;margin-top:80px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px; font-family:"Microsoft YaHei"; line-height:200%; font-weight:100;}
.picc .text a{text-decoration:none;text-align:center;}
.picc .text div{text-align:center;color:#FFFFFF;font-size:18px;}

/* 3pic */
#zzsc{ height:auto; width:1000px;margin:20px auto; overflow:hidden;}
#zzsc ul li{ width:332px; height:260px; overflow:hidden; float:left; margin:1px 1px 1px 0px; position:relative;}
#zzsc ul li img{ width:332px; height:260px; }
#zzsc ul li .text{ width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; background:#000000;opacity:0.7; font-size:16px; color:#fff; text-align:center;line-height:180%; font-weight:bold;}
#zzsc ul li .text p{text-align:left; color:#fff; line-height:300%; padding:5px 10px; clear:both; text-align:center;}
#zzsc ul li .text p a{ color:#FFFFFF;}



#link { width:1200px; height:65px; margin:20px auto; background-color:#F3F3F3; padding-top:10px; }
#linktitle{ width:130px; font-size:20px; font-family:"Microsoft YaHei"; color:#00C4C4; float:left; padding-left:20px; padding-top:13px; }
#linkcon{ width:1050px; float:right;}
#linkcon ul{ margin:0px; padding:0px;}
#linkcon li{ float:left; font-family:"Microsoft YaHei"; font-size:14px; width:175px; line-height:200%;}

/*footer start*/
.bg-underline{width:100%; border-bottom:#e60012 1px solid; margin-top:1px;}
.bg-red{ width:100%; background-color:#e60012;}
.gywm{ width:1200px; color:#FFFFFF; height:30px; margin:0 auto;}
.gywm ul{margin-left:250px; margin-top:10px; padding:0px;}
.gywm li{ display:inline; font:"Arial, Helvetica, sans-serif";font-size:14px; margin-left:5px;}
.gywm li a { color:#FFFFFF; font:"Arial, Helvetica, sans-serif";font-size:14px; line-height:30px;}

.info{width:1200px; height:auto; margin:0 auto; padding-bottom:10px; text-align:center;}
.info span{ line-height:230%; font-size:14px; }
.info img{ margin:0 auto; height:70px;}