﻿.maximg{ width: 100%;}
.imgright{ float: right;}

.pubpath{ background: #f7f7f7; height: 50px; line-height: 50px;}
.pubpath .allbox{ position: relative;}
.pubpath .patbox{ background: url(../image/sy_05.png) no-repeat left center; padding-left: 15px;}
.pubpath .patbox a{ font-size: 12px; color: rgba(0, 0, 0, .85); background: url(../image/sy_06.png) no-repeat right center; padding: 0 7px 0 4px;}
.pubpath .patbox a:last-child{ color: #1d57a6; background: none;}

.pubpath .caseabox{ position: absolute; right: -30px; top: 0; z-index: 2;}
.pubpath .caseabox a{ font-size: 14px; color: rgba(0, 0, 0, .65); font-weight: bolder; padding: 0 30px; float: left; text-align: center;}
.pubpath .caseabox a:after{ content: ''; width: 0; height: 2px; background: #1d57a6; margin: -2px auto; display: block;}
.pubpath .caseabox a:hover:after,.pubpath .caseabox a.acted:after{ color: rgba(0, 0, 0, .85); width: 95%;}


.themt{ height: 36px; border-left: 2px solid #1d57a6; margin: 0 0 28px; padding-left: 5px;}
.themt .p1{ font-size: 18px; color: #1d57a6; font-weight: bolder; position: relative; top: -3px; }
.themt .p2{ font-size: 18px; color: rgba(0, 108, 255, .2);; font-weight: bolder; font-family: Arial; position: relative; top: -4px; text-transform: uppercase;}
.themt .p2 .sp1{ font-size: 14px; color: rgba(0, 0, 0, .8); float: right; font-weight: normal;}

.contbox{ overflow: hidden; }
.contbox .topimg{ 
	width: 100%; 
	height: 300px;
	background: url(../image/con_01.jpg) no-repeat center; 
	background-size: cover; 
	-webkit-background-size: cover;
	overflow: hidden; 
}


.banner{ width: 100%; height: 460px; position: relative; overflow: hidden; }
.banner .swiper-slide{ width: 100%; height: 460px; position: relative; overflow: hidden;}
.banner .swiper-slide a{ display: inline-block; width: 100%; height: 100%; }
.banner .nth-01{ background: url(../image/ban_01.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; }
.banner .nth-02{ background: url(../image/ban_01.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; }
.banner .nth-03{ background: url(../image/ban_01.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; }
.banner .prev,.banner .next{
	width: 34px; 
	height: 62px; 
	position: absolute; 
	top: 195px; 
	z-index: 1; 
	background: rgba(0, 0, 0, 0.3) url(../image/sy_03.png) no-repeat center; 
	cursor: pointer;
}
.banner .prev{ left: 0;}
.banner .next{ right: 0; background: rgba(0, 0, 0, 0.3) url(../image/sy_04.png) no-repeat center;}
.banner .prev:hover,.banner .next:hover{ background-color: rgba(0, 0, 0, 0.6);}



.pagination0{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 25px;
  z-index: 20;
  text-align: center;
}
.pagination0 .swiper-pagination-switch {
  display: inline-block;
  width: 25px;
  height: 6px;
  border-radius: 0;
  background: #fff;
  margin: 0 8px;
  cursor: pointer;
}
.pagination0 .swiper-active-switch{
  background: #1d57a6;
}

.pagination1{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  text-align: center;
}
.pagination1 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #b5b5b5;
  margin: 0 5px;
  cursor: pointer;
}
.pagination1 .swiper-active-switch{
  background: #2c59a5;
}


.sy_02{ height: 190px; overflow: hidden; padding-top: 28px;}
.sy_02 .ptit{ font-size: 14px; height: 34px; font-weight: bolder; color: rgba(0, 0, 0, 0.7); }
.ptit .amor{ float: right; font-size: 12px; color: rgba(0, 0, 0, 0.55); text-transform: uppercase; font-weight: normal;}
.sy_02 .ptit1{ border-bottom: 2px solid #e5e5e5; position: relative; }
.sy_02 .ptit1:after{
	width: 57px;
	height: 2px;
	background: #1d56a5;
	display: block;
	content: '';
	margin-top: 15px;
}

.sy_02 .dbox1{ width: 535px; overflow: hidden; float: left; margin-right: 40px;}
.sy_02 .dbox1 .p1{ font-size: 20px; color: rgba(0, 0, 0, 0.8); margin: 0 0 -3px;}
.sy_02 .dbox1 .p2{ font-weight: normal; color: rgba(0, 0, 0, 0.75); position: relative; left: -6.5%;}
.sy_02 .dbox1 .pbox{ font-size: 13px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-align: justify; margin-top: 20px; height: 72px; overflow: hidden;}


.sy_02 .dbox2{ width: 380px; overflow: hidden; float: left; }
.sy_02 .dbox2 .abox{ margin-top: 22px; height: 75px; overflow: hidden; }
.sy_02 .dbox2 .abox a{ display: block; height: 25px; line-height: 25px; font-size: 13px; color: rgba(0, 0, 0, 0.65);}
.sy_02 .dbox2 .abox .sp1{ width: 20%; float: left; overflow: hidden; }
.sy_02 .dbox2 .abox .sp2{ width: 78%; float: right; display: block;}


.sy_02 .dbox3{ width: 205px; overflow: hidden; float: right; }
.sy_02 .dbox3 .p1{ color: #1d56a5; font-size: 29px; margin: 3px 0 12px;}
.sy_02 .dbox3 .p2{ color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 18px;}
.sy_02 .dbox3 .p3{ padding-left: 36px; }


.sy_03{ height: 222px; background: #e0e2e4; overflow: hidden; }
.prolist{ height: 100%; background: #f7f7f7; overflow: hidden; }
.prolist .dli{ width: 25%; height: 100%; float: left; overflow: hidden; }
.prolist .dli .ptit{ height: 42px; line-height: 42px; font-size: 18px; color: rgba(0, 0, 0, 0.85); border-right: 1px solid #e0e2e4; position: relative; }
.prolist .dli .ptit .sp1{ font-size: 12px; color: rgba(0, 0, 0, 0.65); padding-left: 8px; }
.prolist .dli .ptit .bg2{
	width: 100%; 
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	padding-left: 10px;
}
.prolist .dli .ptit .bg1{
	width: 0; 
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	-webkit-opacity: 0;
	background: #1d57a6;
}

.prolist .dli .nrbox{ width: 100%; height: 180px; position: relative; overflow: hidden;}
.prolist .dli .nrbox .imgbox{ width: 100%; height: 100%; overflow: hidden; }
.prolist .dli .nrbox .imgbox img{ width: 100%; height: 100%; }
.prolist .dli .nrbox .bg{
	width: 100%; 
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -500px;
	z-index: 10;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-opacity: 0;
}
.prolist .dli .nrbox .pbox{
	height: 78px;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 20;
	font-size: 13px;
	color: #fff;
	line-height: 26px;
	padding: 0 30px;
	overflow: hidden;
	opacity: 0;
	-webkit-opacity: 0;
}

.prolist .dli.showed .ptit{ color: #fff;}
.prolist .dli.showed .ptit .sp1{ color: #fff }
.prolist .dli.showed .ptit .bg1{ width: 100%; opacity: 1; -webkit-opacity: 1;}
.prolist .dli.showed .nrbox .bg{ bottom: 0; opacity: 1; -webkit-opacity: 1;}
.prolist .dli.showed .nrbox .pbox{ opacity: 1; -webkit-opacity: 1;}



.gkdlef{ float: left; }
.gkdrig{ float: right; }
.gkpbox{ width: 850px; max-height: 300px; overflow: hidden; font-size: 14px; color: rgba(0, 0, 0, 0.65); line-height: 25px; text-align: justify; text-indent: 2em; position: relative; top: -6px;}
.gkimgbox{ width: 320px; height: 215px; overflow: hidden; }
.gkimgbox img{ width: 100%; min-height: 100%; }
.gkitbox{ margin-bottom: 30px; }


.gkbox1{ padding-top: 28px; }
.gkbox1 .dbox .ptit{ height: 30px; line-height: 30px; font-size: 18px; color: rgba(0, 0, 0, 0.85); margin: -4px 0 12px; }
.gkbox1 .dbox .ptit .sp1{ float: left; }
.gkbox1 .dbox .ptit .sp2{ font-size: 12px; color: rgba(0, 0, 0, 0.55); display: block; float: left; margin-left: -10px;}
.gkbox1 .gkitbox{ margin-bottom: 25px; }

.gkbox2{ background: #f7f7f7; padding: 28px 0 22px; }
.gkbox2 .pbox{ font-size: 14px; color: rgba(0, 0, 0, 0.65); text-align: center; line-height: 22px; margin-top: -5px;}
.gkbox2 .pbox .p1{ font-weight: bolder; }
.gkbox2 .pbox .p2{ margin-bottom: 25px; }
.gkbox2 .culture{ height: 310px; overflow: hidden; margin-top: 57px; }
.gkbox2 .culture .dl{ height: 280px; text-align: center;}
.gkbox2 .culture .dl p{ font-size: 16px; font-weight: bolder; color: #1d57a6; margin-bottom: 18px; }
.gkbox2 .culture .dl img{ display: block; width: 100%; height: 240px; }

.gkbox3{ padding-top: 28px; }

.gkbox4{ background: #f7f7f7; padding-top: 28px; border-bottom: 1px solid #dedede; }
.gkbox4 .gkitbox{ margin-bottom: 0; }
.gkbox4 .lcbox{ width: 850px; overflow: hidden; font-size: 14px; color: rgba(0, 0, 0, 0.65); position: relative; top: -6px;}
.gkbox4 .lcbox .ptop{ margin: 5px 0 27px; }
.gkbox4 .lcbox .dlist{ height: 230px; position: relative; }
.gkbox4 .lcbox .dlist .dli{ height: 30px; line-height: 30px; padding-left: 30px; margin: 20px 0; position: relative; cursor: default;}
.gkbox4 .lcbox .dlist .dli .bg{ width: 30px; height: 30px; position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden;}
.gkbox4 .lcbox .dlist .bg1{ background: url(../image/gkbg.png) no-repeat -30px 0; }
.gkbox4 .lcbox .dlist .bg2{ background: url(../image/gkbg.png) no-repeat -30px -30px; }
.gkbox4 .lcbox .dlist .bg3{ background: url(../image/gkbg.png) no-repeat -30px -60px; }
.gkbox4 .lcbox .dlist .bg4{ background: url(../image/gkbg.png) no-repeat -30px -90px; }
.gkbox4 .lcbox .dlist .bg5{ background: url(../image/gkbg.png) no-repeat -30px -120px; }
.gkbox4 .lcbox .dlist .bg6{ background: url(../image/gkbg.png) no-repeat -30px -150px; }
.gkbox4 .lcbox .dlist .bg7{ background: url(../image/gkbg.png) no-repeat -30px -180px; }

.gkbox4 .lcbox .dlist .dli .sp1{ background: url(../image/sy_07.png) no-repeat right center; padding-right: 15px; }
.gkbox4 .lcbox .dlist .dli .sp2{ padding-left: 6px; }

.gkbox4 .lcbox .dlist .dli:hover{ color: #c10d0d; }
.gkbox4 .lcbox .dlist .dli:hover .bg{ background-position-x: 0; }
.gkbox4 .lcbox .dlist .dli:hover .sp1{ background: url(../image/sy_08.png) no-repeat right center; }

.gkbox4 .lcbox .dlist .bgline{
	background: #c6c6c6;
	height:  230px;
	width: 1px;
	position: absolute;
	top: -10px;
	left: 54px;
	z-index: 1;
}




.cotabox1{ width: 103%; height: 160px; overflow: hidden; margin: 20px 0 30px;}
.cotabox1 .tli{ width: 180px; height: 100%; float: left; margin-right: 12px; padding: 76px 25px 0; text-align: center; cursor: default;}
.cotabox1 .tli.bg1{ background: #fffde0 url(../image/sy_10.png) no-repeat center 18px; }
.cotabox1 .tli.bg2{ background: #f2ffe0 url(../image/sy_11.png) no-repeat center 18px; }
.cotabox1 .tli.bg3{ background: #e0fffa url(../image/sy_12.png) no-repeat center 18px; }
.cotabox1 .tli.bg4{ background: #f5e0ff url(../image/sy_13.png) no-repeat center 18px; }
.cotabox1 .tli.bg5{ background: #ffeae0 url(../image/sy_14.png) no-repeat center 18px; margin-right: 0;}
.cotabox1 .tli .p1{ font-size: 16px; color: rgba(0, 0, 0, 0.75); font-weight: bolder; margin-bottom: 7px;}
.cotabox1 .tli .p2{ font-size: 16px; color: rgba(0, 0, 0, 0.75); line-height: 24px;}

.cotabox1 .tli:hover{ background-position-y: 10px; }

.cotabox2{ width: 103%; height: 160px; overflow: hidden; margin: -28px 0 25px;}
.cotabox2 .tli{ width: 320px; height: 100%; float: left; padding: 64px 40px 0; text-align: center; cursor: default;}
.cotabox2 .tli.bg1{ background: url(../image/sy_15.png) no-repeat center 24px; }
.cotabox2 .tli.bg2{ background: url(../image/sy_16.png) no-repeat center 24px; }
.cotabox2 .tli.bg3{ background: url(../image/sy_17.png) no-repeat center 24px; }
.cotabox2 .tli .p1{ font-size: 16px; color: rgba(0, 0, 0, 0.85); margin-bottom: 22px;}
.cotabox2 .tli .p2{ font-size: 14px; color: rgba(0, 0, 0, 0.75); line-height: 24px;}
.cotabox2 .tli:hover{ background-position-y: 14px; }





.newsbox{ padding: 28px 0 0; }
.newsbox .dlistbox .dli{ border-bottom: 1px solid #dedede; padding: 15px; height: 167px; overflow: hidden; }
.newsbox .dlistbox .dli .imgbox{ width: 240px; height: 100%; overflow: hidden; float: left;}
.newsbox .dlistbox .dli .imgbox img{ width: 100%; height: 100%; }
.newsbox .dlistbox .dli .pbox{ width: 890px; height: 100%; overflow: hidden; float: right; margin-right: 5px;}
.newsbox .dlistbox .dli .pbox .ptit{ height: 25px; line-height: 25px; font-size: 16px; color: rgba(0, 0, 0, 0.85); margin: 10px 0 15px;}
.newsbox .dlistbox .dli .pbox .ptit .sp1{ float: left; display: block; width: 80%; }
.newsbox .dlistbox .dli .pbox .ptit .sp2{ 
	float: right; 
	background: url(../image/sy_09.png) no-repeat left center; 
	padding-left: 17px; 
	font-size: 12px;
	color: rgba(0, 0, 0, 0.65);
}
.newsbox .dlistbox .dli .pbox .p2{ 
	font-size: 14px; 
	color: rgba(0, 0, 0, 0.65); 
	line-height: 24px; 
	text-indent: 2em; 
	text-align: justify;	
	height: 77px;
	overflow: hidden;
}
.newsbox .dlistbox .dli .pbox .p3{ 
	font-size: 14px; 
	color: rgba(0, 0, 0, 0.65); 
	text-align: right; 
	margin-top: 10px; 
	padding-top: 12px;
	border-top: 1px dashed #dedede;
}
.newsbox .dlistbox .dli:hover{ background: #f7f7f7; }

.xqcontbox{ background: #f7f7f7; padding: 0 30px 35px; margin: 38px auto;}
.xqcontbox .newstit{ text-align: center; }
.xqcontbox .newstit h2{ font-size: 20px; color: #1d57a6; font-weight: bolder; border-bottom: 1px solid #dedede; padding: 22px 15% 20px;}
.xqcontbox .newstit h5{ font-size: 12px;color: rgba(0, 0, 0, 0.65); font-weight: normal; padding-top: 10px;}
.xqcontbox .newstit h5 .sp1{
	background: url(../image/sy_09.png) no-repeat left center; 
	padding-left: 17px; 
}

.xqcontbox .pbox{ margin: 25px auto; font-size: 14px; color: rgba(0, 0, 0, 0.75); line-height: 26px; text-align: justify;}
.xqcontbox .pbox img{ max-width: 100%; display: block; margin: 15px auto; }

.xqcontbox .abox{ height: 35px; line-height: 35px; margin: 35px auto 0;}
.xqcontbox .abox a{ width: 41%; float: left; display: block; font-size: 14px; color: rgba(0, 0, 0, 0.55); border: 1px solid #c6c6c6; padding: 0 30px;}
.xqcontbox .abox a:last-child,.xqcontbox .abox .ar{ float: right; }
.xqcontbox .abox a:hover{ background: #5797ee; color: #fff; }




.casebox{ width: 104%; padding: 14px 0; }
.casebox .dli{ width: 580px; height: 180px; float: left; margin: 0 40px 35px 0; background: #f7f7f7; overflow: hidden; }
.casebox .dli .imgbox{ width: 290px; height: 174px; overflow: hidden; float: left;}
.casebox .dli .imgbox img{ width: 100%; height: 100%; }
.casebox .dli .pbox{ width: 240px; height: 100%; overflow: hidden; float: right; margin-right: 25px;}
.casebox .dli .pbox .p1{ height: 25px; line-height: 25px; margin: 18px 0 12px; border-bottom: 1px solid #c6c6c6; padding-bottom: 2px;}
.casebox .dli .pbox .p1 .sp1{ font-weight: bolder; font-size: 16px; color: rgba(0, 0, 0, 0.85);}
.casebox .dli .pbox .p1 .sp2{ font-size: 12px; color: rgba(0, 0, 0, 0.65);}
.casebox .dli .pbox .p2{ 
	font-size: 14px; 
	color: rgba(0, 0, 0, 0.75); 
	line-height: 26px; 
	text-align: justify;	
	height: 77px;
	overflow: hidden;
}
.casebox .dli:hover{ background: #5797ee; }
.casebox .dli:hover .pbox .p1{ border-bottom: 1px solid #fff; }
.casebox .dli:hover .pbox .p1 .sp1,.casebox .dli:hover .pbox .p1 .sp2,.casebox .dli:hover .pbox .p2{ color: #fff; }

.pro-top{ height: 180px; overflow: hidden;}
.pro-top .dlef{ width: 872px; height: 100%; background: #f7f7f7; float: left;  overflow: hidden;}
.pro-top .dlef .dlot{ width: 240px; height: 100%;  padding: 4px; float: left; text-align:center }
.pro-top .dlef .dlot img{ max-width: 203px; height: 172px; }
.pro-top .dlef .pbox{ width: 575px; height: 100%; overflow: hidden; float: right; margin-right: 25px;}
.pro-top .dlef .pbox .p1{ height: 25px; line-height: 25px; margin: 18px 0 12px; border-bottom: 1px solid #c6c6c6; padding-bottom: 2px;}
.pro-top .dlef .pbox .p1 .sp1{ font-weight: bolder; font-size: 16px; color: rgba(0, 0, 0, 0.85);}
.pro-top .dlef .pbox .p1 .sp2{ font-size: 12px; color: rgba(0, 0, 0, 0.65);}
.pro-top .dlef .pbox .p2{ 
	font-size: 14px; 
	color: rgba(0, 0, 0, 0.75); 
	line-height: 26px; 
	text-align: justify;	
	height: 100px;
	overflow: hidden;
}
.pro-top .drimg{ width: 300px; height: 100%; float: right;  overflow: hidden;}
.pro-top .drimg img{ width: 100%; height: 100%; }

.xqcontbox1{ margin-top: 22px; }
.xqcontbox1 .pbox{ margin: 10px auto 25px; }
 
.xqcontbox .casetit{ text-align: center; }
.xqcontbox .casetit h2{ font-size: 16px; color: #1d57a6; font-weight: bolder; padding-top: 15px;}
.xqcontbox .casetit h2:after{ content: ''; width: 32px; height: 2px; background: #1d57a6; margin: 4px auto; display: block;}
.xqcontbox .casetit h5{ font-size: 12px;color: #1d57a6; font-weight: normal; font-family: Arial;}





.jobbox1{ padding: 28px 0 63px; }
.jobbox1 .dtop{ height: 300px; background: #f7f7f7; overflow: hidden; margin-top: 42px; }
.jobbox1 .dtop .imgbox{ width: 640px; height: 100%; float: left; }
.jobbox1 .dtop .imgbox img{ width: 100%; height: 100%; }
.jobbox1 .dtop .pbox{ width: 500px; height: 100%; overflow: hidden; float: right; margin-right: 30px;}
.jobbox1 .dtop .pbox .p1{ font-weight: bolder; font-size: 16px; color: rgba(0, 0, 0, 0.85); text-align: center; margin: 18px auto 15px;}
.jobbox1 .dtop .pbox .p2{  font-size: 14px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-indent: 2em;}

.jpbmenubox{ margin: 42px auto; overflow: hidden; border-bottom: 1px solid #dedede;}
.jpbmenubox .dli{ height: 60px; overflow: hidden; border-top: 1px solid #dedede; }
.jpbmenubox .dli .ptit{ 
	height: 60px; 
	line-height: 60px; 
	background: #fff url(../image/sy_19.png) no-repeat 96% center; 
	padding: 0 108px 0 50px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
	cursor: pointer;
}
.jpbmenubox .dli:nth-child(odd) .ptit{ background-color: #f7f7f7; }
.jpbmenubox .dli .ptit .sp1{ font-size: 16px; color: rgba(0, 0, 0, 0.85); font-weight: bolder; }
.jpbmenubox .dli .ptit .sp2{ font-size: 12px; color: rgba(0, 0, 0, 0.65); float: right;}
.jpbmenubox .dli .downbox{font-size: 14px; color: rgba(0, 0, 0, 0.85); }
.jpbmenubox .dli .downbox .dbox1{ width: 99%; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 20px 50px; }
.jpbmenubox .dli .downbox .dbox1 li{ width: 50%; height: 40px; line-height: 40px; float: left; }

.jpbmenubox .dli .downbox .dbox2{ overflow: hidden; padding: 10px 50px; line-height: 36px; }
.jpbmenubox .dli .downbox .dbox2 .p1{ font-weight: bolder; }

.jpbmenubox .dli .downbox .ajo{ 
	width: 180px; 
	height: 45px; 
	line-height: 45px; 
	font-weight: bolder; 
	color: #fff;  
	font-size: 18px;
	text-align: center;
	background: #1d57a6; 
	display: block; 
	margin: 10px 0 35px 50px; 
}
.jpbmenubox .dli .downbox .ajo:hover{ background: #216bd0; }

 
.jpbmenubox .dli.opend .ptit{ background-image: url(../image/sy_18.png); }





.fypage{ height: 30px; line-height: 30px; text-align: center; margin: 35px auto;}
.fypage a{ color: #858383; border: 1px solid #cecece; padding: 6px 11px; margin: 0 2px;}
.fypage a:hover,.fypage span{background: #1d57a6; border: 1px solid #1d57a6; padding: 6px 11px; color: #fff; margin: 0 2px;}




.banner .prev,.banner .next,.prolist .dli .ptit,.prolist .dli .ptit .sp1,.prolist .dli .nrbox .imgbox img,.newsbox .dlistbox .dli,.cotabox1 .tli,
.cotabox2 .tli,.casebox .dli,.casebox .dli .pbox .p1 .sp1,.casebox .dli .pbox .p1 .sp2,.casebox .dli .pbox .p1,.casebox .dli .pbox .p2,.pubpath .caseabox a:after{ 
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;	
}
.prolist .dli .ptit .bg1,.prolist .dli .nrbox .bg,.jpbmenubox .dli{
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;	
}
.prolist .dli .nrbox .pbox{
	-webkit-transition: all .4s ease-in-out .2s;
	-moz-transition: all .4s ease-in-out .2s;
	-ms-transition: all .4s ease-in-out .2s;
	-o-transition: all .4s ease-in-out .2s;
	transition: all .4s ease-in-out .2s;	
}


.sy_02 .dbox1 .p2,.gkbox1 .dbox .ptit .sp2{
	transform: scale(.87);
    -webkit-transform: scale(.87);
    -ms-transform: scale(.87);
    -o-transform: scale(.87);
}

.prolist .dli .nrbox .pbox{
  transform:scale(.6); 
  -webkit-transform:scale(.6); 
  -ms-transform:scale(.6); 
  -o-transform: scale(.6);
}
.prolist .dli.showed .nrbox .pbox{
  transform:scale(1); 
  -webkit-transform:scale(1); 
  -ms-transform:scale(1); 
  -o-transform: scale(1);
}

.prolist .dli:hover .nrbox .imgbox img{ transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform: scale(1.1);}

.prolist .dli .ptit,.sy_02 .dbox2 .abox .sp2,.newsbox .dlistbox .dli .pbox .ptit .sp1{
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.prolist .dli .ptit{
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}