.toper{
	width: 100%;
	height: 160px;
	background: url(../img/bg1.png) no-repeat center;
	background-size: cover;
	min-width: 1200px;
}
.topers{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #c3dbed;
}
.toperst{
	width: 1200px;
	height: 40px;
	margin: auto;
	line-height: 40px;
}
.toperst h2{
	font-size: 14px;
	color: #2caeff;
	line-height: 40px;
	float: left;
}
.toperst h3{
	font-size: 14px;
	color: #2caeff;
	line-height: 40px;
	float: right;
}
.toperst h3 a{
	font-size: 14px;
	color: #2caeff;
	line-height: 40px;
	margin-left: 28px;
}
.logos{
	width: 1200px;
	height: 120px;
	margin: auto;
}
.logo{
	width: auto;
	height: auto;
	margin-top: 22px;
}
.logoimg{
	width: auto;
	height: auto;
	padding-right: 22px;
	border-right: 1px solid #cccccc;
	margin-right: 22px;
}
.logoimg img{
	width: auto;
	height: auto;
}
.titcon h2{
	font-size: 22px;
	color: #333;
	font-weight: 500;
	line-height: 25px;
	margin: 10px 0px 10px;
}
.titcon h3{
	font-size: 16px;
	color: #2caeff;
}
.phone{
	width: auto;
	height: 52px;
	margin-top: 34px;
}
.phoimg{
	height: 52px;
	margin-right: 15px;
}
.phoimg img{
	height: 52px;
}
.photex h2{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
	margin-top: 3px;
}
.photex h3{
	font-size: 26px;
	color: #333;
	font-weight: 500;
	font-family: arial;
}
.webnav{
	width: 100%;
	height: 60px;
	min-width: 1200px;
	background: -webkit-linear-gradient(#99ccec, #b0d8f4,#a2d2f3,#5cb5ea);
	background: -o-linear-gradient(#99ccec, #b0d8f4,#a2d2f3,#5cb5ea); 
	background: -moz-linear-gradient(#99ccec, #b0d8f4,#a2d2f3,#5cb5ea); 
	background: linear-gradient(#99ccec, #b0d8f4,#a2d2f3,#5cb5ea); 
}
.navs{
	width: 1200px;
	height: 60px;
	margin: auto;
}
.navs ul li{
	width: 170px;
	height: 60px;
	float: left;
	border-right: 1px solid #bbe7f7;
	border-left: 1px solid #59b5ee;
}
.navs ul li:first-child{
	border-left: 1px solid #bbe7f7;
}
.navs ul li:first-child a{
	border-left: 1px solid #59b5ee;
}
.navs ul li:last-child a{
	border-right: 1px solid #bbe7f7;
}
.navs ul li:last-child{
	border-right: 1px solid #59b5ee;
}
.navs ul li a{
	width: 100%;
	height: 60px;
	display: inline-block;
	font-size: 16px;
	color: #0080c6;
	text-align: center;
	line-height: 60px;
}
.navs ul li.actives a{
	background: #59b5ee;
	color: #fff;
}
.navs ul li:hover a{
	background: #59b5ee;
	color: #fff;
}
.mains1{
	width: 100%;
	height: 570px;
	min-width: 1200px;
	background: url(../img/bg2.png) no-repeat center;
	background-size: cover;
}
.mains1t{
	width: 1200px;
	height: 570px;
	margin: auto;
	padding-top: 90px;
}
.aboutcon{
	width: 620px;
	height: auto;
	padding-top: 10px;
}
.aboutcon h2{
	font-size: 40px;
	font-family: arial;
	color: #dbdada;
	margin-bottom: 15px;
	/*transform:rotate(7deg);
	-ms-transform:rotate(7deg); 	
	-moz-transform:rotate(7deg); 	
	-webkit-transform:rotate(7deg); 
	-o-transform:rotate(7deg); 	*/
}
.aboutcon h3{
	font-size: 30px;
	color: #222;
	margin-bottom: 15px;
}
.aboutcon h3 span{
	color: #49b9ff;
}
.aboutcon h4{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-bottom: 35px;
	width: 100%;
	height: 180px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.aboutcon a{
	width: 170px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 1px solid #b5b5b5;
	display: inline-block;
	font-size: 14px;
	color: #b5b5b5;
}
.aboutcon a:hover{
	border: 1px solid #49b9ff;
	color: #49b9ff;
}
.aboutpic{
	width: 522px;
	height: 382px;
	background: url(../img/s1.png) no-repeat 0px 0px;
	padding: 11px;
}
.aboutpic img{
	width: 100%;
	height: 100%;
}
.mains2{
	width: 100%;
	height: 650px;
	min-width: 1200px;
	background: url(../img/bg3.png) no-repeat bottom;
	background-size: cover;
}
.proli{
	width: 1200px;
	height: auto;
	padding-top: 68px;
	margin: auto;
}
.pronav{
	width: 240px;
	height: 510px;
}
.headpro{
	width: 240px;
	height: 150px;
	background: #73beed;
	padding-top: 30px;
}
.headpro h2{
	font-size: 40px;
	color: #85c5ef;
	text-align: center;
	margin-bottom: 16px;
}
.headpro h3{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-weight: 400;
}
.pronavli{
	width: 240px;
	height: 360px;
	background: #eeeeee;
	padding: 30px 15px 0px;
}
.pronavli ul li{
	width: 100%;
	height: 30px;
	margin-bottom: 14px;
	text-align: center;
}
.pronavli ul li span{
	width: 30px;
	height: 30px;
	display: inline-block;
	/*background: url(../img/s2.png) 0px 50% no-repeat;*/	
}

.pronavli ul li a{
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin: 0px 12px;
	display: inline-block;
	height: 30px;
	max-width: 120px;
	overflow: hidden;
}
.pronavli ul li:hover a{
	color: #49b9ff;
}
.pronavli ul li.actis a{
	color: #49b9ff;
}
.pronavli ul li.actis span{
	background: url(../img/s2.png) 0px 50% no-repeat;
}
.lookmore{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 10px;
}
.lookmore a{
	width: 150px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #49b9ff;
	display: inline-block;
	font-size: 14px;
	color: #49b9ff;
}
.lookmore a:hover{
	border: 1px solid #2085c4;
	color: #2085c4;
}
.proshow{
	width: 960px;
	height: 510px;
}
.proshow ul li{
	width: 960px;
	height: 510px;
	display: none;
}
.proshow ul li a{
	width: 320px;
	height: 255px;
	display: inline-block;
	overflow: hidden;
	float: left;
}
.proshow ul li a img{
	width: 320px;
	height: 255px;
	transition: all 2s;
}
.proshow ul li a img:hover{
	transform: scale(1.2); 
}
.mains3{
	width: 100%;
	height: 760px;
	min-width: 1200px;
	background: url(../img/bg4.png) no-repeat bottom;
	background-size: cover;
}
.case{
	width: 1200px;
	height: 760px;
	margin: auto;
	padding-top: 50px;	
}
.casetit{
	width: 100%;
	height: 115px;
	position: relative;
}
.fhtits{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.fhtits h2{
	font-size: 40px;
	color: #9dceee;
	text-align: center;
	z-index: 1;
}
.fhtitst{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.fhtitst h2{
	font-size: 40px;
	color: #e1e1e1;
	text-align: center;
	z-index: 1;
}
.fhtits2{
	width: 100%;
	height: auto;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1;
}
.fhtits2 h3{
	font-size: 30px;
	color: #0080c6;
	text-align: center;
	z-index: 2;
}
.fhtits2t{
	width: 100%;
	height: auto;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 1;
}
.fhtits2t h3{
	font-size: 30px;
	color: #49b9ff;
	text-align: center;
	z-index: 2;
}
.fhtits2t h3 span{
	color: #222;
}
.fhtits3{
	width: 100%;
	height: auto;
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 2;
}
.fhtits3 h4{
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.fhtits3t{
	width: 100%;
	height: auto;
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 2;
}
.fhtits3t h4{
	font-size: 16px;
	color: #999;
	text-align: center;
}
.caseli{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.pictureSlider ul li img{
	width: 100%;
	height: 410px;
}
.pictureSlider ul li{
	position: relative;
	/*height: 310px !important;*/
	overflow: hidden;
}
.pictureSlider ul li h2{
	font-size: 16px;
	color: #333;
	width: 100%;
	height: 40px;
	padding: 0px 10px;
	overflow: hidden;
	line-height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: rgba(255,255,255,.5);
	text-align: center;
}
.casebut{
	width: 100%;
	height: auto;
}
.casebut img{
	display: block;
	margin: auto;
}
.mains4{
	width: 100%;
	height: 700px;
	min-width: 1200px;
	background: url(../img/bg6.png) no-repeat bottom;
	background-size: cover;
}
.news{
	width: 1200px;
	height: 700px;
	margin: auto;
	padding-top: 50px;	
}
.newscon{
	width: 1200px;
	height: 440px;
	margin-top: 20px;
}
.newleft{
	width: 420px;
	height: 440px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.newleft ul{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2000px;
	height: 440px;
}
.newleft ul li{
	width: 420px;
	height: 440px;
	background: #fff;
	padding: 15px;
	float: left;
}
.newleft ul li img{
	width: 100%;
	height: 220px;
	margin-bottom: 30px;
}
.newleft ul li h2{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	margin-bottom: 15px;
}
.newleft ul li h2:hover{
	color: #73beed;
}
.newleft ul li h3{
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;	
}
.newleft ul li h4{
	width: 100%;
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.button{
	position: absolute;
	top: 205px;
	right: 25px;
}
.button li{
	width: 14px;
	height: 14px;
	background: #fff;
	border-radius: 50%;
	float: left;
	margin-left: 6px;
	cursor: pointer;
}
.button li.adds{
	background: #7fc5f1;
}
.newright{
	width: 760px;
	height: 440px;
}
.newright ul li{
	width: 760px;
	height: 100px;
	margin-bottom: 13.33px;
	background: #fff;
	padding: 10px;
}
.newright ul li:last-child{
	margin-bottom: 0px;
}
.times{
	width: 90px;
	height: 80px;
	border-right: 1px solid #eee;
	padding-top: 10px;
}
.times h2{
	font-size: 35px;
	color: #666;
	font-family: arial;
	text-align: center;
	margin-bottom: 8px;
	font-weight: 600;
}
.times h3{
	font-size: 16px;
	color: #ccc;
	font-family: arial;
	text-align: center;
}
.dets{
	width: 630px;
	height: 100%;
	padding-top: 15px;
}
.dets h2{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.dets h3{
	font-size: 14px;
	color: #666;
	font-weight: 500;
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.newright ul li:hover{
	background: #73beed;
}
.newright ul li:hover .times{
	border-right: 1px solid #fff;
}
.newright ul li:hover .times h2{
	color: #fff;
}
.newright ul li:hover .times h3{
	color: #fff;
}
.newright ul li:hover .dets h2{
	color: #fff;
}
.newright ul li:hover .dets h3{
	color: #fff;
}
.link{
	width: 100%;
	height: 60px;
	min-width: 1200px;
	background: #73beed;
}
.links{
	width: 1200px;
	height: 60px;
	margin: auto;
}
.links h2{
	width: 1200px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
}
.links h2 a{
	font-size: 16px;
	color: #fff;
	margin-right: 50px;
	display: inline-block;
}
.links h2 a:hover{
	color: #000000;
}
.footer{
	width: 100%;
	height: auto;
}
.footers{
	width: 1200px;
	height: 240px;
	margin: auto;
	padding-top: 35px;
}
.footnav{
	width: 650px;
	height: 100%;
}
.footnav ul li{
	width: 132px;
	height: auto;
	min-height: 142px;
	border-right: 1px dashed #eeeeee;
	padding-left: 20px;
	float: left;
	margin-right: 30px;
}
.footnav ul li h2{
	font-size: 16px;
	color: #333;
	margin-bottom: 30px;
}
.footnav ul li a{
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
	display: block;
}
.footnav ul li a:hover{
	color: #333;
}
.footcon{
	width: 320px;
	height: auto;
	min-height: 142px;
	border-right: 1px dashed #eeeeee;
	padding: 0px 0px 0px 30px;
}
.footcon h2{
	font-size: 16px;
	color: #333;
	margin-bottom: 30px;
}
.footcon h3{
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}
.footcon h4{
	font-size: 36px;
	color: #49b9ff;
	margin-bottom: 10px;
	font-family: arial;
}
.footcon h5{
	width: 240px;
	height: 30px;
	border-radius: 5px;
	background: url(../img/s3.png) 10px 50% #73beed no-repeat;
	padding-left: 38px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.footwxs{
	width: 146px;
	height: auto;
}
.footwxs img{
	width: 146px;
	height: auto;
}
.footbar{
	width: 100%;
	min-width: 1200px;
	height: 110px;
	border-top: 1px solid #e5e5e5;
}
.footbar h2{
	line-height: 110px;
	text-align: center;
	font-size: 16px;
	color: #666;
}

.panners{
	width: 100%;
	height: auto;
	min-width: 1200px;
	position: relative;
}
.panners img{
	width: 100%;
	height: auto;
	min-width: 1200px;
}
.location{
	width: 100%;
	height: 48px;
	min-width: 1200px;
	border-bottom: 1px solid #eee;
}
.locations{
	width: 1200px;
	height: 100%;
	margin: auto;
}
.locations h2{
	display: inline-block;
	width: auto;
	height: 100%;
	line-height: 47px;
	padding-left: 20px;
	background: url(../img/s4.png) no-repeat 0px 50%;
	font-size: 12px;
	color: #333;
	font-weight: 600;
	float: right;
}
.locations h2 a{
	font-size: 12px;
	color: #333;
	margin: 0px 5px;
}
.locations h2 a:last-child{
	color: #999;
}
.locations h2 a:hover{
	color: #999;
}
.contons{
	width: 1200px;
	height: auto;
	margin: auto;
	padding-top: 25px;
	min-height: 500px;
}
.option{
	width: 300px;
	height: auto;
	position: relative;
}
.optiontit{
	width: 300px;
	height: 120px;
	background: url(../img/bg7.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: -122px;
	left: 0px;
	padding: 30px 0px 0px 55px;
}
.bigs{
	font-size: 70px;
	color: #fff;
	font-family: Arial;
	line-height: 56px;
	margin-right: 10px;
}
.smalls h2{
	font-size: 30px;
	color: #fff;
	margin-bottom: 6px;
}
.smalls h3{
	font-size: 16px;
	color: #fff;
	font-family: Arial;
	letter-spacing: 0.5px;
}
.optionli{
	width: 300px;
	height: auto;
	margin-bottom: 30px;
}
.optionli ul li{
	width: 300px;
	height: 70px;	
	margin-bottom: 2px;
}
.optionli ul li a{
	width: 300px;
	height: 70px;	
	color: #666;
	font-size: 16px;
	background: url(../img/s5.png) 246px 50% #eee no-repeat;
	line-height: 70px;
	padding-left: 40px;
	padding-right: 70px;
	overflow: hidden;
	display: inline-block;
}
.optionli ul li.actist a{
	background: url(../img/s6.png) 246px 50% #73beed no-repeat;
	color: #fff;
}
.optioncon{
	width: 300px;
	height: auto;
	background: #f4f4f4;
	padding-bottom: 10px;
	margin-bottom: 100px;
}
.optioncon img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.optioncon h2{
	padding: 0px 20px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	margin-bottom: 5px;
}
.const{
	width: 850px;
	height: auto;
	padding-bottom: 30px;
}
.const h2{
	font-size: 24px;
	color: #333;
	line-height: 35px;
	margin-bottom: 15px;
	text-align: center;
}
.const img{
	display: block;
	margin: auto;
	max-width: 850px;
}
.const p{
	font-size: 16px;
	color: #666;
	line-height: 35px;
	margin-bottom: 15px;
}

.contans h2{
	font-size: 24px;
	color: #333;
	line-height: 35px;
	margin-bottom: 15px;
	text-align: center;
}
.contans img{
	display: block;
	margin: auto;
	max-width: 600px;
}
.contans p{
	font-size: 16px;
	color: #666;
	line-height: 35px;
	margin-bottom: 15px;
}
.prost{
	width: 850px;
	height: auto;
	padding-bottom: 30px;
}
.prost ul li{
	width: 270px;
	height: 280px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
}
.prost ul li:nth-child(3n){
	margin-right: 0px;
}
.prost ul li img{
	width: 270px;
	height: 216px;
	border: 1px solid #eee;
	padding: 1px;
	margin-bottom: 20px;
}
.prost ul li h2{
	font-size: 16px;
	color: #666;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	padding: 0px 10px;
}
.prost ul li:hover h2{
	color: #73beed;
}
.fpic{
	width: 270px;
	height: 216px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.prost ul li .fpic img{
	width: 270px;
	height: 216px;
	padding: 0px;
	margin-bottom: 0px;
}
.pagination{
	padding: 0px 25px 0px;
	background: #f6f6f6;
	display:inline-block;
	width: 100%;
}
.pagination li a{
	padding: 5px 10px;
	border: 1px solid #d2d2d2;
	color: #999999;
	font-size: 13px;
	display: inline-block;
	margin: 20px 5px 20px;
	background: none;
}
.pagination li span{
	padding: 5px 10px;
	border: 1px solid #73beed;
	color: #73beed;
	font-size: 13px;
	display: inline-block;
	margin: 20px 5px 20px;
	background-color: rgb(0,0,0,.0) !important;
}
.pagination li a:hover{
	background: #73beed;
	border: 1px solid #73beed;
	color: #fff;
}
.pagination li.active span{
	background: #73beed !important;
	border: 1px solid #73beed;
	color: #fff;
}
.newdet_con{
	margin-top: 30px;
}
.newdet_con h4{
	width: 100%;
	height: 2.6rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
	overflow: hidden;
	color: #333;
}
.newdet_con a{
	color: #666;
	font-size: 1.4rem;
	font-weight: 500;
}
.newdet_con a:hover{
	color: #72beed;
}
.contact{
	width: 850px;
	height: auto;
	padding-bottom: 60px;
}
.contact h2{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 50px;
}
.contact h2 span{
	font-size: 14px;
	color: #999;
	font-weight: 500;
}
.contactli{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.contactli ul li{
	width: 240px;
	height: auto;
	min-height: 56px;
	padding-left: 75px;
	float: left;
	margin-right: 30px;
	border-right: 1px solid #e6e6e6;
}
.contactli ul li:last-child{
	margin-right: 0px;
	border-right: none;
}
.contactli ul li h1{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 14px;
}
.contactli ul li h3{
	font-size: 16px;
	color: #666;
	line-height: 25px;
	width: 160px;
}
.contactli ul li:nth-child(1){
	background: url(../img/s7.png) no-repeat 0px 0px;
}
.contactli ul li:nth-child(2){
	background: url(../img/s8.png) no-repeat 0px 0px;
}
.contactli ul li:nth-child(3){
	background: url(../img/s9.png) no-repeat 0px 0px;
}
.maps{
	width: 850px;
	height: 360px;
}
.maps img{
	width: 850px;
	height: 360px;
}
.recruit{
	width: 850px;
	height: auto;
	padding-bottom: 60px;
}
.recruit ul li{
	width: 850px;
	height: auto;
	padding-bottom: 40px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eeeeee;
}
.newstime{
	width: 120px;
	height: 90px;
}
.newstime h2{
	font-size: 40px;
	color: #999;
	font-family: arial;
	margin-bottom: 13px;
}
.newstime h3{
	width: 38px;
	height: 2px;
	background: #999;
	margin-bottom: 12px;
}
.newstime h4{
	font-size: 16px;
	color: #999;
	font-family: arial;
}
.reli{
	width: 700px;
	height: 90px;
}
.reli h2{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	margin-bottom: 18px;
}
.reli h3{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	height: 20px;
	width: 100%;
	margin-bottom: 18px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.reli h4{
	font-size: 14px;
	color: #333;
	font-weight: 600;
	padding-right: 18px;
	background: url(../img/s11.png) no-repeat right 50%;
	display: inline-block;
}
.reli h2:hover{
	color: #2395dc;
}
.reli h4:hover{
	color: #2395dc;
}
.recrumod{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 30px;
}
.recrumod h1{
	padding: 17px 50px;
	background: #73beed;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
}
.recrumod h2{
	color: #333;
	font-size: 16px;
	margin-bottom: 25px;
}
.recrumod h3{
	color: #666;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 40px;
	padding-left: 20px;
}
.newfirst{
	width: 850px;
	height: auto;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}
.newfl{
	width: 390px;
	height: 220px;
}
.newfl img{
	width: 390px;
	height: 220px;
}
.newri{
	width: 430px;
	height: 220px;
	padding-top: 15px;
}
.newri h2{
	font-size: 16px;
	color: #333;
	font-weight: 600;
	height: 20px;
	line-height: 20px;
	width: 100%;
	margin-bottom: 15px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.newri h3{
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
}
.newri h4{
	font-size: 14px;
	color: #666;
	height: 90px;
	line-height: 30px;
	width: 100%;
	margin-bottom: 15px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.newri h5{
	font-size: 14px;
	color: #333;
	font-weight: 600;
	padding-right: 18px;
	background: url(../img/s11.png) no-repeat right 50%;
	display: inline-block;
}
.newri h2:hover{
	color: #2395dc;
}
.newri h5:hover{
	color: #2395dc;
}
.newdet{
	width: 100%;
	height: auto;
}
.newtit{
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}
.newtit h2{
	font-size: 22px;
	color: #333;
	line-height: 35px;
	margin-bottom: 20px;
	text-align: center;
}
.newtit h3{
	font-size: 14px;
	color: #999;
	text-align: center;
}
.newdets{
	width: 100%;
	height: auto;
}
.newdets img{
	display: block;
	margin: auto;
	max-width: 850px;
}
.newdets p{
	font-size: 16px;
	color: #666;
	line-height: 35px;
	margin-bottom: 15px;
}
.caselist{
	width: 850px;
	height: auto;
	padding-bottom: 30px;
}
.caselist ul li{
	width: 270px;
	height: 230px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}
.caselist ul li:nth-child(3n){
	margin-right: 0px;
}
.casepic{
	width: 270px;
	height: 170px;
	overflow: hidden;

}
.casepic img{
	width: 270px;
	height: 170px;
	transition: all 2s;
	/*transform: scale(1.2); */
}

.casepic img:hover{
	/*width: 270px;*/
	/*height: 170px;*/
	/*transition: all 2s;*/
	transform: scale(1.2); 
}

.casetits{
	width: 270px;
	height: 60px;
}
.casetits h2{
	width: 210px;
	height: 60px;
	background: #f4f4f4;
	line-height: 60px;
	font-size: 16px;
	color: #666;
	padding: 0px 20px;
	overflow: hidden;
	float: left;
}
.casetits h3{
	width: 60px;
	height: 60px;
	background: #f4f4f4;
	line-height: 60px;
	font-size: 16px;
	color: #999;
	text-align: center;
	float: right;
	border-left: 1px solid #e5e5e5;
}
.caselist ul li:hover .casetits h3{
	background: #73beed;
	border-left: 1px solid #73beed;
	color: #fff;
}
.caselist ul li:hover{
	box-shadow: 1px 2px 4px #e6e6e6;
}