.ty{
	width: 100%;
	display: table;
}
.top-yinc {
	width: 100%;
	height: 80px;
	line-height: 70px;
	position: fixed;
	top: 0;
	z-index: 888;
	background: #FFFFFF;
	display: none;
	border-bottom: 1px solid #e5e5e5;
}
.top-yincb{
	width: 1200px; 
	margin: 0px auto; 
	display: table;
	height: 80px;
}
.top-yinc ul li{
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	
}
.top-yinc ul li p{
	font-size: 16px;
	height: 80px;
	line-height: 80px;
	
}
.top-yinc ul li p:hover{
	color: #30328d;
	border-bottom: 2px solid #30328d;
	
}
.soso{
	position: relative;
	cursor:pointer;
}
.sosuuo{
	display: none;
	right: 20px;
	top: 80px;
	position: absolute;
	width: 220px;
	height: 40px;
	border: 1px solid #CCCCCC;
}
.soso:hover .sosuuo{
	display: block;
}
.fon-r{
	position: relative;
}
.fon-aone{
	width: 1200px;
	font-size: 70px;
	color: #576178;
	font-weight: bold;
	position:absolute;
	top: 35%;
	text-align: center;
}
.fon-atwo{
	width: 1200px;
	font-size: 34px;
	color: #FFFFFF;
	position:absolute;
	top: 35%;
	text-align: center;
}
.fon-atwo:before{
	content: "";/*单引号双引号都可以，但必须是英文*/
    width: 66px;
    height: 5px; /*下划线高度*/
    background: #FFFFFF; /*下划线颜色*/
    position: absolute;
    top: 280%;
    left: 47.5%;
}
.lynr{
	width: 1200px;
	height: 115px;
	background-color: #394a69;
	border: 0px;
	color: #FFFFFF;
	text-indent: 1em;
	margin-left: 0px;
}
.lync{
	width: 390px;
	height: 35px;
	background-color: #394a69;
	border: 0px;
	color: #FFFFFF;
	text-indent: 1em;
	margin-top: 10px;
	margin-left: 0px;
	float: left;
}
.lynb{
	width: 186px;
	height: 40px;
	border: 1px solid #4f5d79;
	background-color: #233558;
	color: #c8c6c6;
	text-align: center;
	margin-left: 0px;
}
.xx p span{
	color: #ededee;
}
.foot-a{
	position: relative;
}
.foot-a:before{
	content: "";/*单引号双引号都可以，但必须是英文*/
    width: 1px;
    height: 120px; /*下划线高度*/
    background: #ededee; /*下划线颜色*/
    position: absolute;
   	right: 0;
   	top: 50px;
}
.foot-b{
	position: relative;
}
.foot-b:before{
	content: "";/*单引号双引号都可以，但必须是英文*/
    width: 1px;
    height: 120px; /*下划线高度*/
    background: #ededee; /*下划线颜色*/
    position: absolute;
   	right: 0;
   	top: 50px;
}
.foot-c{
	width: 110px;
	height: 110px;
	margin-top: 50px;
}

