@charset "utf-8";
body{font-family:"Microsoft YaHei",Georgia,Serif;font:"Microsoft YaHei",\5b8b\4f53;font-size: 16px; color:#333;display: block;}
/*html{-webkit-text-size-adjust:none;}*/
#mainbody {
	width: 100%;
	min-width: 1180px;
	font-size: 16px;
}
.banner{
	background:url("/view/image/commodityImage/spiderbanner.jpg") no-repeat center center !important;
	background-size:100% 100% !important;
	background-image: url('../../images/spiderbanner.jpg');
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/view/image/commodityImage/spiderbanner.jpg',  sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/spiderbanner.jpg',sizingMethod='scale')";
	/*GitHub-louisremi/background-size-polyfill: Adds support for background-size "cover" and "contain" to IE8;*/
}

.b_main {
	height: 600px;
	text-align: center;
}

.b_main h2 {
	margin-top: 70px;
	padding-bottom:30px;
	min-width: 220px;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
}
.b_main p {
	padding: 20px 0;
	min-width: 220px;
	font-size: 22px;
	line-height: 36px;
	font-weight: bold;
	color: #fff;
}
.b_main>div.b_main_div{
	width:1230px;
	margin:0 auto;
	height:510px;
}
.b_main>div.b_main_div>p{
	width:900px;
	height:200px;
	padding:0;
	background:url("/view/image/commodityImage/48.png") no-repeat center center !important;
	background-size:100% 100% !important;
	margin-bottom:40px;
}
.b_main>div.b_main_div>div.right{
	width:900px;
	height:270px;
}
.b_main>div.b_main_div>div.right p{
	font-size: 70px;
	font-weight: normal;
	letter-spacing:18px;
	position: relative;
	left: 18%;
	top: 100px;
}
.b_main>div.b_main_div>div.right .reflection{
	-webkit-transform: scaleY(-1);
     -moz-transform: scaleY(-1);
     -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
     transform: scaleY(-1);
     opacity:0.2;     
     filter:alpha(opacity='20');
}
.b_main>div.b_main_div>div.right h4{
	font-size: 30px;
	font-weight: normal;
	position: relative;
	left: 18%;
	top: 80px;
	color: #fff;
}
.b_main>div.b_main_div>div.right .main-bottom{
	font-size: 20px;
	position: relative;
	left: 18%;
	top: 210px;
	color: #999;
	letter-spacing:0;
}
.b_main>div.b_main_div>div.right .main-bottom span{
	margin: 0 50px;

}
/*.b_main>div.b_main_div>div.right>h1{
	width:370px;
	height:40px;
	float:left;
	color:#129AD8;
	font-size:30px;
	text-align:left;
	margin:115px 0;
	font-weight:normal;
}
.b_main>div.b_main_div>div.right>ul{
	overflow:hidden;
	width:430px;
	margin:60px 0;
	height:150px;
	float:left;
	margin-left:60px;
}
.b_main>div.b_main_div>div.right>ul>li{
	line-height:40px;
	height:50px;
}
.b_main>div.b_main_div>div.right>ul>li>i{
	float:left;
	width:8px;
	height:8px;
	margin:21px 0;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#129AD8;
}
.b_main>div.b_main_div>div.right>ul>li>span{
	line-height:50px;
	text-align:left;
	font-size:18px;
	color:#129AD8;
	float:left;
	margin-left:10px;
}*/
/*banner上方的小导航条*/
.top_bar{
	height:40px;
}
.top_bar a{
	margin:0 20px;
	color:#fff;
	text-decoration: none;
	text-align: center;
	float: left;
}
.top_bar a:hover{
	margin:0 20px;
	color:#fff;
	text-decoration: none;
	text-align: center;
	float: left;
	font-weight: bold;
}
.left_line{
	width:350px;
	padding:0px 30px;
	margin:0 25px;
	font-size:14px;
	line-height: 40px;
	border-bottom:#66ccff solid 1px;
	float: left;
}
.right_line{
	width:350px;
	padding:0px 30px;
	margin:0 25px;
	font-size:14px;
	line-height: 40px;
	border-bottom:#66ccff solid 1px;
	float: right;
}
/*h1和两个按钮*/
.banner_button{
	width:100%;
	height:50px;
	text-align: center;
	padding:30px 5px;
	position:relative;
}
.banner_button h1 {
	padding:5px 0;
	width:60%;
	/*min-width: 220px;*/
	font-size: 35px;
	line-height: 36px;
	color: #fff;
	text-align:center;
	position:absolute;
	left:20%;
}
.banner_button a {
	width: 140px;
	height: 43px;
	border: 1px solid #fff;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	line-height: 44px;
	color: #fff;
	position:absolute;
	text-decoration: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.banner_button a:hover {
	background-color: #fff;
	color: #00a6b6;
}
/*banner的下方条*/
.bottom_bar{
	height:90px;
	margin-top:30px;
	border-top:dashed 2px #fff;
}
.bottom_bar span{
	margin:15px auto;
	width:20%;
	float:left;
}
.bottom_bar a{
	color:#f4f4f4;
	font-size:16px;
	position:relative;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.bottom_bar a:hover{
	font-weight:bold;
}
/***************** 第一屏 *******************/
.affect{
	width:100%;
	height:1210px;
}
.affect>h1{
	font-weight:normal;
	font-size:25px;
	color:#003366;
	width:100%;
	height:30px;
	line-height:30px;
	margin:20px 0;
	text-align:center;
}
.affect .affect-con{
	height: 1110px;
	width: 100%;
	padding-top:60px;
	background:url("/view/image/commodityImage/fs_2.png") no-repeat;
	background-size: cover;
}
.affect .affect-con>ul>li{
	float:left;
	width:200px;
	height:250px;
	margin:50px 0;
	background-color:#fff;
	box-shadow:0px 0px 10px #ddd;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
}
.affect .affect-con>ul{
	max-width:1120px;
	height:360px;
	margin:40px auto;
}
.affect .affect-con>ul>li>img{
	height:28px;
	margin-top:60px;
	margin-bottom:30px;
}
.affect .affect-con>ul>li>span{
	display:block;
	font-size:16px;
	text-align:center;
	line-height:20px;
	margin-bottom:30px;
	color:#003366;
}
.affect .affect-con>ul>li>p{
	font-size:13px;
	text-align:center;
	line-height:23px;
	margin-bottom:30px;
	color:#003366;
}
.affect .affect-con>ul>li#check{
	float:left;
	width:300px;
	height:350px;
	margin:0;
	background-color:#fff;
	box-shadow:0px 0px 10px #ddd;
	text-align:center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.affect .affect-con>ul>li#check>img{
	width:44px;
	height:44px;
	margin-top:75px;
}
.affect .affect-con>ul>li#check>span{
	font-size:20px;
}
.searchXuqiu{
	width:1000px;
	height:165px;
	margin:0 auto;
	padding-top:35px;
	background:#fff;
	box-shadow:0px 0px 10px #ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.searchXuqiu input::-webkit-input-placeholder {
	color: #0098D4;
	font-size: 14px;
}
.searchXuqiu>h1{
	font-size:22px;
	color:#666;
	line-height:26px;
	margin-bottom:35px;
	text-align:center;
}
.searchXuqiu>div{
	overflow:hidden;
	margin:0 auto;
	width:920px;
}
.searchXuqiu>div>input{
	height:45px;
	width:490px;
	line-height:45px;
	color:#0098D4;
	font-size:14px;
	padding-left:10px;
	margin-right:10px;
	background-color:#f4f4f4;
	-moz-box-shadow:2px 0px 5px #ddd inset;
	-webkit-box-shadow:2px 0px 5px #ddd inset;
	box-shadow:2px 0px 5px #ddd inset;
}
.searchXuqiu>div>a{
	width:160px;
	height:45px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:16px;
	background:#00C1DE;
	margin:0;
	line-height:45px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:10px;
	-moz-box-shadow:0px 0px 5px #00C1DE;
	-webkit-box-shadow:0px 0px 5px #00C1DE;
	box-shadow:0px 0px 5px #00C1DE;
	text-decoration:none;
}
.searchXuqiu>div>input.phoneNum{
	width:200px;
	margin-right:0;
}
.quotes{
	width:1220px;
	height:430px;
	margin:20px auto;
}
.quotes>.quotesLeft{
	width:476px;
	height:100%;
	float:left;
	background:url("/view/image/commodityImage/quotesLeft.png") no-repeat;
}
.quotes>.quotesLeft>h1{
	color:#537383;
	font-size:25px;
	font-weight:normal;
	margin-top:100px;
	margin-bottom:35px;
	margin-left:20px;
}
.quotes>.quotesLeft>i,.quotesRight>div>div.yin>i{
	display:block;
	width:23px;
	height:3px;
	background:#00B7D3;
	margin-left:20px;
	margin-bottom:15px;
}
.quotesRight>div>div.yin>i{
	float:right;
}
.quotesRight>div>div.yin>p{
	text-align:right;
}
.quotes>.quotesLeft>p,.quotesRight>div>div.yin>p{
	font-size:16px;
	color:#999;
	margin-bottom:100px;
	margin-left:20px;
	width:100%;
}
.quotes>.quotesLeft>a{
	display:block;
	width:145px;
	height:50px;
	-moz-box-shadow:0px 0px 10px #0198D5;
	-webkit-box-shadow:0px 0px 10px #0198D5;
	box-shadow:0px 0px 10px #0198D5;
	color:#0198D5;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.quotesRight{
	width:700px;
	height:100%;
	float:right;
}
.quotesRight>ul{
	width:100%;
	height:160px;
	margin-top:30px;
}
.quotesRight>ul>li{
	float:left;
	width:115px;
	height:50px;
	line-height:25px;
	color:#527283;
	font-size:14px;
	text-align:center;
	padding:50px 10px;
	margin-right:35px;
	cursor:pointer;
	background:url("/view/image/commodityImage/six_1.png") no-repeat;
	background-size:cover;
}
.quotesRight>ul>li#check{
	background:url("/view/image/commodityImage/six_2.png") no-repeat;
	background-size:cover;
	width:125px;
}
.quotesRight>div{
	width:100%;
	height:250px;
}
.quotesRight>div>p.smallYuan{
	width:150px;
	height:60px;
	padding:20px 0;
	background:url("/view/image/commodityImage/smallYuan.png") no-repeat;
	background-size:cover;
	color:#92A0A9;
	font-size:14px;
	line-height:28px;
	text-align:center;
	margin-top:90px;
	margin-left:20px;
	float:left;
}
.quotesRight>div>p.bigYuan{
	width:180px;
	height:60px;
	padding:35px 0;
	background:url("/view/image/commodityImage/bigYuan.png") no-repeat;
	background-size:cover;
	color:#92A0A9;
	font-size:14px;
	line-height:28px;
	text-align:center;
	margin-top:60px;
	float:left;
	margin-left:-5px;
}
.quotesRight>div>div.yin{
	width:350px;
	height:100%;
	float:right;
	background:url("/view/image/commodityImage/quotesRight.png") no-repeat right;
	
}
.quotesRight>div>div.yin>h1{
	color:#92A1A9;
	font-size:25px;
	margin-top:40px;
	margin-bottom:40px;
	text-align:right;
}
/*          */
.innovation{
	height:625px;
	width:100%;
	border-bottom:10px solid #ddd;
}
.innovation>h1{
	width:100%;
	height:80px;
	color:#fff;
	background:#93A2A9;
	line-height:80px;
	text-align:center;
	font-size:20px;
}
.innovaCon{
	width:100%;
	height:525px;
	padding-top:20px;
	background-color:#fff;
	background:url("/view/image/commodityImage/twoback.png") no-repeat;
	background-size:100% 100%;
}
.innovaCon>ul.fang{
	width:820px;
	height:260px;
	margin:0 auto;
	margin-bottom:40px;
}
.innovaCon>ul.fang>li{
	float:left;
	width:180px;
	height:220px;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 10px #ddd;
	-webkit-box-shadow:0px 0px 10px #ddd;
	box-shadow:0px 0px 10px #ddd;
	margin-right:30px;
	margin-top:30px;
	cursor:pointer;
}
.innovaCon>ul.fang>li#check{
	margin-top:-5px;
}
.innovaCon>ul.fang>li>div{
	width:90px;
	height:30px;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:40px;
	
}
.innovaCon>ul.fang>li>div>img{
	width:30px;
	height:30px;
	margin-right:20px;
	float:left;
}
.innovaCon>ul.fang>li>div>span{
	font-size:16px;
	color:#003366;
	font-weight:bold;
	line-height:30px;
	float:left;
}
.innovaCon>ul.fang>li>p{
	font-size:13px;
	color:#7F8C8C;
	line-height:26px;
	text-align:center;
}
.innovaCon>ul.yuan{
	width:1050px;
	height:200px;
	margin:0 auto;
}
.innovaCon>ul.yuan>li{
	width:150px;
	height:200px;
	float:left;
	margin-right:30px;
}
.innovaCon>ul.yuan>li>div{
	width:100px;
	height:100px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin:0 auto;
	margin-top:30px;
	background:#fff;
	-moz-box-shadow:0px 0px 10px #ddd;
	-webkit-box-shadow:0px 0px 10px #ddd;
	box-shadow:0px 0px 10px #ddd;
	text-align:center;
}
.innovaCon>ul.yuan>li>div>img{
	height:20px;
	margin:0 auto;
	margin-top:25px;
	margin-bottom:5px;
}
.innovaCon>ul.yuan>li>div>span{
	color:#00c0d6;
	font-size:14px;
}
.innovaCon>ul.yuan>li>p{
	height:20px;
	margin-top:20px;
	font-size:13px;
	color:#7F8C8C;
	line-height:20px;
	text-align:center;
}
.innovaCon>ul.yuan>li#check>div{
	margin-top:0;
}
.innovaCon>ul.yuan>li#check>p{
	margin-top:50px;
}
/*  */
.proPrice{
	width:100%;
	height:514px;
	padding-top:40px;
	background:#fff;
}
.proPrice>h1{
	margin-bottom:40px;
	font-size:30px;
	color:#777;
	text-align:center;
}
.proPrice>ul{
	width:1180px;
	height:350px;
	margin:0 auto;
}
.proPrice>ul>li{
	float:left;
	margin-right:40px;
	width:250px;
	height:100%;
	-moz-box-shadow:0px 0px 20px #ddd;
	-webkit-box-shadow:0px 0px 20px #ddd;
	box-shadow:0px 0px 20px #ddd;
	position:relative;
	cursor:pointer;
}
.proPrice>ul>li>i{
	display:block;
	width:26px;
	height:48px;
	position:absolute;
	top:0;
	left:50px;
	background:url("/view/image/commodityImage/bookmark.png") no-repeat;
	background-size:cover;
}
.proPrice>ul>li.jichu>i{
	background:url("/view/image/commodityImage/bookmark2.png") no-repeat;
	background-size:cover;
}
.proPrice>ul>li.zhuanye>i{
	background:url("/view/image/commodityImage/bookmark3.png") no-repeat;
	background-size:cover;
}
.proPrice>ul>li.fuwuqi>i{
	background:url("/view/image/commodityImage/bookmark4.png") no-repeat;
	background-size:cover;
}
.proPrice>ul>li.jichu>h1{
	color:#159F85;
}
.proPrice>ul>li.zhuanye>h1{
	color:#00C1DE;
}
.proPrice>ul>li.fuwuqi>h1{
	color:#746EA6;
}
.proPrice>ul>li>h1{
	font-size:22px;
	color:#99CC00;
	padding-top:30px;
	margin-left:120px;
}
.proPrice>ul>li>div.middle{
	overflow:hidden;
	margin:0 auto;
	width: 144px;
	height:80px;
	margin-top:40px;
	margin-bottom:40px;
}
.proPrice>ul>li>div.middle>p{
	color:#FF3333;
	font-size:30px;
	line-height:40px;
	float:left;
}
.proPrice>ul>li>div.middle>span{
	float:left;
	font-size:18px;
	color:#b9b9b9;
	line-height:20px;
	margin-top:16px;
	
}
.proPrice>ul>li>div.bottom{
	height:100px;
	width:220px;
	margin:0 auto;
}
.proPrice>ul>li>div.bottom>ul.left{
	width:70px;
	float:left;
	height:100%;
	border-right:1px solid #ddd;
}
.proPrice>ul>li>div.bottom>ul.left>li{
	font-size:13px;
	color:#93A2A9;
	font-weight:bold;
	line-height:20px;
	margin-bottom:7px;
	text-align:left;
}
.proPrice>ul>li>div.bottom>ul.right{
	float:left;
	width:131px;
	padding-left:10px;
}
.proPrice>ul>li>div.bottom>ul.right>li{
	font-size:13px;
	color:#93A2A9;
	line-height:20px;
	margin-bottom:7px;
	text-align:left;
}
.proPrice>ul.anniu{
	height:40px;
	margin:20px auto;
}
.proPrice>ul.anniu>li{
	height:40px;
	box-shadow:0px 0px 0px #fff;
}
.proPrice>ul.anniu>li.free>a{
	background:#9c0;
}
.proPrice>ul.anniu>li>a{
	width:120px;
	height:40px;
	display:block;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color:#fff;
	background:#00C1DE;
	text-align:center;
	line-height:40px;
	text-decoration:none;
	margin:0 auto;
}
/**/
.bearing{
	width:100%;
	height:430px;
	padding-top:70px;
	background:url("/view/image/commodityImage/back3.png") no-repeat;
	background-size:cover;
}
.bearing>h1{
	font-size:30px;
	text-align:center;
	color:#fff;
	margin-bottom:50px;
}
.bearing>ul{
	width:1080px;
	margin:0 auto;
	height:152px;
	margin-bottom:110px;
}
.bearing>ul>li{
	float:left;
	width:150px;
	height:150px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #fff;
	margin-left:70px;
	cursor:pointer;
}
.bearing>ul>li>div{
	background:rgba(255,255,255,0.5);
	width:120px;
	height:90px;
	padding-top:30px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin:15px;
}
.bearing>ul>li#check>div{
	background:rgba(255,255,255,1);
}
.bearing>ul>li#check>div>p,.bearing>ul>li#check>div>span{
	color:#244887
}
.bearing>ul>li>div>p{
	font-size:25px;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
}
.bearing>ul>li>div>span{
	font-size:16px;
	color:#fff;
	text-align:center;
	display:block;
}
.bearing>div.bottomTitle{
	width:100%;
	height:80px;
	background:rgba(255,255,255,0.3);
	padding:20px 0;
}
.bearing>div.bottomTitle>div{
	width:600px;
	height:40px;
	margin:0 auto;
}
.bearing>div.bottomTitle>div>p{
	width:450px;
	float:left;
	text-align:right;
	font-size:20px;
	color:#fff;
	line-height:40px;
	margin-right:15px;
}
.bearing>div.bottomTitle>div>a{
	float:right;
	width:118px;
	height:40px;
	background:rgba(255,255,255,0.5);
	color:#fff;
	line-height:40px;
	font-size:16px;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-decoration:none;
}
/*  */
.smart{
	width:100%;
	height:480px;
}
.smart>h1{
	font-size:30px;
	color:#333;
	text-align:center;
	margin-bottom:60px;
	height:30px;
}
.smart>div{
	max-width:1200px;
	height:390px;
	margin:0 auto;
}
.smart>div>div.smartLeft{
	width:860px;
	height:500px;
	float:right;
	background:url("/view/image/commodityImage/ti9854mg.png") no-repeat;
	background-size:cover;
	text-align:center;
	position:relative;
}
.smart>div>div.smartLeft>img{
	width: 661px;
    height: 415px;
    margin: 0 auto;
    margin-top: 30px;
    margin-left: 3px;
}
.smart>div>div.smartRight>p{
	font-size:30px;
	color:#333333;
	line-height:60px;
}
.smartRight{
	float:left;
	position:relative;
	margin-left:60px;
}
.smartRight>ul{
	margin-left:30px;
	margin-top:30px;
}
.smartRight>ul>li{
    cursor: pointer;
    display: flex;
    align-items: center;
	height:60px;
}

