@charset "utf-8";
.inbanner{ width: 100%; height: 540px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:50%; margin-left: -960px; top:0; height: 100%; z-index: 0;}

.ibcate{ position: absolute; top: 216px; z-index: 1; left:0; width: 100%;
	color: #fff; text-align: center;}
.ibcate .cn{ font-size: 40px; line-height: 60px;}
.ibcate .en{ font-size: 34px; line-height: 44px; font-family: 'arial'; font-weight: bold; text-transform: uppercase;}


.cate .cn{ font-size: 34px; line-height: 50px; color: #4372e8; font-weight: bold;}
.cate p{ font-size: 0; margin-top: 6px;}
.cate p img{ max-width: 100%;}


.cer,.cer2{ width: 1200px; margin: 0 auto;}
.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}
.h10{ height: 10px;}.h20{ height: 20px;}.h30{ height: 30px;}.h40{ height: 40px;}
.h50{ height: 50px;}.h60{ height: 60px;}.h70{ height:70px;}.h80{ height: 80px;}
.full{ width: 100%; height: 100%;}
.pic101,.pic102,.pic104{ overflow: hidden;}
.pic102 img,.pic104 img,.pic101 img{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
li:hover .pic101 img{ -webkit-transform: scale(1.01); -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);  -o-transform: scale(1.01); transform: scale(1.01);}
li:hover .pic102 img{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);  -o-transform: scale(1.02); transform: scale(1.02);}
li:hover .pic104 img{ -webkit-transform: scale(1.04); -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);  -o-transform: scale(1.04); transform: scale(1.04);}
.jello2:hover{-webkit-animation-name: jello; animation-name: jello;
	-webkit-animation-duration: 1s; animation-duration: 1s;}

@media screen and (max-width:1260px){
	.cer{ width: auto; padding: 0 30px;}
}
@media screen and (max-width:1240px){
	.cer2{ width: auto; padding: 0 20px;}
}
@media screen and (max-width:750px){
	.cate .cn{ font-size: 46px; line-height: 70px;}
}



