body{
	margin: 0;
	padding: 0;
	background-image: url(../images/bgg.jpg);
	background-repeat:repeat;
	
}
ul,li,a,div,p,span,hr{
	margin: 0;
	padding: 0;
}
.xwzx a:nth-of-type(2) span{
	font-size: 1.06em !important;
}
.xwzx a:nth-of-type(2) p{
	font-size: 1.06em !important;
}
.ibody{
	overflow: hidden;
}

.ilanguage{
	background-color: #0A2C69;
	color: white;
	margin-right: 0;
	text-align: right;
	padding-right: 20%;
	z-index: 1;
}
.ilanguage a{
	display: inline-block;
	text-decoration: none;
	color: white;
	font-size: 0.9em;
	font-family:"Microsoft YaHei",微软雅黑;
	padding-right: 5px;
	padding: 10px 0;
}
.ilogo{
	position: absolute;
	top: 0;
	z-index: 10;
	overflow: hidden;
	width: 500px;
}
.ilogo img{
	width: 100%;
	height: auto;
}
ul li{
	list-style-type: none;
}
nav{
	overflow: hidden;
}
.ullist{
	padding-left: 40%;
}
.lilist{
	display: block;
	float: left;
	width: 12%;
	text-align: center;
	padding: 20px 0;

}
.lilist>a{
	text-decoration: none;
	color: #000000;
	font-family:"Microsoft YaHei",微软雅黑;
}
.lilist ul{
	display: none;
}
.sub-menu{
	background-image: url(../images/bgg.jpg);
	background-repeat:repeat;
	position: fixed;
	width: 7%;
	padding-bottom: 10px;
	z-index: 20;
}
.sub-menu a{
	font-size: 1em;
	text-decoration: none;
	color: #000000;
	font-family:"Microsoft YaHei",微软雅黑;
	display: block;
	text-align: center;
	padding: 10px 10px 0 10px;
}
.sub-menu a:hover{
	color: #0c3283;
}
.ibanner{
	width: 100%;
}
.ibanner img{
	width: 100%;
	height: auto;
}

hr{
	display: block;
	width: 300px;
	background-color: #2c5ab4;
	margin: 0 auto;
}
.desk{
	background-color: #2c5ab4;
}

/*
 * 产品展示
 */
.iproall{
	clear: both;
	display: block;
	height: 500px;
	padding-left: 100px;
}
.icarpro{
	position:relative;
}
.iinfoimg{
	padding: 0;
	margin: 0;
	display: block;
}
.ishow{
	width: 1050px;
	float: left;
	position: absolute;
	left: 330px;
	top: 0;
	display: none;
	padding-left: 50px;
}
.ilidiv{
	overflow: hidden;
	background-color: white;
	padding: 10px 0;
}
.iinfo{
	width: 330px;
	padding: 2px 0 0 0;
	float: left;
	position: absolute;
	left: 0;
	top: 50px;
}
.iproul{
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 3px solid #0B3077;
	border-top: 0;
}
.iproul li{
	float: left;
	width: 330px;
	border: 0;
	overflow: hidden;
	border-top: 2px solid #2C5AB4;
}
.iproul li:hover .ilidiv{
	background-color:#2C5AB4;
}
.iproul li:hover .ishow{
	display: block;
}
.cliimg{
	display: none;
}
.isa{
	display: block;
	float: left;
	padding-left: 30px;
	font-size: 1.2em;
	color: #0c3283;
	
}
.iproul li:hover .isa{
	color: white;
}
.iproul li:hover .cliimg{
	display: block;
	float: right;
	padding-right: 20px;
}

.icpzstop{
	overflow: hidden;
}
.icpzs{
	width: 430px;
	height: 500px;
	background-color: #0c3283;
	
}
.icpzsa,.icpzsb,.icpzsc{
	color: white;
	margin: 0;
	padding: 0;
	
}
.icpzsa{
	padding-top: 100px;
	padding-left: 36px;
}
.icpzsb{
	padding-top: 12px;
	padding-left: 36px;
}
.icpzsc{
	width: 60px;
	height: 5px;
	background-color: white;
	margin-top: 40px;
	margin-left: 36px;
}

.proimg{
	position: absolute;
	top: 80px;
	left: 30px;
	padding-left: 50px;
}