.smartRight>ul>li#check>span{
	background:#33CDE5;
	color:#00C0DE;
	
}
.smartRight>ul>li>span{
	width:22px;
	height:22px;
	display:block;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	box-shadow:0px 0px 20px #33CDE5;
	background:#fff;
	margin-right:20px;
}
.smartTitle{
	width:333px;
	height:145px;
	position:absolute;
	top:-30px;
	right:33px;
}
.smartTitle>h1{
	font-size:60px;
	text-align:right;
	color:#ededed;
	margin-bottom:10px;
}
.smartTitle>p{
	line-height:36px;
	text-align:right;
	color:#ccc;
	font-size:20px;
}
.smartRight>ul>li>p{
	color:#00C0DE;
	font-size:18px;	
}
.smartRight>ul>li#check>p{
	color:#00C0DE;
	font-size:18px;
	font-weight:bold;
}


/*产品模式*/
.anmodes {
	height: 500px;
	text-align: center;
	color: #777;
}
.titlebar{
	height:60px;
	background-color: #00A6B6;
	font-size: 28px;
	color:#fff;
	position:relative;
}
.titlebar h1 {
	margin:10px 0 0 200px;
	float:left;
}
.titlebar h2 {
	margin:10px 300px 0 0;
	float:right;
}
.prod_block{
	width:41%;
	height:440px;
	float:left;
	position:relative;
}
.anmode {
	width: 50%;
	padding: 20px 0px;
	display: inline-block;
	float: left;
}
.anmode h2 {
	margin:25px 0;
	font-size: 25px;
}
.anmode a {
	margin:25px 0;
	width: 140px;
	height: 45px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	line-height: 45px;
	text-decoration: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.anmode1{
	color:#a3c930;
	background-color: #f4f4f4;
	float:left;
}
.anmode1 a:hover {
	border: 1px solid #a3c930;
	background-color: #a3c930;
	color: #fff;
}
.anmode1 a {
	border: 1px solid #a3c930;
	color: #a3c930;
	background-color: #f4f4f4;
}
.anmode2{
	color:#41abd9;
	background-color: #fff;
	float:left;
}
.anmode2 a:hover {
	background-color: #41abd9;
	color: #fff;
}
.anmode2 a{
	background-color: #fff;
	border: 1px solid #41abd9;
	color: #41abd9;
}
.anmode_c {
	margin:10px auto;
	position:relative;
	width:100px;
	height:100px;
	background:#fff;
	border:2px solid #41abd9;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.anmode_c img {
	width: 60px;
	height: 50px;
	margin-top: 25px;
}
.anmode_c h1 {
	font-size:35px;
	margin-top:25px;
}
.anmode_i {
	min-height: 100px;
	text-align: center;
	margin:auto;
}
.anmode_i p {
	font-size: 18px;
	line-height: 35px;
	color:#777;
}
.serv_block{
	width:59%;
	height:440px;
	float:left;
	position:relative;
}
.serv_block a{
	margin:50px 0;
	width: 140px;
	height: 45px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	line-height: 45px;
	text-decoration: none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.serv_block_p{
	min-width:320px;
	font-size: 18px;
	line-height: 35px;
	color:#777;
	text-align: left;
	margin:auto;
	float:left;
	top:20px;
	position:relative;
}
.serv_block_p>p{
	line-height:35px;
}
.serv_block1{
	height:33%;
	background-color: #f4f4f4;
}
.serv_block1 a:hover{
	background-color: #ffcc99;
	color: #fff;
}
.serv_block1 a{
	background-color: #f4f4f4;
	border: 1px solid #ffcc99;
	color: #ffcc99;
}
.serv_block2{
	height:33%;
	background-color: #f9f9f9;
}
.serv_block2 a:hover{
	background-color: #29b79f;
	color: #fff;
}
.serv_block2 a{
	background-color: #f9f9f9;
	border: 1px solid #29b79f;
	color: #29b79f;
}
.serv_block3{
	height:33%;
	background-color: #f4f4f4;
}
.serv_block3 a:hover{
	background-color: #9999cc;
	color: #fff;
}
.serv_block3 a{
	background-color: #f4f4f4;
	border: 1px solid #9999cc;
	color: #9999cc;
}
.serv_title{
	width:29%;
	height:100%;
	float:left;
}
.serv_title h2{
	font-size: 25px;
	margin:10px auto;
	color:#ffcc99;
}
.serv_title img{
	width:60px;
	height:60px;
	margin:20px auto 0 auto;
}
.serv_block4{
	width:64%;
	margin:20px auto;
	padding:0 10px;
	height:80px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;	
	background:#f9f9f9;
}

.serv_block4>p{
	float:left;
	width:600px;
	line-height:80px;
	font-size:18px;
	color:#333;
}
.serv_block4>a{
	float:right;
	width:140px;
	height:45px;
	margin:19px 30px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	text-align:center;
	line-height:45px;
	color:#3379b7;
	text-decoration:none;
	font-size:20px;
	border:1px solid #3379b7;
}
.serv_block4>a:hover{
	background:#3379b7;
	color:#fff;
}
/*特点-公共*/
.charact_block{
	height: 450px;
	padding: 25px 0;
	text-align: center;
}
.charact_block img{
	margin-top:40px;
	float:right;
	display: inline-block;
}
.charact_circle{
	background-color:#fff;
	width:100px;
	height:100px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	top:0;
	left:0;
	position:relative;
}
.charact_circle h1{
	color:#ffcc00;
	line-height:100px;
	font-size:30px;
}

/*强大*/
.power {
	color: #fff;
	height:630px;
	background-color: #93D5D7;
}
.power>div.pow_con{
	width:1058px;
	padding:0 100px;
	height:400px;
	margin:0 auto;
	border-bottom:1px dashed #fff;
	position:relative;
}
.power_left {
	height:300px;
	width:400px;
	margin-top:60px;
	float:left;
}
.power_left h4{
	font-size:30px;
	color:#fff;
	line-height:36px;
	text-align:left;
}
.power_left h2{
	font-size:30px;
	width:300px;
	top:70px;
	left:100px;
	position:relative;
}
.power_left h5{
	font-size:20px;
	top:50px;
	position:relative;
	left:0;
	text-align:left;
}
.power_left a{
	font-size:18px;
	text-decoration: none;
	color:#fff;
	top:250px;
	left:30px;
	position:relative;
}
.power_left a:hover{
	font-weight:bold;
}
.power>.pow_con>p{
	width:180px;
	height:70px;
	background:#93D5D7;
	font-size:15px;
	color:#fff;
	position:absolute;
	bottom:-38px;
	left:537px;
}
.power>.pow_con>p>span{
	display:block;
	text-align:center;
	margin-top:20px;
}
.power>.pow_con>p>i{
	display:block;
	margin:0 auto;
	margin-top:6px;
	width:20px;
	height:20px;
}
.power_next{
	width:1210px;
	margin:0 auto;
	height:185px;
	margin-top:10px;
}
.power_next>li{
	width:210px;
	height:100%;
	margin-right:12px;
	float:left;
}
.power_next>li.po_long{
	width:265px;
}
.power_next>li>p{
	font-size:15px;
	font-weight:bold;
	color:#1e82a3;
	margin-top:20px;
}
.power_next>li>div{
	width:100%;
	height:120px;
	padding:15px 0;
	background:#fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.power_next>li>div.chaxun>ul{
	width:235px;
	height:30px;
	margin:0 auto;
	padding:5px 15px;
}
.power_next>li>div.chaxun>ul>li{
	width:65px;
	height:30px;
	float:left;
	margin-right:20px;
	background:url("/view/image/commodityImage/1.1.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_2{
	background:url("/view/image/commodityImage/1.2.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_3{
	background:url("/view/image/commodityImage/1.3.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_4{
	background:url("/view/image/commodityImage/1.4.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_5{
	background:url("/view/image/commodityImage/1.5.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_6{
	background:url("/view/image/commodityImage/1.6.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_7{
	background:url("/view/image/commodityImage/1.7.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_8{
	background:url("/view/image/commodityImage/1.8.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.po_9{
	background:url("/view/image/commodityImage/1.9.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.chaxun>ul>li.weibo{
	background:url("/view/image/commodityImage/weibo.png") no-repeat;
	background-size:100% 100%;
}
/************************************************/
.power_next>li>div.fenlei>ul{
	width:235px;
	height:30px;
	margin:0 auto;
	padding:5px 15px;
}
.power_next>li>div.fenlei>ul>li{
	width:65px;
	height:30px;
	float:left;
	margin-right:20px;
	background:url("/view/image/commodityImage/f_1.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_2{
	background:url("/view/image/commodityImage/f_2.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_3{
	background:url("/view/image/commodityImage/f_3.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_4{
	background:url("/view/image/commodityImage/f_4.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_5{
	background:url("/view/image/commodityImage/f_5.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_6{
	background:url("/view/image/commodityImage/f_6.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_7{
	background:url("/view/image/commodityImage/f_7.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_8{
	background:url("/view/image/commodityImage/f_8.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.fenlei>ul>li.po_9{
	background:url("/view/image/commodityImage/f_9.png") no-repeat;
	background-size:100% 100%;
}
/**********************************************/
.power_next>li>div.text>ul{
	width:150px;
	height:30px;
	margin:0 auto;
	padding:5px 0;
}
.power_next>li>div.text>ul>li{
	width:65px;
	height:30px;
	float:left;
	margin-right:20px;
	background:url("/view/image/commodityImage/text_1.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.text>ul>li.po_2{
	background:url("/view/image/commodityImage/text_2.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.text>ul>li.po_3{
	background:url("/view/image/commodityImage/text_3.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.text>ul>li.po_4{
	background:url("/view/image/commodityImage/text_4.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.text>p{
	font-size:14px;
	color:#777;
	line-height:30px;
	margin-top:10px;
}
.power_next>li>div.luntan>ul>li.po_1{
	background:url("/view/image/commodityImage/luntan_1.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.luntan>ul>li.po_2{
	background:url("/view/image/commodityImage/luntan_2.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.luntan>ul>li.po_3{
	background:url("/view/image/commodityImage/luntan_3.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.luntan>ul>li.po_4{
	background:url("/view/image/commodityImage/luntan_4.png") no-repeat;
	background-size:100% 100%;
}
/************************************************/
.power_next>li>div.sousuo>ul{
	width:185px;
	height:30px;
	margin:0 auto;
	padding:5px 0;
}
.power_next>li>div.sousuo>ul>li{
	width:55px;
	height:30px;
	float:left;
	margin-right:10px;
	margin-top:-10px;
	background:url("/view/image/commodityImage/sou_1.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.sousuo>ul>li.po_2{
	background:url("/view/image/commodityImage/sou_2.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.sousuo>ul>li.po_3{
	background:url("/view/image/commodityImage/sou_3.png") no-repeat;
	background-size:100% 100%;
}
.power_next>li>div.sousuo>p{
	font-size:14px;
	color:#777;
	line-height:23px;
	margin-top:-10px;
	text-align:left;
	padding-left:13px;
}
.pow_text{
	width:640px;
	height:30px;
	padding:0 30px;
	padding-top:17px;
	margin:0 auto;
}
.pow_text>i{
	display:block;
	float:left;
	width:4px;
	height:22px;
	margin:4px 0;
	margin-right:20px;
	background:#3299b9;
}
.pow_text>p{
	float:left;
	line-height:30px;
	color:#777;
}
.pow_text>a{
	float:left;
	text-decoration:none;
	font-size:16px;
	color:#3299b9;
	line-height:30px;
	margin-left:20px;
}
.pow_text>a:hover{
	font-weight:bold;
}
/******************** 第三屏 **************************/
.format,.format2,.format3{
	width:100%;
	height:570px;
	padding:40px 0;
	border-bottom:1px solid #ddd;
}
.format>h4,.format2>h4,.format3>h4{
	font-size:30px;
	color:#777;
	text-align:center;
	line-height:30px;
}
.format>h5,.format2>h5,.format3>h5{
	font-size:18px;
	color:#777;
	text-align:center;
	line-height:20px;
	margin-top:30px;
}
.for_con{
	width:1200px;
	height:470px;
	margin:0 auto;
	margin-top:25px;
}
.for_con>.for_left{
	width:724px;
	height:407px;
	border-top:15px solid #3299BB;
	border-left:10px solid #3299BB;
	border-right:10px solid #3299BB;
	float:left;
	overflow:hidden;
	border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-moz-border-radius:10px;
}
.for_con>.for_left>div{
	height:auto;
	width:724px;
	display:inline-block !important;
}
.for_con>.for_left>div>img{
	margin:0;
	width:724px;
}
.for_con>.for_rt{
	width:400px;
	height:100%;
	float:right;
}
.for_con>.for_rt>li{
	width:100%;
	margin-bottom:10px;
}
.for_con li>a{
	display:inline-block;
	height:35px;
	line-height:35px;
	text-decoration:none;
	color:#79B8AD;
	font-size:16px;
}
.for_con li>a>span{
	display:inline-block;
	float:left;
	padding:0 10px;	
	cursor:pointer;
}
.for_con li>a>i,.for_con li>a>b{
	float:left;
	width:25px;
	height:25px;
	margin:5px 0;
	margin-right:10px;
	margin-left:15px;
}
.for_con li>a:hover{
	color:#009E96;
}
.for_con li>a>i#rt_check{
	background:url("/view/image/commodityImage/hand.fw.png");
	background-size:100% 100%;
}
.format2 .for_con li>a>i#rt_check{
	background:url("/view/image/commodityImage/hand_f.png");
	background-size:100% 100%;
}
.for_con li>a>b#rt_uncheck{
	background:url("/view/image/commodityImage/hand2.fw.png");
	background-size:100% 100%;
}
.for_con li>.for_hide{
	padding:15px 0;
	margin-left:35px;
	display:none;
	border-bottom:1px solid #ddd;
}
.for_con li>.for_hide>li{
	margin-bottom:15px;
}
.for_con li>.for_hide>li>p{
	color:#777;
	font-size:14px;
	line-height:25px;
	font-weight:bold;
}
.for_con li>.for_hide>li>span{
	color:#777;
	font-size:14px;
	line-height:25px;
}

/*智能*/
.brain {
	color: #41abd9;
	background-color: #f4f4f4;
}
.brain_right {
	min-height:350px;
	width:700px;
	margin:30px 0px;
	right:150px;
	position:relative;
	float:right;
}
.brain_right h2{
	font-size:35px;
	width:300px;
	top:80px;
	left:350px;
	position:relative;
}
.brain_right h3{
	font-size:30px;
	top:180px;
	position:relative;
	right:-60px;
}
.brain_right a{
	font-size:18px;
	text-decoration: none;
	color:#41abd9;
	top:250px;
	right:-220px;
	position:relative;
}
.brain_right a:hover{
	font-weight:bold;
}
/*精确高效*/
.precise_con {
	height:470px;
	padding:40px 0;
	background-color: #00a6b6;
}
.precise{
	width:1200px;
	height:310px;
	margin:0 auto;
}
.precise a{
	font-size:18px;
	text-decoration: none;
	color:#fff;
	top:15px;
	left:530px;
	position:relative;
}
.precise a:hover{
	font-weight:bold;
}
.precise>div{
	float:left;
	width:400px;
}
.prec_mid>h4{
	text-align:center;
	font-size:30px;
	color:#FFCC00;
	margin-top:20px;
	line-height:60px;
}
.prec_mid>h5{
	text-align:center;
	font-size:20px;
	color:#FFCC00;
	line-height:50px;
}
.prec_mid>.little_circle{
	margin-right:170px;
	margin-top:20px;
}
.prec_mid>.bubble3{
	margin-right:56px;
}
.prec_mid .triangle3{
	left:133px;
}
.prec_rt>.little_circle{
	float:left;
	margin-left:60px;
	margin-top:50px;
}
.prec_rt>.bubble3{
	float:left;
}
.prec_rt .triangle3{
	left:82px;
}
.prec_ul{
	height:120px;
	width:1200px;
	margin:45px auto;
}
.prec_ul>li{
	width:399px;
	height:100%;
	float:left;
	border-right:1px dashed #fff;
	color:#fff;
}
.prec_ul>li>h4{
	font-size:16px;
	text-indent:4em;
	line-height:40px;
}
.prec_ul>li>p{
	border-left:1px solid #fff;
	margin-left:80px;
	padding-left:20px;
	line-height:25px;
	font-size:14px;
}





.circles{
	width:50%;
	margin:0 auto;
	height:350px;
	margin-top:15px;
	float:left;
}
.circles_left{
	width:50%;
	height:350px;
	float:left;
}
.circles_right{
	width:50%;
	height:350px;
	float:right;
}
.circles_left1{
	width:24%;
	height:207px;
	float:left;
}
.circles_left1 img{
	right:35px;
	top:18px;
	position:relative;
}
.circles_right1{
	width:24%;
	height:207px;
	float:right;
}
.circles_right1 img{
	right:-35px;
	top:18px;
	position:relative;
}

.little_circle{
	background-color:#fff;
	width:60px;
	height:60px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	float:right;
	margin-right:60px;
	margin-top:50px;
}
.little_circle h6{
	font-size:18px;
	text-align:center;
	color:#ffcc00;
	line-height:60px;
}
.circles_left2{
	width:76%;
	height:207px;
	position:relative;
}
.circles_right2{
	width:76%;
	height:207px;
	position:relative;
	float:right;
}
.circles_left3{
	width:100%;
	height:143px;
	float:left;
	position:relative;
}
.circles_left3 img{
	right:52px;
	bottom:25px;
	position:relative;
}
.circles_right3{
	width:100%;
	height:143px;
	float:right;
	position:relative;
}
.circles_right3 img{
	left:110px;
	bottom:25px;
	position:relative;
}
.bubble_block1{
	width:22%;
	margin-left:20px;
	height:350px;
	float:left;
	margin-top:15px;
}
.bubble_block2{
	width:100%;
	height:110px;
	float:left;
}

.bubble{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background-color:#fff;
}
.bubble  p{
	font-size:16px;
	color: #777;
	line-height:2em;
	font-weight:bold;
	top:12%;
	position:relative;
	text-align: center;
	margin:0 auto;
}
.bubble3{
	width:285px;
	height:83px;
	float:right;
	margin-top:30px;
}
.triangle{
	width:0px;
    height:0px;
    border:10px solid #00a6b6;
	position:relative;
}
.triangle1{
    border-left:10px solid #fff;
	top:-50%;
	left:20px;
	float:right;
}
.triangle2{
    border-right:10px solid #fff;
	top:-50%;
	left:-20px;
	float:left;
}
.triangle3{
    border-bottom:10px solid #fff;
	top:-84px;
	left:186px;
	float:left;
}
/*采集展示*/
.products {
	width: 100%;
	padding: 50px 0 12px;
	background-color: #1e82a3;
}
.products h5 {
	width: 370px;
	margin: 0 auto;
	font-size: 40px;
	color: #fff;
	line-height: 45px;
	text-align: center;
}
.products .p_tabs {
	width: 1180px;
	margin: 0 auto;
	padding-top: 45px;
}
.products .tabs {
	margin-top: 40px;
	padding-left: 30px;
	display: inline-block;
	float: left;
}
.products .tabs_li {
	padding: 10px 0;
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	cursor: pointer;
}
.products .tabs_li.active {
	color: #EEA500;
}
.products .tabs_li span {
	width: 69px;
	height: 57px;
	display: inline-block;
	margin-right: 34px;
	vertical-align: middle;
	background: url(/view/image/commodityImage/w_probanner.png) no-repeat;
}
.products .tabs_li .i_foreSpider {
	background-position: 0 0;
}
.products .tabs_li .i_foreAna {
	background-position: -70px 0;
}
.products .tabs_li .i_foreServer {
	background-position: -140px 0;
}
.products .tabs_li .i_ksp {
	background-position: -210px 0;
}
.products .tabs_li .i_foreLib {
	background-position: -280px 0;
}
.products .tab_container {
	width: 724px;
	height: 448px;
	display: inline-block;
	padding-left:60px;
}
.products .content img {
	width: 724px;
	height: 448px;
	margin-left:40px;
}
/*feedback*/
.feedback {
	padding: 35px 80px 50px;
	background-color: #f4f4f4;
}
.feedback>form{
	width:870px;
	margin:0 auto;
}
.feedback h5{
	font-size: 30px;
	color: #333;
	text-align: center;
}
input {	
	border: 1px solid #ddd;
	font-size: 18px;
	line-height: 24px;
	color: #777;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	outline:medium;
	font-family:'Microsoft YaHei';
}
textarea {
	width: 850px;
	height: 90px;
    border: 0;
    padding: 10px 0;
    resize: none;;
	font-size: 18px;
	line-height: 24px;  
    outline: 0;
    overflow: hidden;
    background-color: transparent;
	font-family:'Microsoft YaHei';
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.feedback .user {
	position: relative;
}
.feedback .user input{
	width: 310px;
	height: 22px;
	padding: 10px 15px ;
	margin: 30px 30px 20px 0;
	vertical-align: middle;
}
.feed_adv {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	width: 867px;
	height: 109px;
	line-height: 24px;
	background-color: #fff;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
	position: relative;
}
.sub_btn {
	width: 164px;
	margin: 0 auto;
	border: 2px solid #3379b7;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.sub_btn input {
	border: 0;
	width: 164px;
	height: 42px;
	font-size: 20px;
	line-height: 24px;
	color: #3379b7;
	font-style: bold;
	background: none;
	cursor: pointer;
}
.sub_btn input:hover {
	font-weight: bold;
}
.user_val {
	position: absolute;
	top: 43px;
	left: 17px;
	color: #777;
	font-size: 16px;
}
.emaik_val {
	position: absolute;
	top: 43px;
	left: 388px;
	color: #777;
	font-size: 16px;
}
.feed_val {
	position: absolute;
	top: 7px;
	left: 10px;
	color: #777;
	font-size: 16px;
}
input::-webkit-input-placeholder {
	color: #777;
	font-size: 18px;
}
input:-moz-placeholder {
	color: #777;
	font-size: 18px;
}
input::-moz-placeholder {
	color: #777;
	font-size: 18px; 
}
input:-ms-input-placeholder {
	color: #777;
	font-size: 18px;
}
/*animated*/
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.animated {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/****************** 第七屏 *******************/
.kidney{
	width:100%;
	height:540px;
	padding:40px 0;
}
.kidney>h4{
	font-size:30px;
	color:#333;
	text-align:center;
	line-height:36px;
}
.kidney>h5{
	font-size:25px;
	color:#3299BB;
	text-align:center;
	line-height:30px;
	margin:30px 0;
}
.kidney>ul{
	width:1160px;
	height:160px;
	margin:0 auto;
	margin-bottom:25px;
}
.kidney>ul>li{
	width:570px;
	float:left;
	height:100%;
}
.kidney>ul>li>div.li_lt{
	float:left;
	width:83px;
	height:83px;
	border-radius:50%;
	-moz-border-radius:50%;
	-wibkit-border-radius:50%;
	-o-border-radius:50%;
	border:1px solid #ddd;
	margin-left:30px;
	margin-right:20px;
}
.li_lt:hover{
	border:1px solid #3299b9;
	background:#3299b9;
}
.kidney>ul>li>div.li_lt>i{
	display:block;
	width:45px;
	height:45px;
	margin:20px 19px;
}
.kidney>ul>li>div.hover_1>i.unhover{
	background:url("/view/image/commodityImage/icon_1blue.png") no-repeat 0 0;
}
.kidney>ul>li>div.hover_2>i.unhover{
	background:url("/view/image/commodityImage/icon_1blue.png") no-repeat -45px 0;
}
.kidney>ul>li>div.hover_3>i.unhover{
	background:url("/view/image/commodityImage/icon_1blue.png") no-repeat  0 -45px;
}
.kidney>ul>li>div.hover_4>i.unhover{
	background:url("/view/image/commodityImage/icon_1blue.png") no-repeat -45px -45px;
}
.kidney>ul>li>div.hover_1>i.inhover{
	background:url("/view/image/commodityImage/icon_1white.png") no-repeat 0 0;
}
.kidney>ul>li>div.hover_2>i.inhover{
	background:url("/view/image/commodityImage/icon_1white.png") no-repeat -45px 0;
}
.kidney>ul>li>div.hover_3>i.inhover{
	background:url("/view/image/commodityImage/icon_1white.png") no-repeat  0 -45px;
}
.kidney>ul>li>div.hover_4>i.inhover{
	background:url("/view/image/commodityImage/icon_1white.png") no-repeat -45px -45px;
}
.kidney>ul>li>div.li_rt{
	width:406px;
	height:100%;
	float:left;
}
.kidney>ul>li.teshu{
	float:right;
}
.kidney>ul>li.teshu>div.li_rt{
	float:right;
}
.kidney>ul>li.teshu>div.li_lt{
	float:right;
}
.kidney>ul>li>div.li_rt li{
	margin-bottom:10px;
}
.kidney>ul>li>div.li_rt>h6{
	font-size:18px;
	color:#3299b9;
	margin:10px 0;
}
.kidney>ul>li>div.li_rt p{
	color:#777;
	font-size:15px;
	font-weight:bold;
	line-height:25px;
	margin-bottom:10px;
}
.kidney>ul>li>div.li_rt span{
	display:block;
	color:#777;
	font-size:14px;
	line-height:25px;
}
/*********************** 第九屏 **********************/
.case{
	width:100%;
	height:350px;
	margin-top:50px;
	position:relative;
}
.case h4{
	font-size:30px;
	color:#777;
	text-align:center;
	line-height:50px;
	margin-bottom:40px;
	position:relative;
}
.case_con{
	width:940px;
	height:62px;
	margin:0 auto;
	margin-bottom:40px;
}
.case_ul>div>.case_con:last-child{
	margin-bottom:0;
}
.case_con>li{
	width:160px;
	height:60px;
	float:left;
	margin-right:100px;
	position:relative;
}
.case_con>li>img{
	width:160px;
	height:60px;
}
.case_con>li:last-child{
	margin-right:0;
}
.case_con>li>i{
	display:block;
	width:162px;
	height:62px;
	position: absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.3);
}
.case_ul{
	width:1125px;
	height:180px;
	margin:0 auto;
	overflow:hidden;
}
.case_ul>div{
	width:5000px;
	margin:0 auto;
}
.case_ul>div>div{
	width:1125px;
	margin:0 auto;
	float:left;
	text-align:left;
}
.case>ul.btn{
	height:15px;
	float:left;
	position:absolute;
	left:0;
	bottom:12%;
	display:inline;
	z-index:100;
}
.case>ul.btn>li.active{
	background:#b3b3b3;
}
.case>ul.btn>li{
	width:10px;
	height:10px;
	overflow:hidden;
	cursor:pointer;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border:2px solid #b3b3b3;
	float:left;
	margin:0 10px;
	display:inline;
}
/********************** 第五屏 *********************/
.figure{
	width:100%;
	height:480px;
	padding:40px 0;
	position:relative;
	background:#f4f4f4;
}
.figure>h3{
	font-size:30px;
	color:#333;
	text-align:center;
	line-height:50px;
	margin-bottom:15px;
	position:relative;
}
.fig_con{
	width:1245px;
	margin:0 auto;
	overflow:hidden;
}
#sharpContainer{   
	width:350px;   
	height: 370px;   
	float:left;
	position:relative;
}  
#sharpContainer>div{
    position: absolute; 	
}
.before{   
    content:"";/*不需要展现文字等内容,所以设置为空字符*/
    width:0px;   
    border-left:55px solid transparent;   
    border-right:55px solid transparent;   
    border-bottom:28px solid #fff; 
    position:absolute;   
    left:0px;   
    top:-28px; 
}  
.before:before{   
    content:"";/*不需要展现文字等内容,所以设置为空字符*/
    width:0px;   
    border-left:53px solid transparent;   
    border-right:53px solid transparent;   
    border-bottom:28px solid #fff; 
    position:absolute;   
    left:-53px;   
    top:0px; 
	z-index:999;
}
.before:after{   
    content:"";/*不需要展现文字等内容,所以设置为空字符*/ 
    width:0px;   
    border-left:55px solid transparent;   
    border-right:55px solid transparent;   
    border-bottom:30px solid #ddd; 
    position:absolute;   
    left:-55px;   
    top:-2px; 
	z-index:99;
} 
#change:before{
	border-bottom:28px solid #ebf0f3; 
}
#change2:before{
	border-top:28px solid #ebf0f3; 
}
.sharp{   
    width:106px;   
    height:70px;   
    background:#fff;   
    display: inline-block;     
    line-height: 160px;   
    color:#FFFFFF;   
    font-size: 20px;   
    text-align: center;  
	cursor:pointer;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
}
.after{   
    content:"";/*不需要展现文字等内容,所以设置为空字符*/  
	width:0px;   
	border-left:55px solid transparent;   
	border-right:55px solid transparent;  
	border-top:28px solid #fff; 
	position:absolute;   
	right:0px;   
	top:70px;   
} 
.after:before{   
    content:"";/*不需要展现文字等内容,所以设置为空字符*/ 
	width:0px;   
	border-left:53px solid transparent;   
	border-right:53px solid transparent;  
	border-top:28px solid #fff; 
	position:absolute;   
	right:-53px;   
	top:-28px; 
	z-index:999;
}
.after:after{   
    content:"";/*不需要展现文字等内容,所以设置为空字符*/  
    width:0px;   
   border-left:55px solid transparent;   
	border-right:55px solid transparent;  
	border-top:30px solid #ddd; 
    position:absolute;   
    right:-55px;   
	top:-28px; 
	z-index:99;
}  
#sharpContainer #center{   
	top:148px;   
	left:179px;   
}   
#sharpContainer #top{   
	top:40px;   
	left:120px;   
}   
#sharpContainer #top-left{   
	top:148px;   
	left:61px;   
}   
#sharpContainer #top-right{   
	top:40px;   
	left:238px;   
}   
#sharpContainer #bottom{   
	top:256px;   
	left:238px;   
}   
#sharpContainer #bottom-left{   
	top:256px;   
	left:120px;   
}   
#sharpContainer #bottom-right{   
	top:148px;   
	left:297px;   
} 
@-webkit-keyframes zoomIn2{
	0%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	100%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
}
@keyframes zoomIn2{
	0%{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
	100%{
		opacity:1;
		-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1)
	}
}
.zoomIn2{-webkit-animation-name:zoomIn2;animation-name:zoomIn2}
.animated {
  -webkit-animation-duration:8 0.s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomOut2{
	0%{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	100%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes zoomOut2{
	0%{
		-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1)
	}
	100%{
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
}
.zoomOut2{-webkit-animation-name:zoomOut2;animation-name:zoomOut2}

.sharp>i{
	display:block;
	width:30px;
	height:30px;
	margin:0 auto;
	margin-bottom:5px;
	margin-top:10px;
	background:url("/view/image/commodityImage/icon_3.png") no-repeat; 
	background-size:100% 100%;
}
.sharp>i.par1{
	background:url("/view/image/commodityImage/gath1.png")