﻿

@media (min-width:1680px) and (max-width:1920px){
	
	
.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; width:100%; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:98%; text-align:left; line-height:46px; padding-left:40px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:16px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}


.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}

.selected-solution .layer-title{color:#082f63;padding:0 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}


.il_btn{ width:55%; position:absolute; margin-top:500px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}


}


@media (min-width:1600px) and (max-width:1680px){
	.ipro .pleft li{ width:100%; text-align:left; line-height:40px; padding-left:30px;}
			header .top{ width:32%; float:right; height:auto}	
	nav{ width:75%; height:auto; float:right; height:120px;}
.nav{height:38px; margin:35px 0 0 8%; float:left; width:85%;}
.nav li{height:38px;text-align:center;width:14%;float:left; margin-right:2%;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#000;height:38px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li:nth-child(6n){margin-right: 0}
.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:16px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; width:100%; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:98%; text-align:left; line-height:44px; padding-left:25px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:16px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.il_btn{ width:55%; position:absolute; margin-top:500px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}

.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}

.selected-solution .layer-title{color:#082f63;padding:0 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}


	
}


@media (min-width:1440px) and (max-width:1600px){
	.ipro .pleft li{ width:100%; text-align:left; line-height:40px; padding-left:30px;}
			header .top{ width:32%; float:right; height:auto}	
	nav{ width:75%; height:auto; float:right; height:120px;}
.nav{height:38px; margin:35px 0 0 8%; float:left; width:85%;}
.nav li{height:38px;text-align:center;width:14.7%;float:left; margin-right:2%;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#000;height:38px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li:nth-child(6n){margin-right: 0}

.il_btn{ width:55%; position:absolute; margin-top:540px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}

.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; width:100%; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:98%; text-align:left; line-height:40px; padding-left:20px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:16px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}

.selected-solution .layer-title{color:#082f63;padding:0 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}


	
}

@media (min-width:1366px) and (max-width:1440px){
	.wp1540{ width:90%; margin:0 auto; }
	.ipro .pleft li{ width:85%; text-align:left; line-height:40px; padding-left:40px;}
			header .top{ width:33.5%; float:right; height:auto}	
	nav{ width:75%; height:auto; float:right; height:120px;}
.nav{height:38px; margin:35px 0 0 8%; float:left; width:85%;}
.nav li{height:38px;text-align:center;width:14.8%; margin-right:2%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#000;height:38px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li:nth-child(6n){margin-right: 0}

.il_btn{ width:55%; position:absolute; margin-top:540px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}

.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; width:100%; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:98%; text-align:left; line-height:40px; padding-left:20px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:14px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}

.selected-solution .layer-title{color:#082f63;padding:0 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}


	
}

@media (min-width:1360px) and (max-width:1366px){
	.wp1540{ width:90%; margin:0 auto; }
	.ipro .pleft li{ width:85%; text-align:left; line-height:40px; padding-left:30px;}
		header .top{ width:30%; float:right; height:auto}	
	nav{ width:75%; height:auto; float:right; height:120px;}
.nav{height:38px; margin:35px 0 0 8%; float:left; width:85%;}
.nav li{height:38px;text-align:center;width:15.5%; margin-right:1%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#000;height:38px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li:nth-child(6n){margin-right: 0}


.il_btn{ width:55%; position:absolute; margin-top:540px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}


footer .fpro li{ float:left; width:46%; margin-right:8%; line-height:26px;}
footer .fleft{ width:18%; height:220px; background:url(../images/line.jpg) right 40px no-repeat; float:left;}
footer li:nth-of-type(2n){ margin-right: 0;}


.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:85%; text-align:left; line-height:40px; padding-left:30px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:16px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}



}

@media (min-width:1280px) and (max-width:1360px){
	.wp1540{ width:90%; margin:0 auto; }
	.ipro .pleft li{ width:85%; text-align:left; line-height:40px; padding-left:30px;}
	header .top{ width:30%; float:right; height:auto}	
	nav{ width:75%; height:auto; float:right; height:120px;}
.nav{height:38px; margin:35px 0 0 8%; float:left; width:85%;}
.nav li{height:38px;text-align:center;width:15.5%; margin-left:1%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#000;height:38px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li:nth-child(6n){margin-right: 0}
footer .fpro li{ float:left; width:47%; margin-right:5%; line-height:26px;}
footer .fleft{ width:18%; height:220px; background:url(../images/line.jpg) right 40px no-repeat; float:left;}
footer li:nth-of-type(2n){ margin-right: 0;}
footer .fcall{ width:29%; height:220px; background:url(../images/fmap.png) no-repeat; float:left; margin-left:40px; padding-left:20px;}


.il_btn{ width:55%; position:absolute; margin-top:540px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}


.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; width:100%; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:98%; text-align:left; line-height:40px; padding-left:20px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:14px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}

.selected-solution .layer-title{color:#082f63;padding:0 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}




}
@media (min-width:1200px) and (max-width:1280px){
	.ipro .pleft li{ width:85%; text-align:left; line-height:40px; padding-left:30px;}
	.wp1540{ width:90%; margin:0 auto; }
	#logo { padding:0; margin:0; float:left; width:30%;}
header .top{ width:32%; float:right; height:auto}	
nav{ width:68%; height:auto; float:right; height:120px;}
.nav{height:38px; margin:35px 0 0 8%; float:left; width:85%;}
.nav li{height:38px;text-align:center;width:16.4%; float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:38px;color:#000;height:38px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover1.png) no-repeat;}
.nav li:nth-child(6n){margin-right: 0}



.il_btn{ width:55%; position:absolute; margin-top:540px;}
.il_btn .il_a{display:block;width:20%;height:175px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{width:100%; margin-top:20px;}
.il_btn .il_a .a_txt i{display:block;height:70px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center;}
.il_btn .il_a .a_txt p{margin:0;font-size:16px;height:20px;line-height:20px;color:#000;text-align:center;margin-top:33px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center;}
.il_btn .il_a.on .a_txt p{color:#FFF;}


.ipro{ width:80%; height: auto; margin:0 auto; }
.ipro .pleft{ width:20%; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; width:100%; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:98%; text-align:left; line-height:40px; padding-left:20px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:14px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.ipro .pright{ width:79%; float:right; margin-top:20px;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:31.6%;float:left;margin-right:1.6%;}
.ipro .pright li:nth-child(3n+1){margin-left:right;}
.ipro .pright li .p_img{width:99.3%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:99.2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}

.selected-solution .layer-title{color:#082f63;padding:0 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}


}

@media (min-width:1199px){
	#waptop ,.erweima_box ,#menu22016,#footer_phone ,.wap{display: none!important;}
	.dis ,.i-ban ,.icase{display:none}
}

/*手机版*/
@media (max-width:991px){
#top ,.pc ,.head ,header ,.pc{ display:none;}
.wap{ display:block}
.wp1200{ width:100%; margin-top:48px;}
.logo-box ,.zyw ,.head-icon ,.menu ,.left ,.location_nav{ display:none;}

#waptop {height: 48px}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #000}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #000;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #222}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #fff;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #fff;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 10px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../images/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(../images/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../images/icon-call.png) no-repeat center center;background-size: 80%}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.6rem;
    margin: 0 .5em;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    opacity: .2;
}



.ipro{ width:100%; height: auto; margin:0 auto; }
.ipro .pleft{ width:305px; float:left; background:url(../images/list.jpg) no-repeat; height:830px;position: relative;top:-82px; z-index:99; display:none}
.ipro .pleft .ptext{ background:#0e3971; width:100%; height:167px; line-height:45px; text-align:center}
.ipro .pleft .ptext h2{ font-size:32px; color:#FFFFFF; line-height:28px; padding-top:50px; font-weight:normal;}
.ipro .pleft .ptext p{ font-size:14px; color:#FFFFFF}
.ipro .pleft ul{ margin-top:30px; float:left;padding-bottom:30px;}
.ipro .pleft li{ width:85%; text-align:left; line-height:40px; padding-left:80px;}
.ipro .pleft li a{ color:#FFFFFF; font-size:16px;}
.ipro .pleft li a:hover{ color:#FF0004}
.ipro .pleft .more{ float:left;}
.ipro .pleft .more a{ color:#FFFFFF; font-size:16px; padding-left:80px;}
.ipro .pleft .more a:hover{ color:#FF0000}

.ipro .pright{ width:98%; float:right; margin-top:20px; margin: 0 1%;}
.ipro .pright span{ float: right; text-align:right; width:100%; padding-right:26px; display:none;}
.ipro .pright span a{ color:#000000; font-size:16px;}
.ipro .pright span a:hover{ color:#3399ff;}
.ipro .pright li{background:#FFF;margin-top:20px;width:32%;float:left;margin-right:2%;}
.ipro .pright li:nth-child(3n){ margin-right:0;}
.ipro .pright li .p_img{width:97%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.ipro .pright li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.ipro .pright li .p_img img:hover{transform:scale(1.1);}
.ipro .pright li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 0; width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipro .pright li p a{color:#666;}


.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:595px; display:none}
.selected-solution>div{position:relative;width:100%;margin:0 auto}
.selected-solution .swiper-container{height:535px;width:100%}
.selected-solution .layer-title{color:#082f63;padding:50px 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}
.selected-solution p{ text-align:center; font-size:14px; margin-bottom:40px;}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:100%;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{height: auto}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height: auto;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height: ;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(/fonts/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(/fonts/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(/fonts/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(/fonts/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}



.set03{ width:100%; background:#ececec; height: 1020px; padding:0 2% 0 2%; margin-top:5%}
.set03 .iabout{ width:100%; height:auto; float:left; padding:60px 5% 3% 0; }
.set03 .iabout h1{ font-size:1.2rem; color:#ada9a6; line-height:35px;}
.set03 .iabout h2{ font-size:1.1rem; color:#232323; margin-bottom:16px;}
.set03 .iabout p{ line-height:32px; font-size:14px;}
.set03 .iabout .more{ width:40%; float:left; margin-top:20px; margin-bottom:4%}
.set03 .iabout .more a{ color:#3399ff; padding:6% 26px; border:1px solid #3399ff}

.set03 video{ width:103%; float:left; padding:3% 3% 3% 0}

.il_btn{margin-top:43px; width:100%;}
.il_btn .il_a{display:block;width:22%;height:90px;background:#E0E0E0;position:relative;float:left;margin-left:10px;display:block;cursor:pointer;}
.il_btn .il_a:first-child{margin-left:0;}
.il_btn .il_a .a_txt{position:absolute;width:100%;top:50%;transform:translateY(-50%);left:0;}
.il_btn .il_a .a_txt i{display:block;height:30px;}
.il_btn .il_a .a_txt i.icon1{background:url(../images/conpany_icon1.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a .a_txt i.icon2{background:url(../images/conpany_icon2.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a .a_txt i.icon3{background:url(../images/conpany_icon3.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a .a_txt i.icon4{background:url(../images/conpany_icon4.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a .a_txt p{margin:0;font-size:1rem;height:20px;line-height:20px;color:#000;text-align:center;margin-top:13px;}
.il_btn .il_a:hover{background:#0e3971;}
.il_btn .il_a:hover .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a:hover .a_txt i.icon2{background:url(../images/conpany_icon2_hover.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a:hover .a_txt i.icon3{background:url(../images/conpany_icon3_hover.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a:hover .a_txt i.icon4{background:url(../images/conpany_icon4_hover.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a:hover .a_txt p{color:#FFF;}

.il_btn .il_a.on{background:#0e3971;}
.il_btn .il_a.on .a_txt i.icon1{background:url(../images/conpany_icon1_hover.png) no-repeat center center; background-size: 50%;}
.il_btn .il_a.on .a_txt p{color:#FFF; font-size:1rem;}


.news{ width:96%; margin:0 2%; margin-top:30px; margin-bottom:40px;}
.news h2{ font-size:1.2rem; color:#082f63; text-align:center}
.news p{ font-size:1rem; margin-bottom:30px; color:#000000; text-align:center}
.news ul{ width:100%; margin:0 auto; height:auto}
.news li{ float:left; width:100%; height:auto; margin-right:5%; margin-bottom:2%;}

.news li .pic { overflow:hidden; }
.news li .pic img { transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.news li .pic img:hover { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }

.news li .text{ width:100%; margin-top:8px; height:auto; border-top:none; padding:0;}
.news li .text h3{ font-size:1rem; color:#232323; margin-bottom:12px; font-weight:normal;}
.news li .text p{ color:#666666; font-size:1rem; margin-bottom:12px; text-align:left;}
.news li .text em{ color:#666666; font-size:1rem; font-style:normal;}
.news li .text em span{ float:right;}
.news li .text em span a{}
.news li .text em span a:hover{ color:#3399ff}
.news li:nth-of-type(3n){ margin-right: 0;}


footer{ width:100%; height: auto; background:#082f63; padding:40px 0 20px; margin-top:30px;}	
footer .fleft{ width:100%; height:220px; background:url(../images/line.jpg) right 40px no-repeat; float:left; display:none}
footer .fpro{ width:100%; height:250px; background:url(../images/line.jpg) right 40px no-repeat; float:left; margin-bottom:5%;}
footer .fpro h2{ font-size:1rem; color:#efefef; margin-left:9%; border-bottom:3px solid #3399ff; text-align:center; width:70px; padding-bottom:8px;}
footer .fpro ul{ margin-top:16px; margin-left:4%; margin-right:20px; width:100%;}
footer .fpro li{ float:left; width:45%; margin-right:8%; line-height:26px;}
footer .fpro li a{ color:#FFFFFF; font-size:1rem;}
footer .fpro li a:hover{ color:#FF0000}
footer li:nth-of-type(2n){ margin-right: 0;}

footer .fab{ width:22%; height:220px; background:url(../images/line.jpg) right 40px no-repeat; float:left; margin-left:30px;}
footer .fab h2{ font-size:1rem; color:#efefef; border-bottom:3px solid #3399ff; text-align:center; width:70px; padding-bottom:8px;}
footer .fab ul{ margin-top:16px;}
footer .fab li{ float:left; width:100%; line-height:30px;}
footer .fab li a{ color:#FFFFFF; font-size:1rem;}
footer .fab li a:hover{ color:#FF0000}

footer .fcall{ width:60%; height:220px; background:url(../images/fmap.png) no-repeat; float:right; margin-left:3%; padding-left:0;}
footer .fcall h2{ font-size:1.1rem; color:#efefef; border-bottom:3px solid #3399ff; text-align:center; width:70px; padding-bottom:8px;}
footer .fcall ul{ margin-top:16px; width:95%; float:left;}
footer .fcall li{ float:left; width:100%; line-height:22px; color:#FFFFFF; padding-left:20px;}
footer .fcall li.tel{ background:url(../images/ico2.png) no-repeat 0 6px;}
footer .fcall li.fax{ background:url(../images/ico2.png) no-repeat 0 -12px;}
footer .fcall li.emial{ background:url(../images/ico2.png) no-repeat 0 -32px;}
footer .fcall li.add{ background:url(../images/ico2.png) no-repeat 0 -50px;}
footer .fcall li.web{ background:url(../images/ico2.png) no-repeat 0 -102px;}

footer .fcall .wx{ width:100px; float:left; margin-top:20px; display:none}
footer .fcall .wx p{ text-align:center; color:#FFFFFF; line-height:35px;}
footer .fcall .wx img{ width:100px; height:auto}
	
.bottom{ background:#06254e; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#FFFFFF; display:none}
.bottom a{ color:#FFFFFF; font-size:14px;}	
.bottom a:hover{ color:#ff0000;}	

#nbanner { position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}

.wp1540{ width:100%; height: auto;}

/*phonefooter*/
#footer_phone{ background: #015185; position: fixed; bottom: 0; width: 100%; left: 0; height: 40px; line-height: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 10000;}
#footer_phone a { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; float: left; display: block;
    /*text-align: center;*/ background-repeat: no-repeat; background-position: 13% center; padding-left: 12%;font-size: 12px;color: #fff;}
#footer_phone a:first-of-type {background-image: url("../images/fot_sy.png");padding-left: 15%;background-position-x: 27%;}
#footer_phone a:nth-of-type(2) { background-image: url("../images/fot_ly.png");}
#footer_phone a:last-of-type { border-right: 0;background-image: url("../images/fot_zx.png");background-position-x: 36%;padding-left: 17%;}


.xq_crumbs{background:url(../images/position.png) no-repeat left 18px;background-size:auto 12px;line-height:20px; margin:0 2% 2% 2%;border-bottom: 1px solid #E0E0E0; font-size:14px; padding:15px 0 15px 20px;}
.xq_nav{font-size:0; width: 96%;margin:5% 2% 2% 2%;    display: table;background:#eeeeee }
.xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 3%;text-align:center;position:relative;font-size:1rem;background:#eeeeee;border-right: 1px solid #FFF;}
.xq_nav a.on{background:#f16601;color:#FFF;}
.xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f16601;display:block;}

.abtext{ width:96%; margin:0 2%; float:left; margin-bottom:40px;}
.abtext .sub_title{height:70px;line-height:70px;position:relative;margin:0 0 25px 0;font-size:26px;font-weight:bold;color:#323f48;text-align:center;}
.abtext .sub_title:after{content:'';width:53px;height:3px;background:#f16601;position:absolute;left:50%;margin-left:-26px;bottom:-3px;}
.abtext p{ line-height:30px; font-size:14px;}


.ex_news {clear: both;overflow: hidden;width: 94%; margin:30px 3%;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 0 ; width:100%;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto; padding-bottom:5%;margin-bottom: 20px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 30%;height: auto;background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 105px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 65%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left:3%;}
.ex_news ul li .ex_news_info h2{ font-size:1.2rem;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.1rem;display: block;width: 100%;padding-bottom: 10px;color: 666;}
.ex_news ul li .ex_news_info span{ float:left; width:100%; color:#888888;}
.ex_news ul li .ex_news_info p {height: 50px; float:left;line-height: 25px; width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem;}
.ex_news ul li .ex_news_date { border:1px solid #c3c3c3; width:100px; float:left; margin-left:3%; text-align:center; padding:4px 0; margin-top:4px;}
.ex_news ul li:hover a {color: #015185;}
.ex_news ul li:hover .ex_news_info { color:#015185;}
.ex_news ul li:hover .ex_news_date font {color: #015185; }
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 38px 0px 0 0px; width:100%; height:40px;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 1rem; width: 100%; float: left; text-align: left; margin-bottom:3%}
.prevnext .next { font-size: 1rem; width: 100%; float: left; text-align: left; }


.product_li{ width:96%; float:right; margin:5% 2%}
.product_li li{background:#FFF;margin-bottom:20px;width:48.5%;float:left;margin-right:1.5%;}
.product_li li:nth-child(2n){margin-left:0;}
.product_li li .p_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.product_li li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.product_li li .p_img img:hover{transform:scale(1.1);}
.product_li li p{margin:0;line-height:43px;color:#666; width:99.7%;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_li li p a{color:#666;}


.contact{ width:96%; margin:2% 2%; float:left; }
.contact p img{ width:100%; height:auto}
.contact_feedback{width:100%;background:url(../images/contactfeedbackbg.jpg) no-repeat center top;background-size:cover;padding-bottom:30px;}
.contact_feedback .contact_fcontent{padding-top:1px;}
.contact_feedback .contact_fcontent .c_title{margin-top:30px;color:#fff;margin-top:30px;text-align:center;}
.contact_feedback .contact_fcontent .c_title p{margin-bottom:23px;font-size:24px;position:relative;}
.contact_feedback .contact_fcontent .c_title p:after{content:"";position:absolute;bottom:-9px;left:50%;width:38px;height:1px;margin-left:-19px;background:#FFF;}
.contact_feedback .contact_fcontent .c_title span{display:inline-block;line-height:2.1;font-size:16px;color:#fff;}
.contact_feedback .c_form{margin-top:26px;text-align:center;}
.contact_feedback .c_form1{}
.contact_feedback .c_form1 input{margin:0;width:88%;height:49px;border:1px solid #afafb1;margin-top:22px;padding:0 15px;color:#fff;outline:none;background:none;}
.contact_feedback .c_form1 input:first-child{margin-top:0;}
.contact_feedback .c_form2{}
.contact_feedback .c_form2 textarea{width:91%; margin-top:20px;height:191px;border:1px solid #afafb1;padding:15px;color:#fff;float:right;background:none;outline:none;resize:none;}
.contact_feedback .btn{background:#f16601;color:#fff;border-radius:5px;padding:0 25px;height:49px;font-size:1.2rem;text-align:center;margin-top:22px;outline:none;width:50%;}
.col-lg-6 {width: 98%; float:left;}

.menu_list{ float: left; width:96%; margin:2%; height:auto;}
.menu_head{width:95%px;height:47px;line-height:47px;padding-left:38px;font-size:14px;color:#525252;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:95%px;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width:100%;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}




.download-list { float:left; width:97%; margin-left:2%;}
    
.download-list  .title{
    width: 70%;
    height:45px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 45px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 0;
}
.download-list  .extend1{
    width: 29%;
    height: 45px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 45px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 2px
}


.download-list  .extend1 a{ background:url(../images/download.png) no-repeat right 10px; width:98%; height:36px; display:block; padding:12px 50px;}
.download-list  .extend1 a:hover{background-image:url(../images/down_hover.png); width:98%; height:36px;}




.download-list  .extend1 img{width:100%;}
.download-list  .detail{
    width: 65px;
    height: 70px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 1px;
    color: #232323;
    text-align: center;
    line-height: 70px; }

.download-list  .detail a{ color: #232323;}
.download-list li{ border:none;}
.download-list p{  margin: 0!important;}
.download-list  ul{ width: 100%;  overflow: hidden;}
.download-list  ul li:nth-child(2n+1) .title{ background-color: #f1f1f1;}
.download-list  ul li:nth-child(2n+1) .extend1{ background-color: #f1f1f1;}
.download-list  ul li:nth-child(2n+1) .detail{ background-color: #c1fff9;}
.download-list  ul li:nth-child(2n) .title{ background-color: #ffffff;}
.download-list  ul li:nth-child(2n) .extend1{ background-color: #ffffff;}
.download-list  ul li:nth-child(2n) .detail{ background-color: #baf4ff;}



 
    * {  -webkit-box-sizing: border-box;}
    
    

  /*产品页面修改*/
 .neiright div:nth-child(1){
    width: 30%;
    height: 39px;
    background-color: #0095cf;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    margin-right: 2px;
 }


 .neiright div:nth-child(2){
    width: 68%;
    height: 39px;
    background-color: #0095cf;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-right: 2px;
 }

  .neiright div:nth-child(3){
    width: 65px;
    height: 110px;
    background-color: #2d948a;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
  }

  .page-wrap-left{
    margin-right:28px!important;
  }


.xypg-product-list { float:left; width:97%; margin-left:2%; margin-top:2%}
    
.xypg-product-list  .title{
    width: 30%;
    height:110px;
    font-family: MicrosoftYaHei;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 28px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 2px;
}
.xypg-product-list  .extend1{
    width: 68%;
    height: 110px;
    font-family: MicrosoftYaHei;
    font-size:1rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 28px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 2px
}
.xypg-product-list  .extend1 img{width:100%;}
.xypg-product-list  .detail{
    width: 65px;
    height: 70px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 1px;
    color: #232323;
    text-align: center;
    line-height: 70px; }

.xypg-product-list  .detail a{ color: #232323;}
.xypg-product-list li{ border:none;}
.xypg-product-list p{  margin: 0!important;}
.xypg-product-list  ul{ width: 100%;  overflow: hidden;}
.xypg-product-list  ul li:nth-child(2n+1) .title{ background-color: #f1f1f1;}
.xypg-product-list  ul li:nth-child(2n+1) .extend1{ background-color: #f1f1f1;}
.xypg-product-list  ul li:nth-child(2n+1) .detail{ background-color: #c1fff9;}
.xypg-product-list  ul li:nth-child(2n) .title{ background-color: #fff;}
.xypg-product-list  ul li:nth-child(2n) .extend1{ background-color: #fff;}
.xypg-product-list  ul li:nth-child(2n) .detail{ background-color: #baf4ff;}








/*产品页面修改*/
 .nei div:nth-child(1){
    width: 99.1%;
    height: 39px;
    background-color: #0095cf;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left; padding-left:2%;
    font-weight: bold;
    margin-right: 2px;
 }


 .nei div:nth-child(2){
    width: 69%;
    height: 39px;
    background-color: #2d948a;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-right: 2px;
 }

  .nei div:nth-child(3){
    width: 65px;
    height: 39px;
    background-color: #2d948a;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
  }



.recom_list{width: 96%;overflow: hidden; margin-top:10px; float:right; margin:2% 2%;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 10px 10px 20px 10px;width:49%; margin-right:2%;  height: auto; margin-bottom:3%;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:40px; overflow: hidden; height:30px; font-size:1.1rem;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}
.recom_list li:nth-of-type(2n){ margin-right: 0;}



/*proinfo*/
.proinfo{padding:20px 0;}
.pi_top{}
.pi_top .pi_top_left{width:100%;float:left;}
.pi_top .pi_top_left .pil_img{width:100%;padding-bottom:75%;position:relative;}
.pi_top .pi_top_left .pil_img img{width:100%;height:100%;position:absolute;left:0;top:0;display:block;object-fit:cover;border:1px solid #DBDBDB;}
.pi_top .pi_top_right{width:96%;float:left;padding-top:15px; margin-left:3%}
.pi_top .pi_top_right h1{margin:0;font-size:26px;height:auto;line-height:40px;color:#333;}
.pi_top .pi_top_right em{display:inline-block;color:#777;height:30px;line-height:30px;font-style:normal;}
.pi_top .pi_top_right i{display:block;width:100%;height:1px;background:#DBDBDB;margin:10px 0;}
.pi_top .pi_top_right .pi_jianjie{}
.pi_top .pi_top_right .pi_jianjie p{margin:0;color:#666;line-height:30px;}
.pi_top .pi_top_right .pi_btn{padding-top:20px;text-align:left;font-size:0;-webkit-text-size-adjust:none;}
.pi_top .pi_top_right .pi_btn span{display:inline-block;background:#f16601;height:50px;line-height:50px;color:#FFF;padding:0 15px;font-size:1.2rem;margin-left:20px;border-radius:3px;}
.pi_top .pi_top_right .pi_btn span a{color:#FFF;display:block;width:100%;height:100%;}
.pi_top .pi_top_right .pi_btn span:first-child{margin-left:0;}
.pi_top .pi_top_right .pi_btn span:last-child{background:#ff9c00;}
.pi_center{margin-top:20px; overflow:hidden}
.pi_center .pi_left{width:100%;float:left;}
.pi_nav{font-size:0;-webkit-text-size-adjust:none;background:#DDD;}
.pi_nav span{display:inline-block;height:40px;line-height:40px;color:#FFF;width:120px;font-size:14px;text-align:center;cursor:pointer;background:#f16601;}
.pi_content{padding:20px 0 30px;}
.pi_content .pro_txt{font-size:15px;line-height:30px;}
.pi_content .pro_txt p{font-size:15px;line-height:30px;}
.pi_content .pro_txt h2{margin:0;font-size:20px!important;padding:10px 0;font-weight:bold;line-height:30px!important;}
.pi_content .pro_txt h3{margin:0;font-size:18px!important;margin:8px 0;font-weight:bold;line-height:28px!important;}
.pi_content .pro_txt h4{margin:0;font-size:16px!important;margin:6px 0;font-weight:bold;line-height:26px!important;}
.pi_content .pro_txt img{max-width:100%;height:auto;margin:0 auto;display:block;}
.pi_content .pro_txt table{border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;width:100%!important;}
.pi_content .pro_txt table td{border-right:1px solid #000;border-bottom:1px solid #000;padding:7px 0;}
.pi_content .pro_txt table td p{line-height:1.5!important;font-size:15px!important;}
.pi_content .pro_txt .p_iframe .p_ifr{width:100%;padding-bottom:75%;position:relative;}
.pi_content .pro_txt .p_iframe .p_ifr iframe{width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.fanye{list-style:none;border-top:1px dashed #cccccc;border-bottom:1px dashed #c2a9a4;padding-top:10px;padding-bottom:10px;margin-top:10px;}

#preview{ float:left; margin:0 2%; text-align:center; width:96%;}
.jqzoom{ width:100%; height: auto; position:relative;}
.jqzoom img{ border:1px solid #CCC; width:100%; height:auto}
.zoomdiv{ left:859px; height: auto; width:50%;}
.list-h li{ float:left;}
#spec-n5{width:100%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:80%; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:100%;height:100%;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:92%; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}

.tjcp{ display:none}





}



