@charset "utf-8";
body {background: #F6F6F6;}
.mainWarp { min-height: 939px;background: url(/tupian/113044.jpg) no-repeat center 0;}
.mainWarp .boxT1 { max-width: 1270px; margin: 0 auto; padding: 418px 0 30px;}
.mainWarp .boxT1 .item { float: left; width: 18%; height: 500px; position: relative; padding-left: 237px; background: #F8FFFC; overflow: hidden; transition: .5s; box-shadow: 0 0 10px rgba(0,96,150,.2);}
.mainWarp .boxT1 .item.on { width: 44%;}
.mainWarp .boxT1.s3 .item.on{width: 62%;}
.mainWarp .boxT1 .item .master{position: absolute; left: 0; top: 0; bottom: 0; width: 241px; background: #F3FFFA; cursor: pointer; text-align: center;}
.mainWarp .boxT1 .item .master h4 { padding: 60px 0 80px; font-size: 24px; font-weight: 700; }
.mainWarp .boxT1 .item .master p img{ width: 140px; height: 140px; border: 10px solid #BAE6FF; border-radius: 50%;}
.mainWarp .boxT1 .item .master span { display: inline-block; margin-top: 100px; width: 110px; height:32px; line-height: 32px; line-height: 30px; border: 1px solid #0EA7E9; font-size: 18px; color: #0ea7e9; background: #fff; border-radius: 5px; }

.mainWarp .boxT1 .item.s1 .master { background: #F3FFFA url(../images/zt-bzxzf-bg-2-1.jpg) no-repeat right bottom;}

.mainWarp .boxT1 .item.s2 { background: #FAEAEA;}
.mainWarp .boxT1 .item.s2 .master { background: #FFF0F0 url(../images/zt-bzxzf-bg-2-2.jpg) no-repeat right bottom;}
.mainWarp .boxT1 .item.s3 { background: #E8EAF5;}
.mainWarp .boxT1 .item.s3 .master { background: #F1F4FD url(../images/zt-bzxzf-bg-2-3.jpg) no-repeat right bottom;}
.mainWarp .boxT1 .item.s4 { background: #FFFEF5;}
.mainWarp .boxT1 .item.s4 .master { background: #FEFCE9 url(../images/zt-bzxzf-bg-2-4.jpg) no-repeat right bottom;}

.mainWarp .sub { height: 100%; border-left: 1px dashed #DDD8AA; white-space: nowrap;}
.mainWarp ul.listT1 { padding: 15% 0 0 15%;}
.mainWarp .boxT1.s3 .item ul.listT1 { padding: 10% 10% 0 10%;}
.mainWarp ul.listT1 li a { display: block; height: 34px; margin-top: 20px; line-height: 34px; font-size: 18px; color: #000;}
.mainWarp .boxT1.s3 ul.listT1 li a{white-space: normal; position: relative; padding-left: 48px;min-height: 34px; height: auto; }
.mainWarp .boxT1.s3 ul.listT1 li a img { position: absolute; left: 0; top: 0;}
.mainWarp ul.listT1 li a img { margin-right: 10px;}
.mainWarp ul.listT1 li a:hover,.mainWarp ul.listT1 li a.on { color: #48a2fb;}
.mainWarp .boxT1 .item .subT1 ul li a { height: auto; line-height: 28px; margin-top: 30px; position: relative; padding-left: 30px; }
.mainWarp .boxT1 .item .subT1 ul li a em { display: block;}
.mainWarp .boxT1 .item .subT1 ul li a i { position: absolute; left: 5px; top: 10px; display: block; width: 10px; height: 10px; border-radius: 50%; background: #31A0DC;}
.mainWarp .boxT1 .item .subT1 ul li a i.i2 { background: #40D7E2;}
.mainWarp .boxT1 .item .subT1 ul li a i.i3 { background: #FC6B48;}
.mainWarp .boxT1 .item .subT1 ul li a i.i4 { background: #70CCFE;}
.mainWarp .boxT1 .item .subT1 ul li a i.i5 { background: #FEB72A;}


.mainWarp .boxT1 .item .subT2 { display: none; position: relative;}
.mainWarp .boxT1 .item .subT2 .backBtn { position: absolute; top: 35px; right: 25px; font-size: 18px; color: #faaf40;}
.mainWarp .boxT1 .item .subT2 .backBtn img { float: left; margin-right: 10px;}

.mainWarp .infoBox { height: 500px; background: #F3FFFA; position: relative; padding-left: 300px;}
.mainWarp .infoBox .lNav > h4 { padding: 40px 0 0 50px; font-size: 24px; font-weight: 700;}
.mainWarp .infoBox .lNav ul.listT1 { padding: 10px 0 0 50px;}
.mainWarp .infoBox .lNav { position: absolute; left: 0; top: 0; bottom: 0; width: 300px; border-right: 1px dashed #ABD4C4; background: #F8FFFC;}
.mainWarp .infoBox .actWarp { padding: 30px;}
.mainWarp .infoBox .actWarp a.backBtn { float: right; font-size: 18px; color: #faaf40;}
.mainWarp .infoBox .actWarp a.backBtn img { float: left; margin-right: 6px;}
.mainWarp .infoBox .actWarp .actBox { margin-top: 20px; height: 400px; padding-right: 15px; overflow-y: auto; font-size: 16px; color: #373737; line-height: 30px;}



@media screen and (max-width: 1280px) {
	.mainWarp { min-height: auto;background-size: 200%;}
	.mainWarp .boxT1 { padding-top: 150px;}
	.mainWarp .boxT1 .item .master span { display: none;}
	.mainWarp .boxT1 .item { width: 100% !important; height: 400px; margin-bottom: 15px; padding: 0;}
	.mainWarp .boxT1 .item .master {width: 100%; background-size: 200px !important;}
	.mainWarp .boxT1 .item .master h4 { position: absolute; left: 150px; right: 0; top: 50px; padding: 0; text-align: left;}
	.mainWarp .boxT1 .item .master p.img { float: left; padding: 20px 0 0 30px;}
	.mainWarp .boxT1 .item .master p.img img { width: 90px; height: 90px; border-width:5px}
	.mainWarp .boxT1 .item .sub { height: auto; position: absolute; left: 0; right: 0; top: 130px; border: none; border-top: 1px dashed #DDD8AA;}
	.mainWarp .boxT1 .item .sub ul { padding: 15px;!important;}
	.mainWarp .boxT1 .item .sub ul:after { display: block; content: ""; clear: both;}
	.mainWarp .boxT1 .item .sub ul li { float: left; width: 50%;}
	.mainWarp .boxT1.s3 .item .sub ul li { width: 100%;}
	.mainWarp .boxT1 .item .sub ul li a { margin-top: 16px; font-size: 16px; padding-left: 15px;}
	.mainWarp .boxT1.s3 .item .sub ul li a { padding-left: 40px;}
	.mainWarp .boxT1 .item.s2 .master,.mainWarp .boxT1 .item.s4 .master { background-position: left bottom;}
	.mainWarp .boxT1 .item.s4 .subT1 ul li { width: 100%; }
	.mainWarp .boxT1 .item.s4 .subT2 .backBtn { top: 15px; right: 10px; font-size: 16px;}
	.mainWarp .boxT1 .item.s4 .subT2 ul { padding-top: 30px;}
	.mainWarp .boxT1 .item .subT1 ul { padding-top: 5px;}
	.mainWarp .boxT1 .item .subT1 ul li a { padding: 0 25px; white-space: normal; line-height: 26px;}
	.mainWarp .boxT1 .item .subT1 ul li a i { top: 8px;}
	.mainWarp .boxT1 .item .subT1 ul li a em { display: inline;}
	.mainWarp .boxT1 .item .subT2 .backBtn img { margin-right: 5px;}
	
	.mainWarp .infoBox { padding-left: 0; height: auto;}
	.mainWarp .infoBox .lNav { position: initial; border:none; width: 100%; background: none;}
	.mainWarp .infoBox .lNav > h4 { padding: 20px 20px 0;}
	.mainWarp .infoBox .lNav ul.listT1 { margin: 5px 15px; padding: 0 0 10px;}
	.mainWarp .infoBox .lNav ul.listT1 {  white-space: nowrap; overflow: hidden; overflow-x: auto;}
	.mainWarp .infoBox .lNav ul.listT1 li {display: inline-block;}
	.mainWarp .infoBox .lNav ul.listT1 li a { padding: 0 5px;}
	.mainWarp .infoBox .lNav ul.listT1 li a img { margin-right: 5px;}
	.mainWarp .infoBox .actWarp a.backBtn { position: absolute; top: 25px; right: 20px;}
	.mainWarp .infoBox .actWarp { padding: 15px 15px 30px;}
	.mainWarp .infoBox .actWarp .actBox { height: auto; margin-top: 0; padding: 0;}
	
	
}

.mainWarp .infoBox .lNav ul.listT1::-webkit-scrollbar  { width: 0; height: 0;}  
.mainWarp .infoBox .lNav ul.listT1::-webkit-scrollbar-track { border-radius: 0;}   
.mainWarp .infoBox .lNav ul.listT1::-webkit-scrollbar-thumb { border-radius: 0;}

::-webkit-scrollbar  { width: 3; height: 3; background: #fff;}  
::-webkit-scrollbar-track { border-radius: 3; background-color: #F5F5F5;}   
::-webkit-scrollbar-thumb { border-radius: 3; background-color: #ccc;}