/*产品*/
.fon-cp{
	position: relative;
}
.fon-cpone{
	width: 1200px;
	font-size: 70px;
	color: #f1f1f1;
	font-weight: bold;
	position:absolute;
	top: 35%;
	text-align: center;
}
.fon-cptwo{
	width: 1200px;
	font-size: 34px;
	color: #333333;
	position:absolute;
	top: 35%;
	text-align: center;
}
.fon-cptwo:before{
	content: "";/*单引号双引号都可以，但必须是英文*/
    width: 66px;
    height: 5px; /*下划线高度*/
    background: #0d3582; /*下划线颜色*/
    position: absolute;
    top: 280%;
    left: 47.5%;
}
.llp-shou{
	width: 300px; 
	height: 398px;
	background-color: #f5f5f5;
	float: left;
	position: relative;
}
.llp-shou img{
	width: 300px;
	height: 286px;
	bottom: 0;
	right: -10%;
	position: absolute;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.llp-shou:hover img{
	transform: scale(1.1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.llp-shou:hover p{
	color: #FFFFFF;
}

.fon-al{
	position: relative;
}
.fon-alone{
	width: 1200px;
	font-size: 70px;
	color: #576178;
	font-weight: bold;
	position:absolute;
	top: 35%;
	text-align: center;
}
.fon-altwo{
	width: 1200px;
	font-size: 34px;
	color: #FFFFFF;
	position:absolute;
	top: 35%;
	text-align: center;
}
.fon-altwo:before{
	content: "";/*单引号双引号都可以，但必须是英文*/
    width: 66px;
    height: 5px; /*下划线高度*/
    background: #FFFFFF; /*下划线颜色*/
    position: absolute;
    top: 280%;
    left: 47.5%;
}

/* 本例子css */
		.anli-left{width: 1200px; margin: 0px auto; overflow:hidden; position:relative; }
		.anli-left .hd{  height:1px;  }
		.anli-left .hd .prev{
			position: absolute;
			top: 40%;
			left: 0;
			display:block;  
			width:20px; 
			height:40px; 
			float: left;
			cursor:pointer; 
			background: url(../images/zuo.png);
			}
		.anli-left .hd .next{ 
			position: absolute;
			top: 40%;
			right: 0;
			display:block;  
			width:20px; 
			height:40px; 
			float: right;
			cursor:pointer; 
			background: url(../images/you.png);
			}
		}
		.anli-left .hd .prevStop{ background-position:-60px 0; }
		.anli-left .hd .nextStop{ background-position:-60px -50px; }
		.anli-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.anli-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		.anli-left .hd ul li.on{ background-position:0 0; }
		.anli-left .bd{ margin-left: 22px; }
		.anli-left .bd ul{overflow:hidden; zoom:1; }
		.anli-left .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.anli-left .bd ul li .pic{
			position: relative; 
			text-align:center; 
			}
		.anli-left .bd ul li .pic img{ width:350px; height:247px; display:block;}
		.anli-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.anli-left .bd ul li .title{
			text-align: center;
			color: #FFFFFF;
			position: absolute;
			bottom: 0; 
			height: 50px; 
			line-height: 50px; 
			background-color: rgba(0,0,0,0.6);
			width: 350px;
			}
		.anli-left .bd ul li .title a{
			
			color: #FFFFFF;
			
			}
			
.xl img{
	width: 100%;
	height: 100%;
}
.xxs img{
	width: 100%;
	height: 100%;
}
.xxs{
	background-color: #FFFFFF;
}
.xxs:hover{
	background-color: #0d3582;
}
.xxs:hover p{
	color: #FFFFFF;
}
.tyc{
	width: 100%;
	display: table;
	
}
.tyc:hover{
	background: url(../images/zid.jpg); 
	background-size: cover;
}
.tyc:hover p{
	color: #FFFFFF;
}
.chanpin{
	margin-top: 80px;
	width: 260px; 
	height: 265px; 
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.zheying{
	width: 250px; 
	height: 265px; 
	position: absolute;
	top: 0; 
	left: 0;
	display: none;
	background-color: rgba(47,49,139,0.5);
	border: 2px solid #2f318b;
}
.xxcc{
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.xop:hover img{
	transform: scale(1.1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}


.zheyingtwo{
	width: 278px; 
	height: 278px; 
	position: absolute;
	top: 0; 
	left: 0;
	display: none;
	background-color: rgba(47,49,139,0.5);
	border: 2px solid #2f318b;
}
.ccp{
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.ccp:hover img{
	transform: scale(1.1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.ccp:hover .biansep{
	color: #2f318b;
}

#containet {
	position: relative;
	width: 1200px; 
	display: table;
	margin: 0px auto;
}
#pageMain{
	width: 100%;
	margin: 0px auto;
	display: table;
}
#pageMain li {
	width: 400px;
	float: left;
	margin-top: 10px;
}
#cont {
	position: relative;
	width: 1200px; 
	display: table;
	margin: 0px auto;
}
#pagec{
	width: 100%;
	margin: 0px auto;
	display: table;
}
#pagec li {
	width: 400px;
	float: left;
	margin-top: 10px;
}
.olp{
	width: 382px;
	height: 320px;
	overflow: hidden;
	position: relative;
}
.xsxa{
	width: 382px;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(47,49,139,0.5);
	border: 2px solid #2f318b;
	display: none;
}
#pageMain li:hover .xsxa{
	display: block;
}
#pageMain li:hover p{
	color: #2f318b;
}
#pagec li:hover .xsxa{
	display: block;
}
#pagec li:hover p{
	color: #2f318b;
}
.olp img{
	height: 100%;
}
.olpp p{
	float: left;
	width: 382px;
	text-align: center;
	padding-top: 30px;
	font-size: 16px;
}
#pageBox {
	padding-top: 60px;
	padding-bottom: 110px;
	width: 1200px;
	text-align: center;
}
#pageBox span {
	display:inline-block;
	width:60px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#333;
}
#pageNav {
	display:inline-block;
}
#pageNav a {
	display:inline-block;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	background:#CCCCCC;
	margin-left: 8px;
	border-radius: 5px;
}
#pageNav a.active,#pageNav a:hover {
	background:#2f318b;
	color:#EFEFEF;
}
#prev:hover {
	cursor:pointer;
}
#next:hover {
	cursor:pointer;
}
.tb{
	
	margin-top: 32px;
	width: 155px;
	height: 45px;
	border: 1px solid #CCCCCC;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
	float: left;
}
.tb:hover{
	background-color: #2f318b;
	color: #FFFFFF;
}
.bg{
	width: 222px; 
	height: 288px; 
	margin-left: 20px; 
	border: 1px solid #000000; 
	float: left;
	margin-top: 20px;
}