.ifirst img{
	display: block;
	float: left;
	width: 244px;
	height: 200px;
}
.ieqimg img{
	display: block;
	float: left;
	width: 225px;
	height: 192px;
	padding-left: 8px;
	padding-bottom: 8px;
}
.two{
	width: 1200px !important;
}
/*
 * 结束
 */


.iabout{
	position: relative;
	clear: both;
}
.iaboutimg{
	width: 100%;
	padding: 100px 0 0 0;
}
.iaboutimg img{
	width: 100%;
	height: auto;
}
.ideta{
	overflow: hidden;
	position: absolute;
	top: 57%;
	left: 37%;
	width: 6%;
}
.ideta a{
	display: block;
	width: 100%;
}
.ideta img{
	width: 100%;
	height: auto;
}




.icall{
	background-color: #0c3283;
	overflow: hidden;
	z-index: 1;
	margin: 100px 0;
	padding: 20px;
}
.icallall{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
.iser{
	overflow: hidden;
}
.iserbg{
	background-color: #2c5ab4;
	width: 530px;
	padding: 30px 0 30px 20px;
	z-index: 10;
	float: left;
}
.iserbg p{
	color: white;
	padding: 10px 0 0 0;
}
.iborder{
	border: 2px solid white;
	padding: 0px 0 30px 30px;
}
.iws{
	float: left;
	position: relative;
	left: -235px;
	top: 10px;
}
.ide{
	position: absolute;
	left: 344px;
	top: 50px;
}
.ierweima{
	position: absolute;
	left: 550px ;
	top: 0px;
	width: 134px;
}
.ierweima img{
	width: 100%;
	height: auto;
}


.iregard{
	width: 1330px;
	/*margin: 0 auto;*/
	background-color: #ECEBEC;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 100px;
	margin-left: 100px;
}
.iimg{
	width: 284px;
	height: 337px;
	float: left;
}
.iimg img{
	width: 100%;
	height: 100%;
}
.igywm,.inews{
	float: left;
	width: 460px;
	padding: 0 30px;
}
.inews{
	padding-right: 0;
}

.gytop,.xwtop{
	float: left;
	padding: 35px 0;
}
.gytop span,.xwtop span,.gymore span,.xwmore span{
	color: #0f3681;
	font-weight: bold;
}
.gytop span:nth-of-type(2),.xwtop span:nth-of-type(2){
	padding-left: 20px;
}
.gymore a,.xwmore a{
	text-decoration: none;
	display: block;
	height: 21px;
}
.gymore img,.xwmore img{
	vertical-align: middle;
	
}
.gymore span,.xwmore span{
	padding-left: 5px;
}
.gymore,.xwmore{
	float: right;
	padding: 35px 0;
}
.gycontent,.xwcontent{
	clear: both;
}
.ifgx{
	float: left;
	padding-top: 60px;
}
.igywm{
	position: relative;
}
.gycontent{
	height: 255px;
	overflow: hidden;
}
.gycontent:after{
	position: absolute;
	bottom: 3px;
	right: 30px;
	padding: 0 5px 0 0;
	content: '...';
	color: #787878;
	background-image: url(../images/ellipsis_bg.jpg);
}
.gycontent p{
	text-align: justify;
	font-size: 1em;
	line-height: 1.6em;
	color: #2b2d2c;
}
.xwdeta{
	padding: 15px 0 15px 0;
	overflow: hidden;
	border-bottom: 2px solid #8c8c8c;
}
.xwcontent{
	padding-top: 20px;
}
.xwdeta img{
	float: left;
	width: 120px;
	height: 74px;
}
.xwzx{
	float: left;
	height: 74px;
	width: 260px;
	position: relative;
	left: 20px;
}
.xwzx a{
	text-decoration: none;
	text-align: justify;
	display: block;
}
.xwzx a:nth-of-type(1){
	padding: 10px 0;
	color: #222222;
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xwzx a:nth-of-type(2){
	color: #808080;
	font-size: 0.8em;
	font-weight: 1.3em;
	padding-right: 10px;
	height: 34px;
	overflow: hidden;
}

.xwzx a:nth-of-type(2):after{
	position: absolute;
	bottom: -2px;
	right: 6px;
	padding: 0 10px 0 0;
	content: '...';
	color: #787878;
	background-image: url(../images/ellipsis_bg.jpg);
}

.iaddress{
	background-color: #0F3681;
}
.ilxfs{
	width: 1200px;
	margin: 0 auto;
}
.ilxfs div{
	display: inline-block;
	width: 230px;
	text-align: center;
	padding: 40px 0;
}
.ilxfs div:nth-of-type(1){
	width: 480px;
}
.ilxfs div span{
	color: white;
}
.ilxfs div img{
	vertical-align: middle;
}


.ibottom{
	background-color: #021D59;
	overflow: hidden;
}
.ibottomup{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.ibah span{
	color: white;
	padding-left: 100px;
}

.ibah,.intro{
	display: inline-block;
	padding: 20px 0;
	
}
.technical p{
	color:rgba(179, 179, 179, 0.8);
	text-align: center;
	font-size: 0.8em;
	padding: 0 0 15px 0;
}
.intro{
	padding-left:100px;
}
.intro a{
	text-decoration: none;
	color: white;
	padding-left: 10px;
}


.ibtn{
	position: absolute;
	top: 100px;
	left: 15px;
}
.ibtn a{
	display: block;
	text-decoration: none;
	color: #454545;
	font-size: 1.1em;
	background-color: #D2D2D1;
	width: 160px;
	padding: 10px;
	text-align: center;
	border-radius: 8px;
	margin-top: 20px;
}
.zurx{
	width: 148px;
	margin: 0 auto;
	padding-top: 30px;
}
.zurx p{
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}

.cliimg{
	display: none;
}
.ever{
	position: fixed;
	z-index: 1000;
	top: 30%;
	right: 10px;
}

.ifix {
	/*clear: both;
	left: 240px;*/
	position: fixed;
	z-index: 1000;
	top: 30%;
	right: 10px;
	display: none;
}

.kefu{
	float: right;
	position: relative;
	/*left: 230px;*/
}
.one {
	height: 420px !important;
}
@media screen and (min-width:781px) {
	body {
		min-width: 1200px;
	}
	.ilanguage {
		background-color: #0A2C69;
		color: white;
		margin-right: 0;
		text-align: right;
		padding-right: 20%;
		z-index: 1;
	}
	.gytop,
.xwtop {
	float: left;
	padding: 35px 0;
}

}

@media screen and (max-width:780px) {
	
.ibody {
	overflow: hidden;
}
.ilanguage {
		background-color: #0A2C69;
		color: white;
		margin-right: 0;
		text-align: right;
		padding-right: 10%;
		z-index: 1;
	}
.ilanguage a {
	display: inline-block;
	text-decoration: none;
	color: white;
	font-size: 0.9em;
	font-family: "Microsoft YaHei", 微软雅黑;
	padding-right: 5px;
	padding: 10px 0;
}

.ilogo {
	position: absolute;
	top: 0;
	z-index: 10;
	overflow: hidden;
	width: 340px;
}

.ilogo img {
	width: 100%;
	height: auto;
}

ul li {
	list-style-type: none;
}

nav {
	overflow: hidden;
}

.ullist {
	padding-left: 45%;
}

.lilist {
	display: block;
	float: left;
	width: 16.5%;
	text-align: center;
	padding: 5px 0;
}

.lilist>a {
	text-decoration: none;
	color: #000000;
	font-family: "Microsoft YaHei", 微软雅黑;
	font-size: 0.8em;
}

.lilist ul {
	display: none;
}

.sub-menu {
	background-image: url(../images/bgg.jpg);
	background-repeat: repeat;
	position: fixed;
	width: 10%;
	padding-bottom: 10px;
	z-index: 20;
}

.sub-menu a {
	font-size: 0.8em;
	text-decoration: none;
	color: #000000;
	font-family: "Microsoft YaHei", 微软雅黑;
	display: block;
	text-align: center;
	padding: 12px 0 0 0;
}

.sub-menu a:hover {
	color: #0c3283;
}

.ibanner {
	width: 100%;
}

.ibanner img {
	width: 100%;
	height: auto;
}

hr {
	display: block;
	width: 300px;
	background-color: #2c5ab4;
	margin: 0 auto;
}

.desk {
	background-color: #2c5ab4;
}


/*
 * 产品展示
 */

.iproall {
	clear: both;
	display: block;
	padding-left: 10px;
}
.iproall:nth-of-type(2) {
	height: 380px;
}
.one {
	height: 290px !important;
}

.icarpro {
	position: relative;
}

.iinfoimg {
	padding: 0;
	margin: 0;
	display: block;
	width: 200px;
	height: auto;
}

.ishow {
	width: 500px;
	float: left;
	position: absolute;
	left: 200px;
	top: 27%;
	display: none;
	padding-left: 25px;
}
.ieq img{
	display: block;
	width: 20%;
	height: auto;
	float: left;
}
.ieq a{
	display: block;
	float: left;
	width: 20%;
}
.ieq a img{
	width: 100%;
	height: auto;
}

.ilidiv {
	overflow: hidden;
	background-color: white;
	padding: 10px 0;
}

.iinfo {
	width: 200px;
	padding: 2px 0 0 0;
	float: left;
	position: absolute;
	left: 0;
	top: 50px;
}

.iproul {
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 3px solid #0B3077;
	border-top: 0;
}

.iproul li {
	float: left;
	width: 330px;
	border: 0;
	overflow: hidden;
	border-top: 2px solid #2C5AB4;
}

.iproul li:hover .ilidiv {
	background-color: #2C5AB4;
}

.iproul li:hover .ishow {
	display: block;
}

.cliimg {
	display: none;
}

.isa {
	display: block;
	float: left;
	padding-left: 15px;
	font-size: 1em;
	color: #0c3283;
}

.iproul li:hover .isa {
	color: white;
}

.iproul li:hover .cliimg {
	display: block;
	float: right;
	padding-right: 20px;
}

.icpzstop {
	overflow: hidden;
}

.icpzs {
	width: 430px;
	height: 280px;
	background-color: #0c3283;
}

.icpzsa,
.icpzsb,
.icpzsc {
	color: white;
	margin: 0;
	padding: 0;
}

.icpzsa {
	padding-top: 50px;
	padding-left: 10px;
}

.icpzsb {
	padding-top: 5px;
	padding-left: 10px;
}

.icpzsc {
	width: 60px;
	height: 5px;
	background-color: white;
	margin-top: 20px;
	margin-left: 10px;
}

.proimg {
	position: absolute;
	top: 50px;
	left: 50px;
	padding-left: 0;
}
.ifirst{
	overflow: hidden;
}
.ifirst img {
	width: 25%;
	height: 90px;
	display: block;
	float: left;
}
.ifirst a{
	display: block;
	float: left;
	width: 25%;
	overflow: hidden;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.ifirst a img{
	width: 100%;
	height: auto;
	display: block;
}
.isecond {
	clear: both;
}

.isecond img {
	width: 25%;
	height: auto;
	display: block;
	float: left;
}

.ieq {
	padding-top: 15px;
}
.ieqimg img{
	float: left;
	width: 16%;
	height: 82px;
}
.two{
	width: 600px !important;
}

/*
 * 结束
 */

.iabout {
	position: relative;
	clear: both;
}

.iaboutimg {
	width: 100%;
	padding: 80px 0 0 0;
}

.iaboutimg img {
	width: 100%;
	height: auto;
}

.ideta {
	overflow: hidden;
	position: absolute;
	top: 60%;
	left: 37%;
	width: 6%;
}

.ideta a {
	display: block;
	width: 100%;
}

.ideta img {
	width: 100%;
	height: auto;
}

.icall {
	background-color: #0c3283;
	overflow: hidden;
	z-index: 1;
	margin: 50px 0;
	padding: 20px;
}

.icallall {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	height: 150px;
}

.iser {
	overflow: hidden;
}

.iserbg {
	background-color: #2c5ab4;
	width: 50%;
	padding: 30px 0 30px 20px;
	z-index: 10;
	float: left;
}

.iserbg p {
	color: white;
	padding: 10px 0 0 0;
}

.iborder {
	border: 2px solid white;
	padding: 0px 0 30px 30px;
}

.iws {
	display: inline-block;
	float: left;
	position: relative;
	left: 170px;
	top: -140px;
	width: 380px;
}
.iwsimg{
	width: 100%;
	height: auto;
}

.ide {
	position: absolute;
	left: 303px;
	top: 50px;
}

.ierweima {
	position: absolute;
	left: 420px;
	top: 0px;
}

.iregard {
	width: 100%;
	background-color: #ECEBEC;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 20px;
	margin-bottom: 50px;
	margin-left: 0;
}

.iimg {
	width: 30%;
	height: auto;
	float: left;
}

.iimg img {
	width: 230px;
	height: 272px;
}

.igywm,
.inews {
	float: left;
	width: 30%;
	padding: 0 15px;
}

.inews {
	padding-right: 0;
}

.gytop,
.xwtop {
	display: block;
	/*padding: 35px 0;*/
}

.gytop span,
.xwtop span,
.gymore span,
.xwmore span {
	color: #0f3681;
	font-weight: bold;
}

.gytop span:nth-of-type(2),
.xwtop span:nth-of-type(2) {
	display: block;
	padding-left: 0;
	padding-top:5px
}

.gymore a,
.xwmore a {
	text-decoration: none;
	display: block;
	height: 21px;
}

.gymore img,
.xwmore img {
	vertical-align: middle;
}

.gymore span,
.xwmore span {
	padding-left: 5px;
}

.gymore,
.xwmore {
	float: right;
	padding:  0;
	position: relative;
	/*top: -45px;*/
	
}
.emore{
	position: relative;
	top: -30px;
}
.gycontent,
.xwcontent {
	clear: both;
}

.ifgx {
	float: left;
	padding-top: 30px;
}

.igywm {
	position: relative;
}

.gycontent {
	height: 230px;
	overflow: hidden;
	position: relative;
	top: -15px;
}

.gycontent:after {
	position: absolute;
	bottom: 3px;
	right: 0px;
	padding: 2px 5px 0 0;
	content: '...';
	color: #787878;
	background-image: url(../images/ellipsis_bg.jpg);
}

.gycontent p {
	text-align: justify;
	font-size: 1em;
	line-height: 1.6em;
	color: #2b2d2c;
	text-indent: 2em;
}

.xwdeta {
	padding: 15px 0 15px 0;
	overflow: hidden;
	border-bottom: 2px solid #8c8c8c;
	position: relative;
	top: -15px;
}

.xwcontent {
	padding-top: 0;
}

.xwdeta img {
	float: left;
	width: 40%;
	height: 74px;
}

.xwzx {
	float: left;
	height: 74px;
	width: 60%;
	position: relative;
	left:5px;
}

.xwzx a {
	text-decoration: none;
	text-align: justify;
	display: block;
}

.xwzx a:nth-of-type(1) {
	padding: 10px 0;
	color: #222222;
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xwzx a:nth-of-type(2) {
	color: #808080;
	font-size: 0.8em;
	font-weight: 1.3em;
	padding-right: 10px;
	height: 32px;
	overflow: hidden;
}

.xwzx a:nth-of-type(2):after {
	position: absolute;
	bottom: 0;
	right: 6px;
	padding: 0 10px 0 0;
	content: '...';
	color: #787878;
	background-image: url(../images/ellipsis_bg.jpg);
}

.iaddress {
	background-color: #0F3681;
}

.ilxfs {
	width: 100%;
	margin: 0 auto;
}

.ilxfs div {
	display: inline-block;
	/*width: 24%;*/
	text-align: center;
	padding: 20px 0;
}

.ilxfs div:nth-of-type(1) {
	width: 29%;
}
.ilxfs div:nth-of-type(2) {
	width: 26%;
}
.ilxfs div:nth-of-type(3) {
	width: 20%;
}
.ilxfs div:nth-of-type(4) {
	width: 23%;
}

.ilxfs div span {
	color: white;
	font-size: 0.8em;
}

.ilxfs div img {
	vertical-align: middle;
	width: 8%;
	height: auto;
}

.ibottom {
	background-color: #021D59;
	overflow: hidden;
}

.ibottomup {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.ibah span {
	color: white;
	padding-left: 10px;
	font-size: 0.8em;
}

.ibah,
.intro {
	display: inline-block;
	padding: 20px 0;
}

.technical p {
	color: rgba(179, 179, 179, 0.8);
	text-align: center;
	font-size: 0.8em;
	padding: 0 0 15px 0;
}

.intro {
	padding-left: 10px;
	font-size: 0.8em;
}

.intro a {
	text-decoration: none;
	color: white;
	padding-left: 10px;
}

.ever {
	position: fixed;
	z-index: 1000;
	top: 30%;
	right: 10px;
}

.ibtn {
	position: absolute;
	top: 100px;
	left: 15px;
}

.ibtn a {
	display: block;
	text-decoration: none;
	color: #454545;
	font-size: 1.1em;
	background-color: #D2D2D1;
	width: 160px;
	padding: 10px;
	text-align: center;
	border-radius: 8px;
	margin-top: 20px;
}

.zurx {
	width: 148px;
	margin: 0 auto;
	padding-top: 30px;
}

.zurx p {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}

.cliimg {
	display: none;
}
}