.lx{ overflow: hidden; margin-bottom: 40px;}
.lxway{ float: left;}
.lxway p{ font-size: 14px; color: #333; line-height: 28px; padding-left: 34px;}
.lxway p.lx01{ background: url('../images/lx1.png') 2px 6px no-repeat;}
.lxway p.lx02{ background: url('../images/lx2.png') 3px 7px no-repeat;}
.lxway p.lx03{ background: url('../images/lx3.png') 4px 5px no-repeat;}


.lxewm{ float: right; width: 180px; height: 77px;}
.lxewm img{ width: 75px; height: 75px; border: 1px solid #d3d3d3;}
.lxewm p{ font-size: 14px; line-height: 24px; color: #333; font-family: 'simsun';
	margin-left: 15px; margin-top: 15px; float: right;}

#map{ width: 100%; height: 400px;}
@media screen and (max-width:750px){
	.lxewm{ height: auto;}
	.lxewm img{ width: 140px; height: 140px;}
	.lxway p{ font-size: 26px; line-height: 50px;}
	.lxewm p{ font-size: 26px; line-height: 44px; display: none;}

	.lxway p.lx01{ background-position: 2px 16px;}
	.lxway p.lx02{ background-position: 3px 17px;}
	.lxway p.lx03{ background-position: 4px 15px;}
}






.atc{ padding: 65px 0 40px; overflow: hidden;}
.atc-h{ padding-bottom: 20px; border-bottom: 1px solid #ddd; text-align: center;}
.atc-h h1{ font-size: 30px; color: #324a6c; line-height: 50px;}

.atc-date{ font-size: 14px; color: #324a6c; line-height: 28px; margin-top: 10px;}
.atc-date span{ margin: 0 8px;}

.atc-con{ padding: 35px 0; font-size: 16px; line-height: 26px; color: #333;}
.atc-con img{ max-width: 100%;}

.atc-pn{ overflow: hidden; text-align: center; position: relative; height: 74px;
	border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 74px; }
.atc-pn a{ width: 80px; height: 74px; font-size: 16px; color: #324a6c; text-align: left;
	position: relative; z-index: 1; overflow: hidden;}
.atc-pn a i{ font-family: 'simsun'; font-style: normal;}
a.atc-prev{ float: left;} a.atc-next{ float: right; text-align: right;}
a.atc-ret{ display: inline-block; vertical-align: top; padding-left: 30px;
	background: url('../images/ret.png') left center no-repeat;}
.atc-pn a:hover{ color: #039be3;}
a.atc-ret:hover{ background-image: url('../images/reth.png');}
@media screen and (max-width:750px){
	.atc-h h1{ font-size: 44px; line-height: 70px;}
	.atc-date{ font-size: 26px; line-height: 48px;}
	.atc-con{ font-size: 28px; line-height: 46px;}
	.atc-pn a{ font-size: 28px; width: 150px;}
}






.newslist{ padding: 30px 0;}
.newslist li{ width: 100%; height: 428px; padding: 50px 0;}
.newslist .lin{ overflow: hidden; height: 100%; background-color: #fff;}
.newslist li .picout{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}
.newslist li .pic{ padding-left: 30px; height: 100%; overflow: hidden;}
.newslist li .pairout{ float: left; width: 50%; height: 100%;}
.pair{ padding-right: 30px;}

.newslist li:nth-child(even) .picout{ float: left;}
.newslist li:nth-child(even) .pic{ padding-left: 0; padding-right: 30px;}
.newslist li:nth-child(even) .pairout{ float: right;}
.newslist li:nth-child(even) .pair{ padding-left: 30px; padding-right: 0;}

.pair h3{ color: #000; font-size: 30px; line-height: 56px; height: 112px; overflow: hidden; margin-bottom: 46px;}
.pair .date{ color: #333; line-height: 36px; font-weight: bold; margin-bottom: 40px;}
.pair .txt{ font-size: 16px; color: #333; line-height: 32px; height: 128px; overflow: hidden; margin-bottom: 36px;}
.pair label{ display: block; color: #333; line-height: 28px; font-weight: bold; text-transform: uppercase;
	background: url('../images/jtr2.png') 120px no-repeat; cursor: pointer;}
li:hover .pair h3{ color: #4372e8;}
.pair h3{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}


@media screen and (max-width:1260px){
	.newslist li .pic img.full{ position: absolute; width: 570px; left:50%; top:0; z-index: 1; margin-left: -285px;}
}
@media screen and (max-width:960px){
	.pair .date{ margin-bottom: 20px;}
	.pair h3{ margin-bottom: 25px;}
	.pair .txt{ height: 160px; margin-bottom: 20px;}
}
@media screen and (max-width:750px){
	
	.newslist li{ height: auto; padding: 25px 0;}
	.newslist li .picout{ width: 100%; height: 428px;}
	.newslist li .picout,.newslist li:nth-child(even) .picout{ float: none;}
	.newslist li .pairout{ width: 570px; height: auto; margin: 0 auto;}
	.newslist li .pairout,.newslist li:nth-child(even) .pairout{ float: none;}
	.newslist li .pic,.newslist li:nth-child(even) .pic{ padding-left: 0; padding-right: 0;}

	.pair{ padding: 30px 0;}
	.newslist li:nth-child(even) .pair{ padding: 30px 0;}

	.pair .date{ font-size: 34px; line-height: 40px;}
	.pair h3{ font-size: 40px; line-height: 60px; height: 120px;}
	.pair .txt{ font-size: 28px; line-height: 50px; height: 250px;}
	.pair label{ font-size: 28px; line-height: 50px; background-position: 200px center;}
}



div.pageList{ padding: 0 20px 0; text-align: center;}
div.pageList ul.l{ display: none;}
div.pageList ul.r{ float: none;}
div.pageList ul li { line-height: 40px;display: inline;}
div.pageList ul li a{ display: inline-block; height: 38px; line-height: 38px; background-color: #fff;
 	padding: 0 15px; margin: 4px; font-size: 14px; color: #666; border: 1px solid #ddd;}
div.pageList ul li a.selected,
div.pageList ul li:hover a{ color:#fff; background-color: #00a0e3; border-color: #00a0e3;}


.listbtnout{ padding: 0 20px; display: none;}
.listmore{ display: block; width: 100%; height: 70px; background-color: #e3e3e3;
	line-height: 70px; text-align: center; color: #00a0e3; font-size: 28px;}
.listmore span{ display: inline-block; padding-right: 34px; height: 100%; position: relative;}
.listmore span i{ position: absolute; right: 0; top:0; z-index: 1; width: 24px; height: 100%;
	background: url('../images/jia.png') right no-repeat;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
/* .listmore:hover{ box-shadow: 0 0 5px 0 rgba(0,160,227,0.5);} */
.listmore:hover span i{ -webkit-transform:rotate(225deg); -o-transform:rotate(225deg); transform:rotate(225deg);
  -moz-transform:rotate(225deg); -ms-transform:rotate(225deg);}

 @media screen and (max-width:750px){
	div.pageList{ display: none;}
	.listbtnout{ display: block;}
}





.bgf5{ background-color: #f5f5f5;}
.gongyi{ padding: 55px 0 60px; overflow: hidden;}
.gongyi h1{ text-align: center; font-size: 24px; color: #333; line-height: 44px;}

.gongyicon{ padding: 25px 0 0; font-size: 16px; line-height: 26px; color: #333;}
.gongyicon img{ max-width: 100%;}



.baninfo{ height: 60px; overflow: hidden; position: relative; z-index: 2;
	background-color: #fff; border-bottom: 1px solid #ddd;}

.erji{ float: left; font-size: 0; white-space: nowrap;}
.erji a{ display: inline-block; height: 60px; position: relative;
	 color: #333; font-size: 16px; line-height: 60px; margin-right: 40px;}

.erji a:after{ content: " "; position: absolute; left:100%; bottom: 0; z-index: 0; width: 0; 
   border-bottom: 4px solid #4372e8; -webkit-transition: .3s; transition: .3s;}
.erji a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}

.erji a.on{ color: #4372e8;}
.erji a.on:after{ width: 100%; left:0;}
.erji a:hover{ color: #4372e8;}


.tree{ float: right; height: 60px; line-height: 60px; color: #666; position: relative;}
.tree a{ color: #666; padding: 0 5px;}
.tree a.leaf,.tree a:hover{ color: #4372e8;}
@media screen and (max-width:1220px){
	.tree{ display: none;}
	.erji{ float: none; text-align: center;}
	.baninfo{ width: 100%; height: auto; overflow: auto;}

	.erji a{ margin: 0 20px;}
	.erji a:after{ left:100%;}
	.erji a:hover:after{ width: 100%;}
	.erji a.on:after{ width: 100%;}
}
@media screen and (max-width:750px){
	.gongyi h1{ font-size: 36px; line-height: 60px;}
	.gongyicon{ font-size: 28px; line-height: 46px; padding: 50px 0 0;}

	.baninfo{ height: 70px;}
	.erji a{ font-size: 28px; height: 70px; line-height: 70px;}
}



.xiangmu{ padding: 30px 0 55px; overflow: hidden;}
.xiangmu h1{ font-size: 24px; color: #333; line-height: 44px;}

.xiangmucon{ padding: 25px 0 0; font-size: 16px; line-height: 26px; color: #333;}
.xiangmucon img{ max-width: 100%;}




.zhentixm{ margin: 70px 0 80px;}
.zhentixm h1{ font-size: 24px; color: #333; line-height: 44px; margin-bottom: 20px;}
.zhentixm .intro{ font-size: 16px; color: #333; line-height: 30px;}


.xmlist{ width: 1200px; padding: 46px 0 0; max-width: 100%; margin: 0 auto; overflow: hidden;}
.xmlist li{ float: left; width: 25%;}
.xmlist li a{ display: block;}
.xmlist .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative;}
.xmlist .pic img{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.xmlist .pic i.cloak{ position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%;
	background: url('../images/cloak.png') bottom no-repeat;}

.xmlist li h4{ font-size: 16px; color: #eee; line-height: 28px; padding: 0 26px;
	position: absolute; left:0; z-index: 3; bottom: 15px; text-align: left;}


@media screen and (max-width:1000px){
	.xmlist{ width: 900px;}
	.xmlist li{ width: 33.3%;}
}
@media screen and (max-width:750px){
	.xiangmu h1{ font-size: 36px; line-height: 66px;}
	.xiangmucon{ font-size: 28px; line-height: 46px;}

	.zhentixm h1{ font-size: 36px; line-height: 66px;}
	.zhentixm .intro{ font-size: 28px; line-height: 50px;}
	.xmlist li h4{ font-size: 28px; line-height: 48px; }

	.xmlist{ width: 100%;}
	.xmlist li{ width: 50%;}
}





/* 鍖哄煙鐜 */
.rencaiout{ background-color: #f8faff; padding: 70px 0;}
.rencai{ overflow: hidden; height: 380px;}
.lefthalf {float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.righthalf{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}
.rencaicon{  padding-right: 60px;}
.rencaicon h2{ color: #333; font-size: 24px; line-height: 34px; font-weight: bold; margin-top: 50px;}
.rencaicon .txt{ font-size: 16px; color: #333; line-height: 30px; margin-top: 40px;}

@media screen and (max-width:1200px){
	.rencaicon{ padding-right: 30px;}
	.rencaicon h2{ margin-top: 40px;}
	.rencaicon .txt{ margin-top: 30px;}
	.righthalf img.full{ width: auto; position: absolute; left:50%; top:0; z-index: 1; margin-left: -300px;}
}
@media screen and (max-width:900px){
 	.rencai{ height: auto;}
	.rencai .lefthalf{ float: none; width: 600px; margin: 0 auto;}
	.rencai .righthalf{ float: none; width: 600px; margin: 0 auto; height: auto;}
	.righthalf img.full{ position: static; width: 100%; margin-left: 0;}
	.rencaicon{ padding-right: 0; margin-bottom: 40px;}
}
@media screen and (max-width:750px){
	.rencaicon h2{ font-size: 36px; line-height: 50px;}
	.rencaicon .txt{ font-size: 28px; line-height: 46px;}
}


.abvd{ width: 100%; height: 540px; overflow: hidden; position: relative; 
	background: url('../images/vdbg.jpg') center no-repeat; font-size: 0;}
.abvd a.vdbtn{ display: block; position: relative; width: 100%; height: 100%; text-align: center; line-height: 540px;}
.abvd a.vdbtn img{ vertical-align: middle;}

.vdplay{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 99;
	background: url('../images/op0-80.png'); display: none;}
.vd-cha{ position: absolute; right: 0; top: 0; z-index: 3; color: #fff; width: 80px; height: 80px;
    font-size: 50px; text-align: center; line-height: 80px; font-family: Arial; cursor: pointer;}
.vdplay-con{ position: relative; width: 80%; left: 10%; height: 100%; background-color: #000;}
#vdbed{ position: absolute; left:0; top:0; margin-top:0; z-index: 1; width: 100%; height: 100%;}


/* .section1{background: url("../images/sec1bg.jpg") no-repeat center;padding: 30px 0;box-sizing: border-box;max-height: 200px;}
.section1 .wrap{display: flex;}
.section1 .wrap .sec1-i{width: 25%;text-align: center;padding: 35px 0;border-right: 1px solid #5464b5;}
.section1 .wrap .sec1-i:last-child{border: none;}
.section1 .wrap h3{line-height: 44px;font-size: 30px;color: #fff;}
.section1 .wrap h3 .slowNumber{font-size: 36px;}
.section1 .wrap h3 i{font-size: 16px;font-style: normal;}
.section1 .wrap p{font-size: 14px;line-height: 28px;color: #fff;font-weight: bold;} */
.section1.inner{ background-color: #eef2ff; background-image: none; padding: 40px 0;}
.section1.inner .wrap .sec1-i{ border-color: #ccd8fa; padding: 0;}
.section1.inner .wrap h3{ color: #4372e8}
.section1.inner .wrap p{ font-size: 16px; color: #333; font-weight: normal;}
@media screen and (max-width:750px){
	.section1.inner .wrap h3 i{ font-size: 26px;}
	.section1.inner .wrap p{ font-size: 28px;}
}




.zonemapout{ padding: 140px 0 135px; background: #fff url('../images/city.png') center bottom no-repeat;}
.zonemap{ position: relative; height: 610px;}
.zonemap .pic{ position: absolute; left: 0; top: 0; z-index: 1; width: 680px; height: 510px;}
.zonemap .wz{position: absolute; right: 0; bottom: 0; z-index: 0; width: 680px; height: 510px; background-color: #fff;}
.zonemap .pic,.zonemap .wz{ box-shadow: 0 0 14px 0 rgba(0,0,0,0.2);}
.zonemap .wz .inner{ padding: 80px 150px 0 260px; width: 270px;}
.zonemap .wz h3{ font-size: 20px; color: #333; line-height: 30px; font-weight: bold; position: relative;}
.zonemap .wz .hx{ width: 80px; height: 4px; background-color: #333; margin: 20px 0 22px;}
.zonemap .wz .txt{ font-size: 16px; color: #333; line-height: 30px;}
.zonemap .wz img{display: none;}
@media screen and (max-width:1260px){
	.zonemap .pic{ left:30px;}
	.zonemap .wz{ right:30px; width: auto;}
	.zonemap .wz .inner{ padding: 80px 40px 0 200px;}
}
@media screen and (max-width:1100px){
	.zonemapout{ padding: 80px 0;}
	.zonemap{ height: auto;}
	.zonemap .pic{ position: static; max-width: 100%; height: auto; margin-bottom: 50px;}
	.zonemap .wz{ position: static; width: 100%; height: auto; box-shadow: none;}
	.zonemap .wz .inner{ width: auto; padding: 0;}
}
@media screen and (max-width:750px){
	.zonemap .wz h3{ font-size: 32px; line-height: 48px;}
	.zonemap .wz .txt{ font-size: 28px; line-height: 50px;}
}




/* 浜ら€ */
.bgf8{ background-color: #f8faff;}
.jiaotong{ padding: 80px 0;}
.jiaotong a{ display: block; position: relative; height: 440px; overflow: hidden; padding: 0 0 0 774px;}

.jiaotong .pic{ position: absolute; left: 0; top: 0; z-index: 1; width: 774px; height: 100%;}
.jiaotong .wz{ padding: 20px 0 20px 40px; color: #333;}

.jiaotong .txt{ font-size: 16px; line-height: 30px; margin: 24px 0 0;}

.subway{ margin-top: 38px; overflow: hidden;}
.subway dd{ float: left; height: 30px; width: 50%; overflow: hidden; position: relative;
	text-indent: 72px; line-height: 30px; font-size: 16px;}
.subway dd:before{ content: ''; position: absolute; left: 0; top:11px; z-index: 0; width: 50px; height: 8px;}
.subway dd.i1:before{ background-color: #d7d7d7;}
.subway dd.i2:before{ background-color: #3e94c5;}
.subway dd.i3:before{ background-color: #d2013b;}
.subway dd.i4:before{ background-color: #0b8c35;}

.jiaotong:hover a{ background-color: #fff;}
.jiaotong a{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	 -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.jiaotong:hover .pic102 img{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);  -o-transform: scale(1.02); transform: scale(1.02);}
@media screen and (max-width:1260px){
	.jiaotong a{ padding-left: 60%;}
	.jiaotong .pic{ width: 60%;}
 	.jiaotong .pic img.full{ width: auto; position: absolute; left:50%; top:0; z-index: 1; margin-left: -387px;}
 	.jiaotong .wz{ padding: 20px;}
}
@media screen and (max-width:1000px){
	.jiaotong{ padding: 60px 0;}
	.jiaotong a{ padding-left: 0; width: 800px; height: auto; margin: 0 auto; max-width: 100%;}
	.jiaotong .pic{ width: 100%; height: auto; position: static;}
	.jiaotong .pic img.full{ position: static; width: 100%; margin-left: 0;}
	.jiaotong .wz{ padding: 30px 20px;}
}
@media screen and (max-width:750px){
	.jiaotong .txt{ font-size: 28px; line-height: 52px;}
	.subway dd{ font-size: 28px; line-height: 52px; height: 52px;}
}







.peitaoout{ padding: 80px 0;}
.peitao{ position: relative; height: 400px; overflow: hidden;}

.cate2{ color: #333;}
.cate2 .cn{ font-size: 30px; line-height: 42px;}
.cate2 .en{ font-size: 40px; line-height: 44px; font-family: 'arial';}


.peitao .lefthalf{ background: url('../images/cmbg.jpg') center no-repeat; background-size: 100% 100%;}
.peitao .wz{ float: right; width: 50%; height: 100%; overflow: hidden;}
.peitao .wz .inner{ padding-top: 90px; padding-left: 62px;}
.peitao .txt{ font-size: 16px; line-height: 26px; margin: 24px 0 0;}


.ptlist{ width: 480px; max-width: 100%; overflow: hidden; margin: 110px auto 0; text-align: center; font-size: 0;}
.ptlist li{ display: inline-block; text-align: center; width: 108px; height: 48px; margin: 5px;
	border: 1px solid rgba(255,255,255,0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.ptlist li a{ padding-left: 32px; background-position: left center; background-repeat: no-repeat;
	font-size: 16px; color: #fff; line-height: 48px; display: inline-block; text-align: left;}
.ptlist li.long{ width: 148px;}
.ptlist li.long a{ padding-left: 42px;}

.ptlist a.i1{ background-image: url('../images/cm1.png');}
.ptlist a.i2{ background-image: url('../images/cm2.png');}
.ptlist a.i3{ background-image: url('../images/cm3.png');}
.ptlist a.i4{ background-image: url('../images/cm4.png');}

.ptlist a.i5{ background-image: url('../images/cm5.png');}
.ptlist a.i6{ background-image: url('../images/cm6.png');}
.ptlist a.i7{ background-image: url('../images/cm7.png');}
.ptlist a.i8{ background-image: url('../images/cm8.png');}

.ptlist a.i9{ background-image: url('../images/cm9.png');}
.ptlist a.i10{ background-image: url('../images/cm10.png');}
.ptlist a.i11{ background-image: url('../images/cm11.png');}

.peitao li:hover{ border-color: #fff;}
.peitao li{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	 -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.peitao2{ position: relative; height: 400px; overflow: hidden;}
.peitao2 .righthalf{ background: url('../images/lfbg.jpg') center no-repeat; background-size: 100% 100%;}
.peitao2 .wz{ float: right; width: 50%; height: 100%; overflow: hidden;}
.peitao2 .wz .inner{ padding-top: 90px; padding-right: 62px;}
.peitao2 .txt{ font-size: 16px; line-height: 26px; margin: 24px 0 0;}


.ptlist2{ width: 480px; max-width: 100%; overflow: hidden; margin: 140px auto 0; text-align: center; font-size: 0;}
.ptlist2 li{ display: inline-block; text-align: center; width: 108px; height: 48px; margin: 5px;
	border: 1px solid rgba(255,255,255,0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.ptlist2 li a{ padding-left: 32px; background-position: left center; background-repeat: no-repeat;
	font-size: 16px; color: #fff; line-height: 48px; display: inline-block; text-align: left;}
.ptlist2 li.long{ width: 148px;}
.ptlist2 li.long a{ padding-left: 42px;}

.ptlist2 a.i1{ background-image: url('../images/lf1.png');}
.ptlist2 a.i2{ background-image: url('../images/lf2.png');}
.ptlist2 a.i3{ background-image: url('../images/lf3.png');}
.ptlist2 a.i4{ background-image: url('../images/lf4.png');}

.ptlist2 a.i5{ background-image: url('../images/lf5.png');}
.ptlist2 a.i6{ background-image: url('../images/lf6.png');}
.ptlist2 a.i7{ background-image: url('../images/lf7.png');}
 

.peitao2 li:hover{ border-color: #fff;}
.peitao2 li{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	 -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

@media screen and (max-width:1260px){
	.peitao .wz .inner{ padding: 70px 30px 0;}
	.peitao2 .wz .inner{ padding: 70px 30px 0;}
}
@media screen and (max-width:1030px){
	.ptlist{ margin: 80px auto 0;}
	.ptlist li.long{ width: 108px;}
	.ptlist li.long a{ padding-left: 32px;}
	.ptlist2{ margin: 110px auto 0;}
	.ptlist2 li.long{ width: 108px;}
	.ptlist2 li.long a{ padding-left: 32px;}
}
@media screen and (max-width:960px){
	.peitaoout{ padding: 60px 0;}
	.peitao .wz .inner{ padding: 40px 10px;}
	.peitao2 .wz .inner{ padding: 40px 10px;}
	
	.peitao{ height: auto;}
	.peitao .lefthalf{ float: none; width: 100%;}
	.peitao .wz{ float: none; width: 100%;}
	.ptlist{ margin: 50px auto; width: 640px;}

	.peitao2{ height: auto;}
	.peitao2 .righthalf{ float: none; width: 100%;}
	.peitao2 .wz{ float: none; width: 100%;}
	.ptlist2{ margin: 50px auto; width: 640px;}

	.ptlist li{ width: 148px;}
	.ptlist li a{ padding-left: 42px;}
	.ptlist li.long{ width: 148px;}
	.ptlist li.long a{ padding-left: 42px;}
	.ptlist2 li{ width: 148px;}
	.ptlist2 li a{ padding-left: 42px;}
	.ptlist2 li.long{ width: 148px;}
	.ptlist2 li.long a{ padding-left: 42px;}
}
@media screen and (max-width:750px){
	.cate2 .cn{ font-size: 40px; line-height: 52px;}
	.cate2 .en{ font-size: 50px; line-height: 54px;}
	.peitao .txt{ font-size: 28px; line-height: 46px;}
	.peitao2 .txt{ font-size: 28px; line-height: 46px;}

	.ptlist li,.ptlist2 li{ height: 58px;}
	.ptlist li a,.ptlist2 li a{ font-size: 28px; line-height: 58px; padding-left: 32px;}
	.ptlist li.long a,.ptlist2 li.long a{ padding-left: 32px;}
}





.kehulist{ width: 1218px; padding: 60px 0 40px; max-width: 100%; overflow: hidden; margin: 0 auto;}
.kehulist li{ float: left; width: 14.28%; margin-bottom: 20px;}
.kehulist li .lin{ padding: 0 11px; position: relative;}
.kehulist li .lin:before{ content: ''; position: absolute; left: 50%; bottom:-20px; z-index: 1; margin-left: -20px;
	width: 40px; height: 22px; background: #fff  bottom center no-repeat;}
.kehulist li.on .lin:before{ background-image: url('../images/sju1.png');}

.kehulist li a{ display: block; background-color: #fff; overflow: hidden; border: 1px solid #bbb;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.kehulist .pic{ width: 100%; height: 128px; overflow: hidden; font-size: 0; line-height: 128px; text-align: center;}
.kehulist img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.kehulist li:hover a,.kehulist li.on a{ border-color: #4372e8; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}

.kehucon{ display: none;}
.kehuwrap{ float: left; width: 100%; margin-bottom: 20px; position: relative;}
.kehuwrap .inner{ padding: 22px 310px 16px 20px; min-height: 140px; margin: 0 11px; overflow: hidden;background-color: #4372e8;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.kehuwrap .wz{ color: #fff;}
.kehuwrap .wz h3{ font-size: 18px; line-height: 20px; font-family: '榛戜綋';}
.kehuwrap .wz .txt{ font-size: 14px; line-height: 24px; margin: 10px 0 24px;}
.kehuwrap .wz .info{ font-size: 14px; line-height: 24px;}
.kehuwrap .pic{ float: right; margin-right: -285px; width: 250px; height: 140px;}
.kehuwrap .pic img{ width: 100%; height: 100%;}

@media screen and (max-width:1200px){
	.kehulist{ width: auto; padding: 60px 20px 40px;}
	.kehulist li{ width: 16.6%;}
}
@media screen and (max-width:1100px){
	.kehulist li{ width: 20%;}
}
@media screen and (max-width:900px){
	.kehulist li{ width: 25%;}
}
@media screen and (max-width:750px){
	.kehuwrap .inner{ padding: 22px 20px 16px 20px;}
	.kehuwrap .pic{ margin-right: 0; margin-left: 20px;}

	.kehuwrap .wz h3{ font-size: 32px; line-height: 40px;}
	.kehuwrap .wz .txt{ font-size: 26px; line-height: 44px;}
	.kehuwrap .wz .info{ font-size: 26px; line-height: 44px;}
}