.tbc{
	
	margin-top: 32px;
	width: 157px;
	height: 45px;
	border: 1px solid #CCCCCC;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
	float: left;
}
.tbc:hover{
	background-color: #2f318b;
	color: #FFFFFF;
}
.xxllx{
	width: 180px;
	border: 0px;
	margin-left: 0px;
	height: 40px;
	float: right;
}
.xxlx{
	width: 40px;
	margin-left: 0px;
	height: 40px;
	float: right;
	cursor: pointer;
}
.zenggao{
	width:100%;
	height:80px
}

/* 本例子css */
		.xiol{ 
			position:relative;   
		}
		.xiol .hd{
			height:1px;
			position: relative;
		}
		.xiol .hd .prev,
		.xiol .hd .next{ 
			display:block;  
			width:46px; 
			height:46px;
			margin-top:12%;
			cursor:pointer; 
		}
		.xiol .hd .prev{
			background: url(../images/plus/prev.png);
			float: left;
			margin-left: -4%;
		}
		.xiol .hd .next{ 
			background: url(../images/plus/next.png);
			float: right;
			margin-right: -4%;
		}
		.xiol .hd .prevStop{ 
			background-position:-60px 0; 
		}
		.xiol .hd .nextStop{ 
			background-position:-60px -50px; 
		}
		.xiol .bd{}
		.xiol .bd ul{ overflow:hidden; zoom:1; }
		.xiol .bd ul li{ 
			margin:0 8px; 
			float:left; 
			_display:inline; 
			overflow:hidden; 
			text-align:center;  
			height: 370px;
			border: 1px solid #ddd;
		}
		.xiol .bd ul li .pic{ text-align:center; overflow: hidden;}
		.xiol .bd ul li .pic img{ 
			width:280px; 
			height:280px;
			display:block;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			-moz-transition: 0.5s;
			transition: 0.5s;
		}
		.xiol .bd ul li .pic a:hover img{ 
			transform: scale(1.1);
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			-moz-transition: 0.5s;
			transition: 0.5s;
		}
		.xiol .bd ul li .title{ 
			height: 90px;
			width: 280px;
			font-weight: bold;
			font-size: 18px;
			line-height: 80px;
			position: relative;
			text-align: center;
		}
		.xiol .bd ul li .title:after{
			content: "";
			position: absolute;
			right: 0;
			top: 0;
			width: 0px;
			height: 3px;
			background-color: #005ad2;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			-moz-transition: 0.5s;
			transition: 0.5s;
		}
		.xiol .bd ul li:hover .title:after{
			content: "";
			position: absolute;
			right: 0;
			top: 0;
			width: 100%;
			height: 3px;
			background-color: #005ad2;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			-moz-transition: 0.5s;
			transition: 0.5s;
		}
		.xiol .bd ul li .title a{
			color: #005ad2;
			font-size: 18px;
		}