/* CSS Document */ 
div,ul,ol,li,dl,dd,dt,table,form,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ul,ol,li{ list-style:none; list-style-type:none;}
body{ margin:0px; padding:0px; font-size:12px; color: #444; line-height:24px; font-family:"微软雅黑"; background-color:#fff;} 
/*table{ margin:0 auto;}*/
table {table-layout: fixed;word-wrap:break-word;} 
img{ border:none;}
a{ color: #444; text-decoration: none;}
a:hover { color:#f00; text-decoration: none; } 
a.red{ color:#f00;}
a.red:hover{ color:#009900;}
img{border:none;}  
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clear{ clear:both; } 
.fl_l{ float:left; }
.fl_r{ float:right; }
.margin0{ margin:0 auto;}
.margin5{ margin:5px auto 0; }  
.margin10{ margin:10px auto 0; }  
.margin15{ margin:15px auto 0; } 
.margin20{ margin:20px auto 0; }  
.blank20{ height:20px; overflow:hidden; }

@font-face {
	font-family: 'Aejo';
	src: url('../fonts/Aejo.eot'); /* IE9+ */
	src: url('../fonts/Aejo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/Aejo.woff') format('woff'), /* chrome、firefox */
	url('../fonts/Aejo.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/Aejo.svg#fontname') format('svg'); /* iOS 4.1- */
}

.wrap{ margin:auto; }

.indexlogo{ }

.bannerquick{ position:absolute; bottom:20px; right:150px; z-index:1;}
.bannerquick .left{ float:left; width:120px; margin-right:10px;}
.bannerquick .right{ float:left; width:120px;}
.navwrap{ height:56px; border-bottom:1px solid #fff; width:100%; background:url(../images/topnav_bg.jpg) repeat-y center center;}

.topbox{ height:100px; position:absolute; top:0; left:0; right:0; z-index:90;}
.topbox .logo{ float:left; margin-top:20px; margin-left:60px; }
.topbox .rightmenu{ float:right;}

.navico{ position:absolute;right:10px; top:18px; z-index:999; display:none;}
.masklay{ position:fixed;  left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:88; display:none; }

@media (max-width: 768px){
	.topbox .logo {
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		z-index: 80!important;
		position: absolute;
	}
	.topbox .logo img{ height:40px;}
	.topbox .rightmenu {
		width: 200px;
		background: rgba(0,86,137,0.8);
		position: absolute;
		top: 0px;
		right: 0;
		z-index: 889;
		display: none;
		border-bottom-left-radius: 12px;
		float: right;
		padding-bottom:40px;
	}
	.navico {
		display:block;
		position: absolute;
		right: 10px;
		top: 20px;
		z-index: 999;
	}
	.minimg img {
		width: 100%;
		object-fit: cover;
		height: auto;
	}
}

.topright{ width:910px; float:right;}
.telphone{ width:233px; height:36px; float:right; line-height:36px; text-align:center; color:#fff; font-size:14px; background:url(../images/tel_bg.png) no-repeat;}
.telphone span{ font-size:18px; font-family:arial;}
.navbg{ background:#fff; height:116px; width:100%; }
.navallbox{ width:1200px; margin:0px auto;} 
.navlogo{ width:390px; float:left;}
.navbox{width:810px; float:right;  color:#fff; height:116px; margin:auto; margin-top:20px;}
.navbox ul{ margin:auto; }
.pSort{ width:115px; color:#fff;  float:left; height:80px; line-height:80px; text-align:center; font-weight:300;  font-family:"Microsoft Yahei"; font-size:16px; }
.pSort:hover{  color:#fff; }
a.pSortLink{ display:block; color:#fff; height:80px; 
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
a.pSortLink:hover{  background:url(../images/nav_hover.png) no-repeat bottom center; color:#fff; }

.pSorttxt{ font-size:14px; font-family:"Microsoft Yahei"; padding-top:10px; height:24px; line-height:24px; text-indent:12px;}
.pSorttxt1{ font-size:10px; font-family:Arial, Helvetica, sans-serif;  height:20px; line-height:20px; color:#99C7DF; -webkit-text-size-adjust:none; text-indent:12px;}
 
.pSort:hover .submenu{ display:block; }
#CurrMenu{  background:url(../images/nav_hover.jpg) no-repeat bottom center; color:#fff; }

.navindex{ height:70px; border-bottom:5px solid #DFDFDF; width:1200px; margin:auto;}
.navnei{ height:70px; border-top:5px solid #414141; border-bottom:1px solid #DFDFDF;  margin:auto;}


.indexabout{ background-color:#fff; padding:110px 60px;}

@media (max-width: 768px) {
	.indexabout {
		background-color: #fff;
		padding: 10px 10px;
	}
}

.indexabouttop{  background:url(../images/icon2.png) no-repeat right bottom 20px;}
.indexabouttop .img1{ }
.indexabouttop .title{ height:100px; line-height:100px; font-size:65px; color:#000; font-weight:bolder; margin-top:30px;}
.indexabouttop .title span{ font-size:60px; color:#B8B8B8; font-family:Arial; font-weight:bolder; margin-left:10px; line-height:100px; display:inline-block; margin-top:20px;}
.indexabouttop .txt{ margin-top:30px; line-height:40px; font-size:16px; color:#000; width:52%; max-width:1000px; min-width:600px;}

@media (max-width: 768px) {
	.indexabouttop{  background:url(../images/icon2.png) no-repeat right bottom 0px; width:100%; background-size:auto 10px;	}
	.indexabouttop .img1 img { height:10px}
	.indexabouttop .title{ height:40px; line-height:40px; font-size:30px; color:#000; font-weight:bolder; margin-top:10px;}
	.indexabouttop .title span{ font-size:26px; color:#B8B8B8; font-family:Arial; font-weight:bolder; margin-left:10px; line-height:40px; display:inline-block; margin-top:10px;}
	.indexabouttop .txt{ margin-top:30px; line-height:40px; font-size:14px; color:#000; width:auto;  max-width:100%; min-width:300px; text-align:justify; padding-bottom:10px;}
}

.indexaboutico{ margin-top:80px;}
.indexaboutico li{ width:23%; margin:0 1%; float:left; background-color:#fff; padding:85px 60px; box-sizing:border-box;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutico li.ico1 .img{ width:200px; height:200px; background:url(../images/aico12.png) no-repeat center center;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
	.indexaboutico li.ico1:hover .img {
		background: url(../images/aico11.png) no-repeat center center;
		transform: rotate(360deg);
		transition: all 1.5s;
	}
.indexaboutico li.ico2 .img{ width:200px; height:200px; background:url(../images/aico22.png) no-repeat center center;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
	.indexaboutico li.ico2:hover .img {
		background: url(../images/aico21.png) no-repeat center center;
		transform: rotate(360deg);
		transition: all 1.5s;
	}
.indexaboutico li.ico3 .img{ width:200px; height:200px; background:url(../images/aico32.png) no-repeat center center;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
	.indexaboutico li.ico3:hover .img {
		background: url(../images/aico31.png) no-repeat center center;
		transform: rotate(360deg);
		transition: all 1.5s;
	}
.indexaboutico li.ico4 .img{ width:200px; height:200px; background:url(../images/aico42.png) no-repeat center center;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
	.indexaboutico li.ico4:hover .img {
		background: url(../images/aico41.png) no-repeat center center;
		transform: rotate(360deg);
		transition: all 1.5s;
	}
.indexaboutico li .txtbox{ margin-left:20px; margin-top:18px;}
.indexaboutico li .etitle{ height:32px; line-height:32px; font-size:24px; color:#232323; font-family:Arial; font-weight:bold;}
.indexaboutico li .ctitle{ height:40px; line-height:40px; font-size:24px; color:#232323;}
.indexaboutico li .tall{ margin-top:25px;}
.indexaboutico li .tli{ height:38px; line-height:38px; font-size:16px; color:#696969; cursor:pointer;}
.indexaboutico li .tli span{ margin-left:20px;}
.indexaboutico li .tli:hover{ color:#0272b9;}
.indexaboutico li:hover { border-radius:4px;
		box-shadow: 0px 0 25px 1px #ebebeb;
	}

@media (max-width: 768px) {
	.indexaboutico{ margin-top:10px;}
	.indexaboutico li{ width:49.5%; margin:5px 0; margin-right:1%; float:left; background-color:#fff; padding:10px 10px; box-sizing:border-box; text-align:center;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indexaboutico li:nth-child(2n){ margin-right:0;}
	.indexaboutico li.ico1 .img{ width:130px; height:130px; background:url(../images/aico11.png) no-repeat center center; text-align:center; background-size:130px 130px; margin:0 auto;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
		.indexaboutico li.ico1:hover .img {
			background-size: 130px 130px;
			margin: 0 auto;
			background: url(../images/aico12.png) no-repeat center center;
			transform: rotate(360deg);
			transition: all 1.5s;
		}
		.indexaboutico li.ico2 .img {
			width: 130px;
			height: 130px;
			margin: 0 auto;
			background: url(../images/aico21.png) no-repeat center center;
			background-size: 130px 130px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		}
		.indexaboutico li.ico2:hover .img {
			background: url(../images/aico22.png) no-repeat center center;
			transform: rotate(360deg);
			transition: all 1.5s;
		}
		.indexaboutico li.ico3 .img {
			width: 130px;
			height: 130px;
			margin: 0 auto;
			background: url(../images/aico31.png) no-repeat center center;
			background-size: 130px 130px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		}
		.indexaboutico li.ico3:hover .img {
			background: url(../images/aico32.png) no-repeat center center;
			transform: rotate(360deg);
			transition: all 1.5s;
		}
		.indexaboutico li.ico4 .img {
			width: 130px;
			height: 130px;
			margin: 0 auto;
			background: url(../images/aico41.png) no-repeat center center;
			background-size: 130px 130px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		}
		.indexaboutico li.ico4:hover .img {
			background: url(../images/aico42.png) no-repeat center center;
			transform: rotate(360deg);
			transition: all 1.5s;
		}
	.indexaboutico li .txtbox{ margin-left:0px; margin-top:18px;}
	.indexaboutico li .etitle{ height:32px; line-height:32px; font-size:16px; color:#232323; font-family:Arial; font-weight:bold;}
	.indexaboutico li .ctitle{ height:40px; line-height:40px; font-size:16px; color:#232323;}
	.indexaboutico li .tall{ margin-top:25px;}
	.indexaboutico li .tli{ height:auto; line-height:38px; font-size:14px; color:#696969; cursor:pointer;}
	.indexaboutico li .tli span{ margin-left:0px; display:block;}
	.indexaboutico li .tli:hover{ color:#0272b9;}
	.indexaboutico li:hover { border-radius:4px;
			box-shadow: 0px 0 25px 1px #ebebeb;
		}
}

.indexaboutbtnbox{ margin-top:60px;}
.indexaboutbtn1{ width:170px; height:52px; line-height:52px; font-size:18px; font-weight:300; background-color:#fff; text-align:center; color:#0272B9; float:left; border-radius:3px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutbtn1 a{ display:block; color:#0272B9; }
.indexaboutbtn1:hover{ background-color:#0272B9; 
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutbtn1:hover a{ color:#fff;}
.indexaboutbtn2{ width:170px; height:52px; line-height:52px; font-size:18px; font-weight:300; background:#0272B9 url(../images/icon3.png) no-repeat left 30px center; text-indent:36px; background-size:24px 24px; text-align:center; color:#fff; float:left; margin-left:20px; border-radius:3px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexaboutbtn2 a{ display:block; color:#fff; }
.indexaboutbtn2:hover{  background:#028CE8 url(../images/icon3.png) no-repeat left 30px center; background-size:24px 24px;}
.indexaboutbtn2:hover a{ color:#fff;}

@media (max-width: 768px) {
	.indexaboutbtnbox{ margin-top:10px;}
	.indexaboutbtn1{ width:120px; height:36px; line-height:36px; font-size:14px; font-weight:300; background-color:#fff; text-align:center; color:#0272B9; float:left; border-radius:3px;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indexaboutbtn1 a{ display:block; color:#0272B9; }
	.indexaboutbtn1:hover{ background-color:#0272B9; 
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indexaboutbtn1:hover a{ color:#fff;}
	.indexaboutbtn2{ width:120px; height:36px; line-height:36px; font-size:14px; font-weight:300; background:#0272B9 url(../images/icon3.png) no-repeat left 20px center;  text-indent:36px; background-size:18px 18px; text-align:center; color:#fff; float:left; margin-left:20px; border-radius:3px;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.indexaboutbtn2 a{ display:block; color:#fff; }
	.indexaboutbtn2:hover{  background:#028CE8 url(../images/icon3.png) no-repeat left 30px center; background-size:24px 24px;}
	.indexaboutbtn2:hover a{ color:#fff;}
}

.indexnews{ background-color:#fff; padding:110px 60px;}
.inewstoptitle{ border-bottom:1px solid #EBEBEB; padding-bottom:60px;}
.inewstoptitle .title{ height:90px; line-height:90px; font-size:60px; color:#000; font-weight:300; background:url(../images/line1.jpg) no-repeat left center; text-indent:80px;}
.inewstoptitle .txt{ height:40px; line-height:40px; font-size:20px; color:#666; font-weight:300; text-indent:80px;}

.inewslist{ }
.inewslist li{ padding:90px 0px; border-bottom:1px solid #EBEBEB;
	display:box;
	display:-webkit-box;
	display:-moz-box;

}
.inewslist li .img{ width:400px; height:300px; overflow:hidden;}
.inewslist li .img img{ width:400px; height:300px; object-fit:cover; transform: scale(1.0, 1.0); transition:all 1s;}
	.inewslist li .txtbox {
		margin-left: 45px;
		-moz-box-flex: 1;
		-webkit-box-flex: 1;
		box-flex: 1;
		background: url(../images/icon6.png) no-repeat left 0px bottom 10px;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
.inewslist li .title{ width:400px; float:left; font-size:36px; color:#000; line-height:55px; font-weight:300;}
.inewslist li .txt{ width:480px; float:left; font-size:16px; color:#2e2e2e; line-height:30px; margin-top:8px; margin-left:5%; font-weight:300;}
.inewslist li .time{ width:80px; float:right; margin-top:8px; line-height:48px; font-size:15px; color:#333; text-align:center;}
.inewslist li .time span{ font-size:48px; display:block;}
.inewslist li:hover{ background-color:#fefefe;}
.inewslist li:hover .txtbox{ background: url(../images/icon5.png) no-repeat left 30px  bottom 10px;}
.inewslist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2s;}

.inewsmore{ padding:100px 0px; text-align:center;}

@media (max-width: 768px) {
	.indexnews{ background-color:#fff; padding:10px 10px;}
	.inewstoptitle{ border-bottom:1px solid #EBEBEB; padding-bottom:20px;}
	.inewstoptitle .title{ height:60px; line-height:60px; margin-top:15px; font-size:30px; color:#000; font-weight:300; background:url(../images/line1.jpg) no-repeat left 10px center; text-indent:80px;}
	.inewstoptitle .txt{ height:40px; line-height:40px; font-size:16px; color:#666; font-weight:300; text-indent:10px;}

	.inewslist{ }
	.inewslist li{ padding:20px 0px; border-bottom:1px solid #EBEBEB;
		display:box;
		display:-webkit-box;
		display:-moz-box;

	}
	.inewslist li .img{ width:120px; height:180px; overflow:hidden;}
	.inewslist li .img img{ width:120px; height:90px; object-fit:cover; transform: scale(1.0, 1.0); transition:all 1s;}
		.inewslist li .img .itime{ width:80px; float:left; margin-top:8px; line-height:42px; font-size:15px; color:#333; text-align:center;}
		.inewslist li .img .itime span{ font-size:40px; display:block;}
		.inewslist li .txtbox {
			margin-left: 15px;
			-moz-box-flex: 1;
			-webkit-box-flex: 1;
			box-flex: 1;
			background: url(../images/icon6.png) no-repeat left 0px bottom 10px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		}
	.inewslist li .title{ width:100%; float:left; font-size:20px; color:#000; line-height:28px; font-weight:300;}
	.inewslist li .txt{ width:100%; float:left; font-size:14px; color:#2e2e2e; line-height:30px; margin-top:8px; margin-left:0; font-weight:300;}
	.inewslist li .time{ width:80px; float:right; margin-top:8px; line-height:48px; font-size:15px; color:#333; text-align:center; display:none;}
	.inewslist li .time span{ font-size:48px; display:block;}
	.inewslist li:hover{ background-color:#fefefe;}
	.inewslist li:hover .txtbox{ background: url(../images/icon5.png) no-repeat left 30px  bottom 10px;}
	.inewslist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2s;}

	.inewsmore{ padding:20px 0px; text-align:center;}
}

.indexcase {
	background: url(../images/indexcase.jpg) no-repeat left top;
	padding: 50px 60px;
}
.icasetitle{ padding-bottom:60px; margin-top:30px;}
.icasetitle .title{ height:90px; line-height:90px; font-size:60px; color:#000; font-weight:300; background:url(../images/line1.jpg) no-repeat left center; text-indent:80px;}

@media (max-width: 768px) {
	.indexcase {
		background: url(../images/indexcase.jpg) no-repeat left top;
		padding: 0px 0px;
	}
	.icasetitle{ padding-bottom:20px; margin-top:30px;}
	.icasetitle .title{ height:90px; line-height:90px; font-size:30px; color:#000; font-weight:300; background:url(../images/line1.jpg) no-repeat left 10px center; text-indent:80px;}
}

.indexcasesmall {
	background: #fff;

	padding: 50px 60px;
}


@media (max-width: 768px) {
	.indexcasesmall {
		background: #fff;
		padding: 10px 10px;
		height:300px; overflow:hidden;
	}
}

.industrybg{ background:url(../images/hybg.jpg) no-repeat top center; height:690px; overflow:hidden; position:relative;}
.indutxtbox{ position:absolute; left:240px; top:150px; z-index:999;}
.indutxtbox .title{ height:110px; line-height:110px; font-size:60px; color:#fff;}
.indutxtbox .line{ width:120px; height:24px; border-bottom:2px solid #fff;}
.indutxtbox .txt{ width:440px; margin-top:45px; line-height:36px; color:#fff; font-size:20px;}

.indextopcase{ position:relative; width:90%; min-width:1000px;}
.indextopcase .txtbox{ position:absolute; bottom:0px; right:-100px; z-index:99; background-color:#0272B9; padding:45px 65px; width:540px;}
.indextopcase .img{ width:145px; height:145px; }
.indextopcase .img img{ width:145px; height:145px; object-fit:cover;}
.indextopcase .ttitle{ margin-top:30px; height:60px; line-height:60px; font-size:40px; color:#fff ; font-weight:bold;}
.indextopcase .ttxt{ height:60px; line-height:60px; font-size:40px; color:#fff; font-weight:bold;}
.indextopcase .more{ margin-top:100px; width:100px; height:44px; line-height:44px; font-size:14px; background-color:#fff; border-radius:22px; padding:0px 20px;}
.indextopcase .more span{ float:right; margin-top:13px;}

@media (max-width: 768px) {
	.industrybg{ background:url(../images/hybg.jpg) no-repeat top center; height:auto; overflow:hidden; position:relative;}
	.indutxtbox{ position:absolute; left:20px; top:20px; z-index:99; padding:0px 10px;}
	.indutxtbox .title{ height:40px; line-height:40px; font-size:20px; color:#fff; font-weight:300;}
	.indutxtbox .line{ width:120px; height:2px; border-bottom:2px solid #fff;}
	.indutxtbox .txt{ width:auto; margin-top:10px; line-height:28px; color:#fff; font-size:14px;}

	.indextopcase{ position:relative; width:90%; min-width:1000px;}
	.indextopcase .txtbox{ position:absolute; bottom:0px; right:-100px; z-index:99; background-color:#0272B9; padding:45px 65px; width:540px;}
	.indextopcase .img{ width:145px; height:145px; }
	.indextopcase .img img{ width:145px; height:145px; object-fit:cover;}
	.indextopcase .ttitle{ margin-top:30px; height:60px; line-height:60px; font-size:40px; color:#fff ; font-weight:bold;}
	.indextopcase .ttxt{ height:60px; line-height:60px; font-size:40px; color:#fff; font-weight:bold;}
	.indextopcase .more{ margin-top:100px; width:100px; height:44px; line-height:44px; font-size:14px; background-color:#fff; border-radius:22px; padding:0px 20px;}
	.indextopcase .more span{ float:right; margin-top:13px;}
}

@media (max-width: 768px) {
	.swiper {
		width: 100%;
		height: 220px;
		overflow: hidden;
	}
	.mimgs{ height:280px; object-fit:cover;}
	.indextopcase{ position:relative; width:100%; min-width:300px;}
	.indextopcase .txtbox{ position:absolute; bottom:0px; right:-10px; z-index:99; background:rgba(0,86,137,0.9);  padding:15px 15px; width:150px;}
	.indextopcase .img{ width:60px; height:60px; }
	.indextopcase .img img{ width:60px; height:60px; object-fit:cover;}
	.indextopcase .ttitle{ margin-top:10px; height:30px; line-height:30px; font-size:16px; color:#fff ; font-weight:bold;}
	.indextopcase .ttxt{ height:30px; line-height:30px; font-size:16px; color:#fff; font-weight:bold;}
	.indextopcase .more{ margin-top:10px; width:80px; height:36px; line-height:36px; font-size:14px; background-color:#fff; border-radius:22px; padding:0px 10px;}
	.indextopcase .more span{ float:right; margin-top:10px;}
	.mimgsjt{ display:none;}
}

.indexprobox {
	padding: 30px 0px;
}
.indexprotitle{ background:url(../images/probg.png) no-repeat right top; height:210px; margin-top:30px;}
.indexprotitle .title{ height:60px; line-height:60px; font-size:45px; color:#333;}
.indexprotitle .title i{ font-style:normal; color:#a7ae00;}
.indexprotitle .txt{ color:#333; font-size:16px; height:40px; line-height:40px;}
.indexprocort{ margin-top:42px;}
.indexprocort li{  display:inline-block; font-weight:bold; margin-right:20px;}
.indexprocort li a{ display:block;border-radius:25px; padding:10px 25px; color:#222; font-size:18px; border:1px solid #ccc;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.indexprocort li a.ico1{ background:#004681; border:1px solid #004681; color:#fff; display:block;}
.indexprocort li a:hover{ background:#004681; border:1px solid #004681; color:#fff;}

.pronext1 {
	width: 19px;
	height: 20px;
	background: url(../images/sico12.png) no-repeat left center;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.pronext1:hover{ background:url(../images/sico11.png) no-repeat left center;}
.propre1 {
	width: 19px;
	height: 20px;
	background: url(../images/sico22.png) no-repeat left center;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.propre1:hover{ background:url(../images/sico21.png) no-repeat left center;}

.mainnews{ background-color:#F7F7F6; padding-bottom:40px;}
.mainnewstitle{ height:85px; line-height:85px; padding:10px 0px; margin:40px 0px;}
.mainnewstitle b{ font-size:36px; color:#000; font-family:'Microsoft YaHei';}
.mainnewstitle i{ font-style:normal; font-size:14px; font-family:Arial; margin-left:10px;}
.mainnewstitle span{ float:right; height:30px; line-height:30px; margin-top:45px; font-size:14px; font-family:'Microsoft YaHei';}
.mainnewsleft{ width:600px; float:left; height:500px;}
.mainnewsleft .img{ width:600px; height:360px; overflow:hidden;}
.mainnewsleft .img img{ width:600px; height:360px;}
.mainnewsleft .txtbox{ height:140px; background-color:#fff; position:relative;}
.mainnewsleft .txt{ width:440px; height:160px; padding:20px 30px; position:absolute; right:0; bottom:0; z-index:99; background-color:#EAEAEA;}
.mainnewsleft .time{ width:100px; text-align:center; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
.mainnewsleft .time .dtime{ margin-top:30px; height:56px; line-height:56px; font-size:48px; color:#949494;}
.mainnewsleft .time .dyear{ height:32px; line-height:32px; font-size:14px; color:#aaa;}
.mainnewsleft .ttitle{ height:40px; line-height:40px; font-size:16px; color:#343333;}
.mainnewsleft .ttxt{ margin-top:10px; line-height:30px; font-size:14px; color:#888;}
.mainnewsleft .more{ width:76px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:15px; color:#888; text-align:center; font-size:14px; margin-top:20px; float:right;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.mainnewsleft:hover .more{ border:1px solid #003C6E; border-radius:15px; background-color:#003C6E; color:#fff;}

.mainnewsright{ width:530px; float:right; height:220px; margin-bottom:60px; border-bottom:1px solid #EBEBEB;}
.mainnewsright .title{ margin:18px 0px; height:34px; line-height:34px; color:#333; font-size:16px; overflow:hidden;}
.mainnewsright .txt{ height:56px; line-height:28px; color:#888; font-size:14px; overflow:hidden;}
.mainnewsright .time{ margin-top:28px; height:32px; line-height:32px; font-size:14px; color:#888; font-family:Arial, Helvetica, sans-serif;}
.mainnewsright .time span{ width:76px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:15px; color:#888; text-align:center; font-size:14px; float:right;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.mainnewsright:hover .time span{ border:1px solid #003C6E; border-radius:15px; background-color:#003C6E; color:#fff;}
.mainnewsright:hover .title{ color:#003C6E;}



.indexnews{ }
.indexnewstitle{ height:110px; text-align: center;}
.indexnewscon{ margin-top:50px;}
.indexnewstop{ width:450px; padding:20px 30px; padding-bottom:0px; background-color:#F8F8F8; float:left;}
.indexnewstop .time{ height:40px; line-height:40px; color:#666; font-size:18px; font-weight:300;}
.indexnewstop .title{ height:30px; line-height:30px; font-size:16px; font-weight:300;  color:#000;}
.indexnewstop .pic{ margin:8px 0px; width:450px; height:240px;}
.indexnewstop .pic img{ width:450px; height:240px;}
.indexnewstop .txt{ height:60px; line-height:30px; font-size:14px; color:#6B6B6B;}
.indexnewstop .btn{ width:140px; height:45px; margin:8px auto;}

.indexnewslist{ margin:20px 0px;} 
.indexnewslist li{ width:552px; float:left; margin:20px 5px; height:90px; padding:10px 10px 10px 28px; background:url(../images/newsahover.jpg) no-repeat;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexnewslist li .title{ height:30px; line-height:30px; color:#000; font-size:16px; font-weight:300;}
.indexnewslist li .title span{ float:right; color:#333; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.indexnewslist li .txt{ margin-top:8px; line-height:24px; height:48px;  width:480px; overflow:hidden; color:#666; font-size:14px;}
.indexnewslist li:hover{ background:url(../images/newsabg.jpg) no-repeat;}
.indexnewslist li:hover .title{ color:#fff;}
.indexnewslist li:hover .title span{ color:#fff;}
.indexnewslist li:hover .txt{ color:#fff;}


.indexproject{ width:358px; height:288px; float:right; padding:20px; padding-top:10px; background-color:#fff;}
.indexproject .title{ height:42px; line-height:42px; border-bottom:1px solid #E6E6E6; background:url(../images/title_bg1.png) no-repeat left bottom; font-size:18px; color:#333; text-indent:10px;}
.indexproject .title span{ float:right; height:30px; margin-top:12px; line-height:30px; font-size:14px;}
.indexproject .title span a{ color:#999;}
.indexproject .con{ margin-top:10px;}
.indexproject .img{ text-align:center; height:130px;}
.indexproject .txt{ line-height:30px; font-size:16px; color:#333; margin-top:20px;}

.mainindexbg{ background:url(../images/indexmain_bg.jpg) repeat-x; overflow:hidden;}
.mainaboutbg{ background:url(../images/indexabout_bg.jpg) no-repeat center center; height:196px; width:1176px; margin:0 auto; margin-top:28px; padding:16px;}
.main{ margin:auto; width:1200px; overflow:hidden;}
.mainnei{ margin:auto; width:1000px; overflow:hidden;}

 
.mainboxindex{ width:576px; float:left; background:url(../images/indexline.jpg) no-repeat left center; height:200px; padding-left:24px;}
.maintitle{ height:34px; line-height:34px; margin-top:15px;}
.maintitle span{ float:right; margin-top:6px; margin-right:10px;}
.mainboxcon{ margin-top:20px;}
.mainboxpic{ float:left; width:279px; margin-top:20px;}
.mainboxpic1{ float:left; width:178px; height:106px; }
.mainnewslist{ float:right; width:440px;  border-bottom:1px solid #ddd; height:165px; overflow:hidden; margin-top:20px;}
.mainnewslist li{ height:32px; line-height:32px; font-size:14px; border-bottom:1px dotted #ddd; overflow:hidden;}
.mainnewslist li a{ color:#666;}
.mainnewslist li a:hover{ color:#DA251D;}
.mainnewslist li span{ float:left; width:86px; color:#278067;}
.mainanlilist{ float:left; margin-left:2px; width:386px; overflow:hidden;}
.mainanlilist li{ height:26px; line-height:26px; font-size:12px; overflow:hidden; background:url(../images/icon1.jpg) no-repeat left center; text-indent:10px; width:190px; float:left;}
.mainanlilist li a{ color:#666;}
.mainanlilist li a:hover{ color:#DA251D;}



.topsearch{ width:500px; margin:0px auto; color:#222;}
.topsearch .input{ width:188px; height:34px; line-height:34px; border:1px solid #ccc; float:left; text-indent:30px;}
.topsearch .btn{ width:44px; float:left;  }
.schbtn{ width:44px; height:28px; background-color:#333;}

.friendquick {
	background-color: #F6F6F6;
	padding: 50px 60px;
}
.friendtitle{ line-height:60px; font-size:40px; color:#35373f; font-weight:bold; margin-top:50px;}
.friendlink{ margin:30px 0px;}
.friendlink li{ width:280px; height:100px; margin:20px 0px;  float:left;}

@media (max-width: 768px) {
	.friendquick {
	background-color: #F6F6F6;
	padding: 10px 10px;
	}
	.friendtitle{ line-height:40px; font-size:20px; color:#35373f; font-weight:bold; margin-top:10px;}
	.friendlink{ margin:10px 0px; height:320px; overflow:hidden;}
	.friendlink li{ width:170px; height:65px; margin:10px 0px;  float:left;}
	.friendlink li img{ width:170px; height:65px; object-fit:cover;}
}

.imgpng {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	cursor: pointer;
	opacity:0.6;
}

	.imgpng:hover {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: gray;
		opacity:1;
	}

.copyright{ background-color:#212121; }
.copyrightbox{ padding:0px 60px; padding-top:50px;}
.copyrightbox .left{ width:30%; float:left;}
.copyrightbox .right{ width:70%; float:left;}
.copyrightbox .blogo{ text-align:left;}
.copyrightbox .ltitle{ height:48px; line-height:48px; font-size:18px; color:#fff; font-weight:300; margin-top:20px;}
.copyrightbox .ltel{ padding:12px 25px; padding-right:50px; border:1px solid #C1C1C1; border-radius:35px; display:inline-block; margin-top:20px;}
.copyrightbox .licobox{ margin-top:50px;}
.copyrightbox .letxt{ height:60px; line-height:60px; font-size:18px; color:#c1c1c1; font-family:Arial;}
.copyrightbox .leico{ margin-top:0px; padding-bottom:40px;}
.copyrightbox .leico a{ margin-right:20px;}
.copyrightbox .leico img{ opacity:0.7;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.copyrightbox .leico a:hover img{ opacity:1;}

.copyrightbox .rnavbox{ border-bottom:1px solid #4C4C4D; padding-bottom:50px;}
.copyrightbox .rnavbox li{ width:20%; float:left;}
.copyrightbox .rnavbox li .title{ height:60px; line-height:60px; font-size:20px; color:#f2f2f2; font-weight:300;}
.copyrightbox .rnavbox li .txt{ height:40px; line-height:40px; font-size:16px!important; color:#999; font-size:300;}
.copyrightbox .rnavbox li .txt a{ color:#999;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.copyrightbox .rnavbox li .txt a:hover{ color:#fff;}
.copyrightbox .rnavbox li:nth-child(5n+1){ width:23%;}
.copyrightbox .rnavbox li:nth-child(5n+2){ width:23%;}
.copyrightbox .rnavbox li:nth-child(5n+3){ width:23%;}
.copyrightbox .rnavbox li:nth-child(5n+4){ width:23%;}
.copyrightbox .rnavbox li:nth-child(5n+5){ width:8%;}

.copyrightbox .btxtbox{ height:80px; line-height:80px; font-size:14px; color:#f2f2f2;}
.copyrightbox .btxtbox a{ color:#f2f2f2; display:block}
.copyrightbox .btxtbox span{ width:245px; margin-top:15px; border-radius:5px; color:#fff; font-size:14px; height:50px; line-height:50px; background: linear-gradient(to right,#0272B9,#31C7ED); padding:0px 20px; display:inline-block; float:right;}
.copyrightbox .btxtbox span b{ float:right; margin-top:15px;}
.copyrightbox .btxtbox i{ font-style:normal;}
.copyrightbox .btxtbox .botban{ margin-left:40px; display:inline-block;}

@media (max-width: 768px) {
	.copyright{ background-color:#212121; }
	.copyrightbox{ padding:0px 20px; padding-top:20px;}
	.copyrightbox .left{ width:100%; float:left;}
	.copyrightbox .right{ width:100%; float:left;}
	.copyrightbox .blogo{ text-align:left;}
	.copyrightbox .blogo img{ height:40px;}
	.copyrightbox .ltitle{ height:48px; line-height:48px; font-size:16px; color:#fff; font-weight:300; margin-top:10px;}
	.copyrightbox .ltel{ padding:6px 15px; padding-right:20px; border:1px solid #C1C1C1; border-radius:35px; display:inline-block; margin-top:10px;}
	.copyrightbox .licobox{ margin-top:10px;}
	.copyrightbox .letxt{ height:60px; line-height:60px; font-size:18px; color:#c1c1c1; font-family:Arial;}
	.copyrightbox .leico{ margin-top:0px; padding-bottom:40px;}
	.copyrightbox .leico a{ margin-right:20px;}
	.copyrightbox .leico img{ opacity:0.7;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
	.copyrightbox .leico a:hover img{ opacity:1;}

	.copyrightbox .rnavbox{ border-bottom:1px solid #4C4C4D; padding-bottom:50px; display:none;}
	.copyrightbox .rnavbox li{ width:20%; float:left;}
	.copyrightbox .rnavbox li .title{ height:60px; line-height:60px; font-size:20px; color:#f2f2f2; font-weight:300;}
	.copyrightbox .rnavbox li .txt{ height:40px; line-height:40px; font-size:16px!important; color:#999; font-size:300;}
	.copyrightbox .rnavbox li .txt a{ color:#999;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
	.copyrightbox .rnavbox li .txt a:hover{ color:#fff;}
	.copyrightbox .rnavbox li:nth-child(5n+1){ width:23%;}
	.copyrightbox .rnavbox li:nth-child(5n+2){ width:23%;}
	.copyrightbox .rnavbox li:nth-child(5n+3){ width:23%;}
	.copyrightbox .rnavbox li:nth-child(5n+4){ width:23%;}
	.copyrightbox .rnavbox li:nth-child(5n+5){ width:8%;}

	.copyrightbox .btxtbox{ height:80px; line-height:80px; font-size:14px; color:#f2f2f2;}
	.copyrightbox .btxtbox a{ color:#f2f2f2; display:block}
	.copyrightbox .btxtbox span{ width:140px; margin-top:20px; border-radius:5px; color:#fff; font-size:14px; height:40px; line-height:40px; background: linear-gradient(to right,#0272B9,#31C7ED); padding:0px 10px; display:inline-block; float:right;}
	.copyrightbox .btxtbox span b{ float:right; margin-top:10px;}
	.copyrightbox .btxtbox i{ font-style:normal; display:none;}
	.copyrightbox .btxtbox .botban{ margin-left:0px; display:inline-block;}
}
 
 /* 效果CSS开始 */
.mkeFocus { height: 220px; width: 260px; border: 1px solid #C9CACB; border-radius:8px; padding-top: 7px; margin:0 auto }
.mkeUl { margin: 0px auto; height: 220px; width: 260px; overflow: hidden; position: relative; }
.mkeUl ul { position: absolute; left: 0px; top: 0px; height: 220px; }
.mkeUl ul li { float: left; width:260px; }
.mkeUl ul li img { }
.mkeUl ul li .txt{ height:30px; line-height:30px; color:#fff; text-indent:5px; font-size:14px; background-color:#D9341E;}
.mkeul ul li .txt a{ color:#fff;}
.mkeNum { background: #FFF url(../images/banNum.jpg); height: 35px; width: 37px; position: absolute; z-index: 1; left: 13px; bottom: 4px; font: 14px Arial; }
.mke_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.mke_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.mkeLbtn { background: url(../images/kelBtn.png) no-repeat; height: 98px; width: 36px; position: absolute; left: 6px; top: 165px; cursor: pointer; z-index: 10; }
.mkeRbtn { position: absolute; top: 165px; right: 6px; background: url(../images/kerBtn.png) no-repeat; height: 98px; width: 36px; cursor: pointer; z-index: 10; }
/* 效果CSS结束 */

.vlog {
	width:128px;
	animation: zhuan 10s linear infinite;
	-webkit-animation: zhuan 10s linear infinite;
	position:absolute;
	right:100px;
	bottom:100px;
}
@keyframes zhuan {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.jtimg{ 
	position:absolute; right:156px;
	bottom:150px; z-index:80;
}

@media (max-width: 768px) {
	.vlog {
		width: 60px;
		animation: zhuan 10s linear infinite;
		-webkit-animation: zhuan 10s linear infinite;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	.vlog img{ width:60px;}
	.jtimg {
		position: absolute;
		right: 36px;
		bottom: 30px;
		z-index: 80;
	}
	.jtimg img{ width:8px;}
}

/*内页样式*/
.neicon{ padding:20px 60px; background-color:#f9f9f9;}
.neinav{ height:100px; line-height:100px; padding:30px 0px; border-bottom:1px solid #eee; font-size:20px; color:#222; font-weight:300;}

.mainbox{ width:1000px;}
.neimain{ width:1200px; margin:0px auto; margin-top:20px;}
.neibanner{ height:500px;}
.nowsite{ height:60px; line-height:60px; background-color:#fff;}

/*关于我们*/
.aboutleft{ width:20%; float:left;}
.aboutright{ width:80%; float:left;}

.abouttitle{ margin-top:140px; }
.abouttitle .etitle{ height:28px; line-height:28px; font-size:14px; color:#a1a1a1; background: url(../images/line2.jpg) no-repeat center left 50px;}
.abouttitle .ctitle{ height:42px; line-height:42px; font-size:24px; color:#000 ;font-weight:bold;}

.aboutrtitle{ margin-top:140px; height:70px; line-height:70px; font-size:36px; color:#000;}

.aboutwhy {
	background: url(../images/aboutme.png) no-repeat right bottom;
	padding-bottom:150px;
	border-bottom:1px solid #ddd;
}
.aboutwhytxt{ line-height:50px; font-size:20px; color:#444; font-weight:300; margin-top:40px; width:65%;}

.aboutava {
	background: url(../images/aboutava.jpg) no-repeat bottom center; overflow:hidden;
}
.aboutavali{ margin:50px 0px;}
.aboutavali li{ width:28.3%; float:left; padding:50px 2.5%; cursor:pointer; margin:20px 0px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
	.aboutavali li .etit {
		line-height: 60px;
		font-size: 48px;
		color: #F7F7F7;
		font-weight: bold;
		text-shadow: 0 1px #ccc, 1px 0 #ccc, -1px 0 #ccc, 0 -1px #ccc;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
	}
.aboutavali li .title{ margin-top:36px; line-height:48px; font-size:32px; color:#000;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.aboutavali li .txt{ margin-top:36px; line-height:30px; font-size:18px; color:#666; font-weight:300; height:60px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.aboutavali li:hover{ background-color:#0272B9;}
.aboutavali li:hover .title{ color:#fff;}
.aboutavali li:hover .txt{ color:#fff;}
	.aboutavali li:hover .etit {
		color: #0272B9;
		font-weight: bold;
		text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;
	}

.aboutteam{ padding-bottom:80px;}

@media (max-width: 768px) {
	.neicon{ padding:10px 10px; background-color:#f9f9f9;}
	.aboutleft{ width:100%; float:left;}
	.aboutright{ width:100%; float:left;}

	.abouttitle{ margin-top:20px; }
	.abouttitle .etitle{ height:28px; line-height:28px; font-size:14px; color:#a1a1a1; background: url(../images/line2.jpg) no-repeat center left 50px;}
	.abouttitle .ctitle{ height:42px; line-height:42px; font-size:24px; color:#000 ;font-weight:bold;}

	.aboutrtitle{ margin-top:30px; line-height:30px; font-size:24px; padding:20px 0px; color:#000;}

	.aboutwhy {
		background: url(../images/aboutme.png) no-repeat right bottom;
		padding-bottom: 150px;
		border-bottom: 1px solid #ddd;
		background-size: auto 100px;
	}
	.aboutwhytxt{ line-height:32px; font-size:16px; color:#444; font-weight:300; margin-top:20px; width:100%; text-align:justify;}

	.aboutava {
		background: url(../images/aboutava.jpg) no-repeat bottom center; overflow:hidden;
	}
	.aboutavali{ margin:10px 0px;}
	.aboutavali li{ width:95%; float:left; padding:20px 2.5%; cursor:pointer; margin:10px 0px; border-bottom:1px solid #ddd;
		-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
		.aboutavali li .etit {
			line-height: 60px;
			font-size: 40px;
			color: #F7F7F7;
			font-weight: bold;
			text-shadow: 0 1px #ccc, 1px 0 #ccc, -1px 0 #ccc, 0 -1px #ccc;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
		}
	.aboutavali li .title{ margin-top:24px; line-height:48px; font-size:28px; color:#000;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
	.aboutavali li .txt{ margin-top:24px; line-height:30px; font-size:16px; color:#666; font-weight:300; height:60px;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
	.aboutavali li:hover{ background-color:#0272B9;}
	.aboutavali li:hover .title{ color:#fff;}
	.aboutavali li:hover .txt{ color:#fff;}
		.aboutavali li:hover .etit {
			color: #0272B9;
			font-weight: bold;
			text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;
		}

	.aboutteam{ padding-bottom:80px;}
}

.slide-box {
	margin-top:100px;
	display: -webkit-box;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
	.slide-box::-webkit-scrollbar {
		height: 4px;
	}

	.slide-box::-webkit-scrollbar-track {
		background-color: #eee;
		height:4px;
	}
	.slide-box::-webkit-scrollbar-thumb {
		background: #626262;
		height: 8px;
	}

.slide-item {
   margin-right:20px;
   padding:20px 0px;
}

@media (max-width: 768px) {
	.slide-box {
		margin-top: 20px;
		display: -webkit-box;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

		.slide-box::-webkit-scrollbar {
			height: 4px;
		}

		.slide-box::-webkit-scrollbar-track {
			background-color: #eee;
			height: 4px;
		}

		.slide-box::-webkit-scrollbar-thumb {
			background: #626262;
			height: 8px;
		}

	.slide-item {
		margin-right: 10px;
		padding: 20px 0px;
	}
	.slide-item img{ height:220px;}
}

.contactbg {
	background: url(../images/contactbg.jpg) top center;
	background-color:#fff;
}
.contacttitle{ height:250px; line-height:250px; border-bottom:1px solid #ddd; font-size:48px; color:#000; text-align:center;}
.contactleft{ width:39.5%; padding:20px 5%; float:left; border-right:1px solid #ddd; padding-bottom:100px;}
.contactleft .title{ margin-top:60px;  font-size:20px; color:#222; }
.contactleft .title span{ display:block;}
.contactleft .title span img{ vertical-align:middle;}
.contactleft .title i{ font-style:normal; height:66px; line-height:66px; }
.contactleft .num{ height:50px; line-height:50px;  font-size:48px; color:#000; font-weight:bold; margin-top:40px;}
.contactleft .txt{ font-size:16px; color:#222; height:50px; line-height:50px; }
.contactleft:nth-child(2n+1){ border:none;}

.contactli{ width:36%; float:left; padding:80px 0px; padding-left:4%; border-top:1px solid #ddd;}
.contactli .img{ width:60px; height:60px; float:left;}
.contactli .txtbox{ width:420px; float:left; margin-left:10px;}
.contactli .title{ height:24px; line-height:24px; font-size:20px; color:#000;}
.contactli .txt{ height:24px; line-height:24px; font-size:24px; color:#000; font-weight:bold; font-family:Arial; margin-top:12px;}
.contactli .txt2{ height:24px; line-height:24px; font-size:18px; color:#000; font-weight:bold; margin-top:12px;}

.contactlit{ width:20%; float:left; padding:80px 0px; border-top:1px solid #ddd;}
.contactlit .img{ width:60px; height:60px; float:left;}
.contactlit .txtbox{ width:270px; float:left; margin-left:10px;}
.contactlit .title{ height:24px; line-height:24px; font-size:20px; color:#000;}
.contactlit .txt{ height:24px; line-height:24px; font-size:24px; color:#000; font-weight:bold; font-family:Arial; margin-top:12px;}
.contactlit .txt2{ line-height:24px; font-size:18px; color:#000; font-weight:bold; margin-top:12px;}

.contactmap{  background: url(../images/mappic.jpg) top center; height:600px;}

@media (max-width: 768px) {
	.contactbg {
	background: url(../images/contactbg.jpg) top center;
	background-color:#fff;
}
	.contacttitle{ height:100px; line-height:100px; border-bottom:1px solid #ddd; font-size:28px; color:#000; text-align:center;}
	.contactleft{ width:45.5%; padding:20px 2%; float:left; border-right:1px solid #ddd; padding-bottom:20px;}
	.contactleft .title{ margin-top:20px;  font-size:20px; color:#222; }
	.contactleft .title span{ display:block;}
	.contactleft .title span img{ vertical-align:middle;}
	.contactleft .title i{ font-style:normal; height:66px; line-height:66px; }
	.contactleft .num{ height:50px; line-height:50px;  font-size:20px; color:#000; font-weight:bold; margin-top:10px;}
	.contactleft .txt{ font-size:16px; color:#222; height:50px; line-height:50px; }
	.contactleft:nth-child(2n+1){ border:none;}

	.contactli{ width:100%; float:left; padding:20px 0px; padding-left:0%; border-top:1px solid #ddd;}
	.contactli .img{ width:40px; height:40px; float:left; margin-left:10px;}
	.contactli .img img{ width:40px; height:40px;}
	.contactli .txtbox{ width:100%; float:left; margin-left:10px;}
	.contactli .title{ height:24px; line-height:24px; font-size:20px; color:#000;}
	.contactli .txt{ height:24px; line-height:24px; font-size:18px; color:#000; font-weight:bold; font-family:Arial; margin-top:12px;}
	.contactli .txt2{ height:24px; line-height:24px; font-size:18px; color:#000; font-weight:bold; margin-top:12px;}

	.contactlit{ width:100%; float:left; padding:20px 0px; border-top:1px solid #ddd;}
	.contactlit .img{ width:40px; height:40px; float:left; margin-left:10px;}
	.contactlit .img img{ width:40px; height:40px;}
	.contactlit .txtbox{ width:100%; float:left; margin-left:10px;}
	.contactlit .title{ height:24px; line-height:24px; font-size:20px; color:#000;}
	.contactlit .txt{ height:24px; line-height:24px; font-size:18px; color:#000; font-weight:bold; font-family:Arial; margin-top:12px;}
	.contactlit .txt2{ line-height:24px; font-size:18px; color:#000; font-weight:bold; margin-top:12px;}

	.contactmap{  background: url(../images/mappic.jpg)no-repeat top center; height:300px; background-size: auto 300px;}
}

/*服务范围*/
.serviceimg1 {
	background: url(../images/serpic11.jpg) no-repeat top center;
	height: 717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
}
.serviceimg1:hover{ background: url(../images/serpic12.jpg) no-repeat top center; height:717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.serviceimg1 a{ display:block; height:717px;}
.serviceimg2 {
	background: url(../images/serpic21.jpg) no-repeat top center;
	height: 717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
}
.serviceimg2:hover{ background: url(../images/serpic22.jpg) no-repeat top center; height:717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.serviceimg2 a {
	display: block;
	height: 717px;
}
.serviceimg3 {
	background: url(../images/serpic31.jpg) no-repeat top center;
	height: 717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
}
.serviceimg3:hover{ background: url(../images/serpic32.jpg) no-repeat top center; height:717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.serviceimg3 a {
	display: block;
	height: 717px;
}
.serviceimg4 {
	background: url(../images/serpic41.jpg) no-repeat top center;
	height: 717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
}
.serviceimg4:hover{ background: url(../images/serpic42.jpg) no-repeat top center; height:717px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s
}
.serviceimg4 a {
	display: block;
	height: 717px;
}

@media (max-width: 768px) {
	.serviceimg1 {
		background: url(../images/mserpic11.jpg) no-repeat;
		background-size: 360px 240px;
		height: 240px;
		-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
	}
		.serviceimg1:hover {
			background: url(../images/mserpic12.jpg) no-repeat;
			background-size: 360px 240px;
			height: 240px;
			-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
		}
		.serviceimg1 a {
			display: block;
			height: 240px;
		}
	.serviceimg2 {
		background: url(../images/mserpic21.jpg) no-repeat;
		background-size: 360px 240px;
		height: 240px;
		-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
	}
		.serviceimg2:hover {
			background: url(../images/mserpic22.jpg) no-repeat;
			background-size: 360px 240px;
			height: 240px;
			-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
		}
		.serviceimg2 a {
			display: block;
			height: 240px;
		}
	.serviceimg3 {
		background: url(../images/mserpic31.jpg) no-repeat;
		background-size: 360px 240px;
		height: 240px;
		-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
	}
		.serviceimg3:hover {
			background: url(../images/mserpic32.jpg) no-repeat;
			background-size: 360px 240px;
			height: 240px;
			-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
		}
		.serviceimg3 a {
			display: block;
			height: 240px;
		}
	.serviceimg4 {
		background: url(../images/mserpic41.jpg) no-repeat;
		background-size: 360px 240px;
		height: 240px;
		-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
		transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s
	}
		.serviceimg4:hover {
			background: url(../images/mserpic42.jpg) no-repeat;
			background-size: 360px 240px;
			height: 240px;
			-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
			-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
			-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
			transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1s
		}
		.serviceimg4 a {
			display: block;
			height: 240px;
		}
}

.serqli{ margin:100px 0px; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;}
.serqli li{ width:50%; border-right:1px solid #dfdfdf; padding:110px 0px; box-sizing:border-box; float:left;}
.serqli li:nth-child(2n){ border-right:none;}
.serqli li .txtbox{ margin-left:100px;}
.serqli li .title{ height:100px; line-height:100px; font-size:60px; color:#121212;}
.serqli li .txt{ height:60px; line-height:60px; color:#989898; font-size:20px;}
.serqli li .more{ height:60px; line-height:60px; color:#121212; border-bottom:2px solid #F9F9F9; display:inline-block; font-size:30px; font-family:Arial; margin-top:48px;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.serqli li:hover .more{ color:#0272B9; border-bottom:2px solid #0272B9;}

@media (max-width: 768px) {
	.serqli{ margin:20px 0px; border-top:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;}
	.serqli li{ width:50%; border-right:1px solid #dfdfdf; padding:20px 0px; box-sizing:border-box; float:left;}
	.serqli li:nth-child(2n){ border-right:none;}
	.serqli li .txtbox{ margin-left:10px;}
	.serqli li .title{ height:40px; line-height:40px; font-size:20px; color:#121212; font-weight:300;}
	.serqli li .txt{ height:60px; line-height:30px; color:#989898; font-size:16px; margin-top:10px; margin-right:10px;}
	.serqli li .more{ height:60px; line-height:60px; color:#121212; border-bottom:2px solid #F9F9F9; display:inline-block; font-size:20px; font-family:Arial; margin-top:18px;
		-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
	.serqli li:hover .more{ color:#0272B9; border-bottom:2px solid #0272B9;}
}

/*解决方案*/
.newslist {    
    padding-bottom: 60px;
}

	.newslist li {
		width: 33.3%;
		padding: 60px 40px;
		float: left;
		box-sizing: border-box;
	}

        .newslist li:hover {
            background: #fff;
        }

        .newslist li .img {
            width: 100%;
            overflow: hidden;
        }

			.newslist li .img img {
				width: 100%;
				height: 340px;
				object-fit: cover;
				transform: scale(1.00, 1.00);
				transition: all 1s;
			}

        .newslist li .ttitle {
            height: 68px;
            line-height: 68px;
            font-size: 24px;
            color: #000;
            padding: 0px 2px;
            margin-top: 24px;
			overflow:hidden;
        }
		.newslist li .txt{ height:64px; line-height:32px; font-size:16px; color:#707070;}
        .newslist li .time {
            height: 28px;
            line-height: 28px;
            margin-top: 30px;
            font-size: 20px;
            color: #666;
			font-family:Arial;
        }

            .newslist li .time a {
                color: #666;
            }

            .newslist li .time span {
                float: right;
                color: #000;
                font-weight: bold;
            }

        .newslist li:hover .img img {
            transform: scale(1.05, 1.05);
            transition: all 1s;
        }

@media (max-width: 768px) {
	.newslist {
		padding-bottom: 10px;
	}
		.newslist li {
			width: 49%;
			padding: 0px;
			float: left;
			box-sizing: border-box;
			margin-right:2%;
		}
		.newslist li:nth-child(2n){ margin-right:0;}

			.newslist li:hover {
				background: #fff;
			}

			.newslist li .img {
				width: 100%;
				overflow: hidden;
			}

				.newslist li .img img {
					width: 100%;
					height: 110px;
					object-fit: cover;
					transform: scale(1.00, 1.00);
					transition: all 1s;
				}

			.newslist li .ttitle {
				height: 50px;
				line-height: 50px;
				font-size: 18px;
				color: #000;
				padding: 0px 2px;
				margin-top: 0px;
				overflow: hidden;
			}

			.newslist li .txt {
				height: 48px;
				line-height: 24px;
				font-size: 14px;
				color: #707070;
				overflow:hidden;
			}

			.newslist li .time {
				height: 28px;
				line-height: 28px;
				margin-top: 10px;
				font-size: 16px;
				color: #666;
				font-family: Arial;
				padding-bottom:10px;
			}

				.newslist li .time a {
					color: #666;
				}

				.newslist li .time span {
					float: right;
					color: #000;
					font-weight: bold;
				}

			.newslist li:hover .img img {
				transform: scale(1.05, 1.05);
				transition: all 1s;
			}
}

.neiabout{ }
.neiaboutleft{ width:395px; float:left;}
.neiaboutright{ width:745px; float:right;}
.neiabouttitle{ height:40px; line-height:40px; font-size:22px; color:#222;}
.neiaboutcon{ line-height:30px; font-size:13px;}

/*详情*/

.casetop{ position:absolute; left:0; right:0; top:260px;}
.casetop .title{ height:100px; line-height:100px; font-size:60px; color:#fff; text-align:center;}
.casetop .txt{ text-align:center; font-size:26px; color:#fff; height:50px; line-height:50px; margin-top:10px;}
.casetop .txt i{ font-style:normal; margin:0px 15px; font-weight:300;}
.casetop .img{ text-align:center; margin-top:100px;}

@media (max-width: 768px) {
	.casetop{ position:absolute; left:0; right:0; top:80px;}
	.casetop .title{ height:60px; line-height:60px; font-size:30px; color:#fff; text-align:center;}
	.casetop .txt{ text-align:center; font-size:16px; color:#fff; height:50px; line-height:50px; margin-top:10px;}
	.casetop .txt i{ font-style:normal; margin:0px 15px; font-weight:300;}
	.casetop .img{ text-align:center; margin-top:40px;}
	.casetop .img img{ height:30px;}
}

.newsdetail{ }
.newsdetail .left{ width:61%; float:left; padding:40px 4%; background-color:#fff; border-right:1px solid #eee;}
.newsdetail .right{ width:30%; float:left;  background-color:#fff;}


.newstitle{ padding:20px 0px; line-height:48px; font-size:40px; color:#000;}
.newscome{ text-align:left; height:40px; line-height:40px; font-size:20px; color:#828282; font-weight:normal; font-family:Aejo;}
.newscome i{ font-style:normal; margin-left:30px; background:url(../images/nico2.jpg) no-repeat left center; text-indent:40px; display:inline-block;}
.newscon{ line-height:44px; font-size:18px; color:#222; text-align:left; padding:30px 0px;}
.newscon img{ max-width:100%;}

@media (max-width: 768px) {
	.newsdetail{ }
	.newsdetail .left{ width:100%; float:left; padding:10px ; background-color:#fff; border-right:0px solid #eee; box-sizing:border-box;}
	.newsdetail .right{ width:30%; float:left;  background-color:#fff; display:none;}
	.newstitle{ padding:10px 0px; line-height:48px; font-size:24px; color:#000;}
	.newscome{ text-align:left; height:40px; line-height:40px; font-size:16px; color:#828282; font-weight:normal; font-family:Aejo;}
	.newscome i{ font-style:normal; margin-left:30px; background:url(../images/nico2.jpg) no-repeat left center; background-size:20px auto; text-indent:20px; display:inline-block;}
	.newscon{ line-height:36px; font-size:16px; color:#222; text-align:left; padding:10px 0px;}
	.newscon img{ max-width:100%;}
}


.fagstyle{ padding:20px 0px; font-size:18px; color:#333;}
.fagstyle a{ margin:0px 10px; border:1px solid #ddd; padding:10px; color:#666; border-radius:3px;}

@media (max-width: 768px) {
	.fagstyle{ padding:20px 0px; font-size:16px; color:#333;}
	.fagstyle a{ margin:0px 10px; border:1px solid #ddd; padding:10px; color:#666; border-radius:3px;}
}

.nextpre{ height:80px; text-align:center; padding:30px 0px; border-top:1px solid #eee; margin-top:30px; position:relative;}
.nextpre .lpre{ position:absolute; left:0; top:30px; z-index:99;}
.nextpre .rnext{ position:absolute; right:0; top:30px; z-index:99;}

.drtitle{ height:50px; line-height:50px; padding:20px 40px;  font-size:30px; color:#000; font-weight:300; background:url(../images/nico1.jpg) no-repeat left 40px center; text-indent:50px; border-bottom:1px solid #ddd;}
.drnewsli{ padding:40px 40px; border-bottom:1px solid #ddd; }
.drnewsli .title{ line-height:40px; padding:20px 0px; font-size:24px; font-weight:300;}
.drnewsli:hover .title{ color:#0272B9;
	-webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}

.nei_l{ width:1200px; overflow:hidden;  
    /*box-shadow: -2px 2px 5px #ddd;*/
}
.nei_r{ width:1000px; float:left; margin-left:20px; margin-top:20px; background:#f7f7f7;} 
.leftmenu{ margin-top:20px; margin-bottom:30px; }
.leftTit{ height:43px; line-height:43px; background:url(../images/lefttit.jpg) no-repeat; color:#fff; text-indent:20px; font-size:14px;}
.leftline{ height:8px; background-color:#CCCCCC;} 
.leftmenu ul{ margin:0 auto;}
.leftmenu ul li{ width:120px;  float:left; text-align:center; margin-right:10px; height:40px; line-height:40px;  background-color:#fff; font-family:"微软雅黑"; font-size:14px;}
.leftmenu ul li a:link,.leftmenu ul li a:visited{ display:block; line-height:40px; color:#222;  }
.leftmenu ul li span{ float:right; margin-right:20px;}

.leftcon{ border:1px solid #ccc; background:url(../images/contact_bg.jpg) no-repeat right bottom; padding:5px; width:238px; margin-top:10px; height:240px;}
.leftcontitle{ height:27px; margin-top:5px;}
.lefttxt{ font-size:14px; line-height:30px; color:#111; margin-top:10px;}


.leftphone{ margin-top:5px; width:236px; background:url(../images/leftphone.jpg) no-repeat; height:62px; font-size:14px; text-indent:80px; padding-top:40px;}

#currcol{ color:#fff; background-color:#22809C; }

.righttitle{ width:1200px; margin:0px auto; background-color:#fff; height:60px; line-height:60px; font-size:22px; color:#333; font-family:"微软雅黑";}
.righttitle b{ font-size:20px; color:#999; font-weight:normal; margin-left:20px;}
.righttitle span{ height:30px; line-height:30px; margin-top:20px; float:right; font-size:12px; margin-right:10px;}

.btnbg{ width:100px; height:30px; line-height:30px; background-color:#0270AB;}

.mainleft{ width:220px; margin-top:10px; background:url(../images/neititle.jpg) no-repeat; float:left; overflow:hidden; min-height:271px;}
.mainlefttitle{ margin-left:16px; margin-top:18px; }
.mainleftlist{ padding:20px 20px; overflow:hidden; }
.mainleftlist li{ height:30px; line-height:30px; background:url(../images/title_bg.jpg) no-repeat left center; text-indent:20px; }
.mainleftlist li a{ font-size:14px; font-family:"微软雅黑"; border-bottom:1px #ccc solid; display:block; }

.mainright{ width:1200px; background-color:#fff; }
.mainrighttitle{ line-height:62px; height:62px; font-size:12px; font-family:"song"; text-indent:10px; position:absolute; top:200px; left:0;}
.mainneititle{ width:960px; height:36px; margin-top:15px; text-align:center;}
.mainrighttitle span{ float:right; font-size:12px; font-family:"宋体"; line-height:30px; padding-right:20px;}
.main_content{ padding:20px;   min-height:500px;}
.pro_content{ background-color:#Ffffff;   min-height:500px;}




.artilelist{}
.artilelist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom:dashed 1px #ddd;}
.artilelist li span{ float:right; color:#666;}

.resultlist{ width:500px; margin:0px auto; border:1px solid #ddd; padding:8px;  background-color:#f7f7f7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;

}
.resultlist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom: dotted 1px #ddd; color:#222;}
.resultlist li span{ float:right; color:#222;}

.page {font-size:12px;font-family:microsoft yahei;text-align:center; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.page a{ color:#333; text-decoration:none; margin:0 3px; background:url(../images/pagebg0.gif) repeat-x; border:solid 1px #b4b4b4; padding:0px 5px;}
.page a:hover{ color:#0C7DD7; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }
.page a.current{ color:#0C7DD7; font-weight:bold; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }

.flinksort{ width:670px; overflow:hidden; margin:10px auto 10px; font:bold 14px/28px "微软雅黑"; border-bottom:1px dashed #ccc;}
.flinklist{ width:670px; overflow:hidden; margin:10px auto;}
.flinklist ul li { float:left; border:1px #ccc dotted;}

.caselistli{ width:280px; margin:15px 0px; margin-right:30px; float:left;}
.caselistli .img{ width:280px; height:168px; overflow:hidden;}
.caselistli .img img{ width:280px;}
.caselistli .txt{ height:50px; line-height:50px; background-color:#f1f1f1; text-align:center; color:#000; font-size:14px;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.caselistli:nth-child(3n){ width:280px; margin:15px 0px; margin-right:0px; float:left;}
.caselistli:hover .txt{ background-color:#bbb; color:#000;}

.productlist{ width:100%;}
.productlist li{ width:32%; margin:15px 0px; margin-right:2%; float:left;}
.productlist li:nth-child(3n){ margin-right:0px;}
.productlist li .img{ width:100%; height:560px; overflow:hidden;}
.productlist li .img img{ width:100%; height:560px; object-fit: cover; transform: scale(1.0, 1.0); transition:all 1s;}
.productlist li .title{ height:100px; line-height:100px; font-size:30px; color:#000;}
.productlist li .txt{ height:90px; line-height:90px; background:url(../images/icon8.png) no-repeat right center;/* border-bottom:1px solid #ccc;*/ color:#666; font-size:22px; font-weight:300;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.productlist li .line{ height:1px; background-color:#ccc; position:relative;}
.productlist li .hoverline{ height:1px; width:0%; left:0; top:0; z-index:99; background-color:#666;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.productlist li:hover .txt{/* border-bottom:1px solid #666;*/ color:#000; background:url(../images/icon9.png) no-repeat right center;}
.productlist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2s;}
.productlist li:hover .hoverline{ width:100%;}

@media (max-width: 768px) {
	.productlist{ width:100%;}
	.productlist li{ width:49%; margin:5px 0px; margin-right:2%; float:left;}
	.productlist li:nth-child(2n){ margin-right:0px;}
	.productlist li .img{ width:100%; height:180px; overflow:hidden;}
	.productlist li .img img{ width:100%; height:180px; object-fit: cover; transform: scale(1.0, 1.0); transition:all 1s;}
	.productlist li .title{ height:60px; line-height:60px; font-size:18px; color:#000;}
	.productlist li .txt{ height:50px; line-height:50px; background:url(../images/icon8.png) no-repeat right center;/* border-bottom:1px solid #ccc;*/ color:#666; font-size:17px; font-weight:300;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.productlist li .line{ height:1px; background-color:#ccc; position:relative;}
	.productlist li .hoverline{ height:1px; width:0%; left:0; top:0; z-index:99; background-color:#666;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	}
	.productlist li:hover .txt{/* border-bottom:1px solid #666;*/ color:#000; background:url(../images/icon9.png) no-repeat right center;}
	.productlist li:hover .img img{ transform: scale(1.05, 1.05); transition:all 2s;}
	.productlist li:hover .hoverline{ width:100%;}
}


/*========fy========*/
.fy{ width:720px; height:36px; overflow:hidden; margin:15px auto; }
.fy ul {  text-align:center;}
.fy ul li{ display:inline-block; *display:inline; *zoom:1; color:#fff; margin:0 5px 0 0;}
.fy ul li a{ font:normal 14px/32px "Microsoft Yahei"; color:#333; text-align: center; text-decoration:none; height:32px; border-radius:5px;}
.fy ul li a:hover{ font:normal 14px/32px "Microsoft Yahei"; color:#fff; text-align: center; text-decoration:none; height:32px; } 
 

.fydd001 a{ height:24px; padding:0 5px; _width:15px; color:#333; display:block; color:#333; overflow:hidden; border:1px solid #ddd;}
.fydd001 a:hover{ height:24px; padding:0 5px; _width:15px; display:block; color:#fff; overflow:hidden; border:1px solid #ddd; background:#02906A; } 
  
#fydd002 a{ height:32px; padding:0 5px; color:#fff; _width:15px; display:block; overflow:hidden; border:1px solid #ddd; background:#2A98CA;}

.fypang a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang02 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang02 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang03 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang03 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}
 
.fypang04 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block; }
.fypang04 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}   
  
.procont{ padding:10px; line-height:24px; color:#333; width:740px; overflow:hidden; margin:10px auto; word-break:break-all; word-wrap : break-word;} 
.procont img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:740px; 
  width: expression(this.width > 740 && this.width > this.height ? 740px : 'auto';); 
}
.procont a:link,.procont a:visited,.procont a:hover{ color:#333; text-decoration:none;}

.joblist th{ background:#eee; height:30px; line-height:30px; text-align:center;}
.joblist td{ height:30px; line-height:30px; border-bottom:1px dotted #ccc; }
.jobdet{border-collapse:collapse; margin:0 auto; background:#eee;}
.jobdet td{ height:28px;}
  
.pager{ color:#000; font-size:12px; padding-top:10px;}
.pager a:link,.pager a:visited,.pager a:hover{ color:#887747; text-decoration:none;}  

.footer{ width:1000px; line-height:20px; color:#fff; margin:10px auto 0; background:url(../images/foot_bg.gif) repeat-x; height:51px; padding-top:15px; overflow:hidden; text-align:center;}
.footer a:link,.footer a:visited{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#f60; text-decoration:none;}  

.newsprenext{ border-top:1px dashed #ccc; margin-top:10px; padding:5px 0;  color:#585858;}
.newsprenext a{ color:#585858; text-decoration:none;}
.newsprenext a:hover{ color:#f00; text-decoration:none;}
.newspre{ background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }
.newsnext{  background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }

.inputxt1{ border:1px solid #ccc; height:20px; line-height:20px; color:#333;}
.areatxt{ border:1px solid #ccc; line-height:18px; color:#333; width:450px;}
.jobbtn{ background-color:#22809C; width:93px; height:32px; text-align:center; color:#fff; cursor:pointer; border:none;}

.designer_name{ display:block; width:120px; background:#22809C; line-height:30px; height:30px; text-align:center; font:bold 14px/30px "";}
.designer_name a:link,.designer_name a:visited{ color:#fff; text-decoration:none;}
.designer_name a:hover{ color:#fff; text-decoration:none; }

.qqbox{ width:98px;overflow:hidden; position:absolute; right:5px; top:200px; color:#000000; font-size:12px;  z-index:999; }
.qqbox a:hover,a:active { color: #f80000; text-decoration: underline; }  
.qqtop{ }
.qqend1{height:45px;}
.qqend2{height:68px; display:block; cursor:pointer;}
.qqkf{background:url(../images/qq_bg.gif) repeat-y;top:0; z-index:99px; padding-top:10px;min-height:120px; padding-right:15px; } 
.qqkf ul li{ text-align:center;line-height:35px;} 
.qqkf ul li a{ text-decoration:none;}
.qqkf ul li a:hover{ text-decoration:none;}
.qqkf ul li img{}
.weixin a:hover,a:active { color: #f80000; text-decoration: underline; } 
.weixin{width:135px; text-align:center;height:auto; overflow:hidden;color:#000000; font-size:12px; letter-spacing:0px; }

.ViewPic{width:730px;height:555px; position:relative; margin:10px auto; }
.ViewPic #center{position:relative;clear:both;overflow:hidden}
.ViewPic .bigpic{margin:0 auto;color:#333;line-height:18px}
.ViewPic .bigpic .img{margin:0 auto;text-align:center}
.ViewPic .bigpic h2{font-size:14px;padding:10px 0 5px}
.ViewPic .sz{font-size:24px;position:absolute;right:15px;bottom:10px}
.ViewPic .sz span{font-size:48px}
#num{display:none}
.ViewPic .picls{height:60px;padding-top:10px}
.ViewPic .ls_cen{width:728px;float:left}
.ViewPic .smls{width:694px;float:left;height:60px;overflow:hidden}
.ViewPic .smls ul{width:710px}
#nav,.ViewPic .smls ul{padding:0;margin:0;list-style:none}
.ViewPic .smls li{float:left;list-style:none}
.ViewPic .js1_lf_bd{left:0}
.ViewPic .js1_rg_bd{right:0}
.ViewPic .js1_lf_bd,.ViewPic .js1_rg_bd{z-index:10;width:72px;height:72px;position:absolute;top:206px;background:#60b029;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.ViewPic .js1_lf{background:url(../images/js_a.gif) no-repeat 0 0;left:24px}
.ViewPic .js1_rg{background:url(../images/js_a.gif) no-repeat -24px 0;right:24px}
.ViewPic .js1_lf,.ViewPic .js1_rg{z-index:11;display:block;width:24px;height:42px;position:absolute;top:221px}
.ViewPic .an_left a{display:block;background:url(/images/js2_lf.gif) no-repeat;width:15px;height:60px;float:left;margin-right:4px}
.ViewPic .an_right a{display:block;background:url(/images/js2_rg.gif) no-repeat;width:15px;height:60px;float:right}
.ViewPic li{float:left;margin:0 10px 0 0;position:relative;width:80px;height:60px}
.ViewPic li .li_pst_bd{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.ViewPic li .li_pst_nr{color:#fff;line-height:20px;text-align:center;z-index:3}
.ViewPic li .li_pst_bd,.ViewPic li .li_pst_nr{width:80px;height:20px;position:absolute;top:40px;left:0}
.ViewPic li .bor{border:#60b029 solid 3px;position:absolute;top:0;left:0;width:74px;height:54px;display:none}
.menu_nav ul,.ViewPic .smls li.one .bor,.ViewPic li .li_pst_pho{display:block}

 
.prodetail{ line-height:24px; color:#333; width:730px; overflow:hidden; margin:20px auto; word-break:break-all; word-wrap : break-word;} 
.prodetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:730px; 
  width: expression(this.width > 730 && this.width > this.height ? 730px : 'auto';); 
}
.prodetail a:link,.prodetail a:visited,.prodetail a:hover{ color:#333; text-decoration:none;}