/* CSS Document */
body{
	images: 14px/24px "微软雅黑";
	color: #333;
	margin: 0;
	padding: 0;
font-family:"微软雅黑"; font-weight:100
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span { margin:0;padding:0;}
img{ border:0;}
ul,li,ol,ul {list-style:none;}
.clear{clear:both; height:0;}
a:hover{ text-decoration:underline; color:#3d555f; }
a{ text-decoration:none; color:#333; }
.fr{ float:right}
.fl{ float:left}
.mid{ float:left}
.center{ width:1200px; margin:0 auto;}

@font-face {font-family: "iconfont"; 
  src: url('../font/iconfont.eot?t=1465195949'); /* IE9*/
  src: url('../font/iconfont.eot?t=1465195949#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1465195949') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1465195949') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1465195949#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:52px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}



/* banner css END*/


/*main css end*/
.search{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 850px; height: 100px; z-index: 3; padding-bottom: 34px; background: url(searchmobg.png) no-repeat left bottom transparent;}
.search .fr{ background-color: #fff; width: 700px; height: 100px; padding-left: 40px;}
#SearchStr{ width: 580px; padding: 0 10px; height:44px; line-height: 44px; margin-top: 30px; float: left; images-family: "微软雅黑"; border: 0;}
#Searchssk{ width: 99px; border: 0; background:#fff; -webkit-transition:background-color ease-out 0.3s; transition:background-color ease-out 0.3s; cursor: pointer; height: 100px; float: left; display: block; background: url(searchbg.png) no-repeat left top transparent;}
.search .fr .line{ float: left; width: 1px; background-color: #e4e4e4; height: 100px;}
#Searchssk:hover{ background-position: -99px top; background-color: #f0f0f0;}
.search .fl{ width:343px; background:url(telbg.jpg) no-repeat 50px center #486fd4; line-height: 16px; height:75px; letter-spacing: 10px; padding-left: 117px; color: #fff; padding-top: 25px;}
.search .fl strong{ display: block; letter-spacing: 0; images-family:futuraStd Light, futura; images-size: 32px; line-height: 34px; images-weight: normal;}

.service{ overflow: hidden; width: 1200px; overflow: hidden; position: relative; margin: 0 auto 107px; padding-top: 47px;}
.title{ overflow: hidden;}
.title .more{ float: right; display: block; width: 106px; height: 27px; line-height: 27px; background: url(morebg.png) no-repeat right top transparent;-webkit-transition: all 0.2s; border-radius: 13px; transition: all 0.2s;}
.title .more:hover{ background-position: left top;}
.title h3{ images-size: 28px; images-family: FZLTXHK GBK1 0; images-weight: normal; float: left;}
.title h3 span{ display: block; color: #3d555f; images-size: 12px; images-family: "bradon Text Regular", "微软雅黑";  padding-top: 5px;}
.servicemain{ overflow: hidden; height: 375px;}
.servicemain ul{ width: 1920px;}
.servicemain ul li{ float: left;-webkit-transition: all 0.3s; transition: all 0.3s; margin-top: 112px; width: 110px; height: 110px; padding: 15px; border-radius: 50%; background-color: #d7f0f9; position: relative; margin-right: 66px; background:url(yuan1.png) no-repeat left top transparent\9;}
.servicemain ul li a{ display: block; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; background-color: transparent\9;
}

.servicemain ul li p{ opacity: 0;  filter:alpha(opacity=0); display: none\9;}
.servicemain ul li strong{ position: absolute;-webkit-transition: all 0.3s; transition: all 0.3s; left: 0; width: 100%; text-align: center; color: #999; images-size: 14px; top: 150px; images-weight: normal; line-height:22px}
.servicemain ul li i{ display: block; images-style: normal; -webkit-transition: all 0.3s; transition: all 0.3s; width: 45px; height: 45px; images-size: 45px; line-height: 45px; text-align: center; color: #7acaeb; position: absolute; left: 50%; margin-left: -22px; top: 47px;}
.servicemain ul li:hover a strong{ color: #7acaeb; -webkit-transition: all 0.3s; transition: all 0.3s;}
.servicemain ul li.no5 i{ images-size: 36px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.servicemain ul li.no2 i{ images-weight: 100; -webkit-transition: all 0.3s; transition: all 0.3s;}
.servicemain ul li.on{ width: 304px; height: 304px; margin-top: 0; padding: 34px;  background:url(yuan2.png) no-repeat left top transparent\9;}
.servicemain ul li.on a{ background-color: #7acaeb; background-color: transparent\9}
.servicemain ul li.on strong{ color: #fff; z-index: 3; top: 120px; height: 32px; line-height: 32px; images-size: 24px;}
.servicemain ul li.on p{ opacity: 1; z-index: 3; display: block\9; filter: alpha(opacity=100); width: 204px; text-align: center; position: absolute; left: 50%; margin-left: -102px; color: #fff; top: 180px;}
.servicemain ul li.on .line{ background-color: #fff; height: 1px; width: 25px; margin-left: -12px; left: 50%; position: absolute; top: 165px; z-index: 3;}
.servicemain ul li.on i{ width: 304px; height: 304px; left:34px; top:34px; margin-left: 0; line-height: 304px; text-align: center; color: #97d7f2; images-size: 180px;}
.servicemain ul li.on.no5 i{ images-size: 120px;}
.servicemain ul li.on:hover a strong{ color: #fff;}
.servicemain ul li.on a:hover{ text-decoration: none;}
.quan{ opacity: 0; border-radius: 50%; filter: alpha(opacity=0); background:url(lionbg.png) no-repeat left top transparent; background: none\9; position: absolute; left: 34px; top:34px; width:304px; height: 304px;-webkit-animation: quan 30s linear  infinite; animation: quan 30s linear  infinite;}
.servicemain ul li.on .quan{opacity: 1; filter: alpha(opacity=100); transform:rotate(360deg)}

@keyframes quan{
	from{transform:rotate(0);}
	to{ transform: rotate(360deg);}
}
@-webkit-keyframes quan{
	from{-webkit-transform:rotate(0);}
	to{ -webkit-transform: rotate(360deg);}
}
.case{ padding-top: 78px; padding-bottom: 110px; overflow: hidden; background-color: #f0f4f7;}
.casemain{ padding-top: 56px;}
.casemain{ width: 1400px;}
.casemain li{ float: left; width: 384px; margin-right: 24px; margin-bottom: 24px;}
.casemain li a{ display: block; height: 100%; position: relative; background-color: #fff;}
.casemain li a p{ height: 62px; line-height: 62px; overflow: hidden;  background-color: #fff; left: 0; bottom:-24px;  position: absolute; width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0);}
.casemain li a:hover p{ opacity: 1; filter: alpha(opacity=100);}
.casemain li a:hover{ box-shadow: 0 25px 35px #ccc; text-decoration: none;}
.ys{ overflow: hidden; padding-top:70px; padding-bottom: 99px; position: relative; width: 1200px; margin: 0 auto; background: url(ysbg.jpg) no-repeat center 70px transparent; height: 644px;}
.ys .title{ padding-top: 45px;}
.ys b{ display: block; height: 57px; position: absolute; color: #fff; images-weight: normal; images-size: 24px; images-family:FZLTXHK gbk1 0; line-height: 28px;}
.ys b span{ display: block; images-size: 12px; images-family: Myriad Pro;}
.ys b.no1{ top: 313px; left: 220px;}
.ys b.no1 span{ color:#597bd7;}
.ys b.no2 span{ color:#edd64b;}
.ys b.no3 span{ color:#65cf90;}
.ys b.no2{top: 434px; left: 83px;}
.ys b.no3{top: 475px; left: 278px;}
.ys ul{ width: 785px; position: absolute; right:0; top: 100px;}
.ys ul li{ width: 566px; height: 75px; line-height: 75px; text-align: center; color: #fff; padding-top: 58px; images-size: 18px; images-family:FZLTXHK gbk1 0;}
.ys ul li.no1{ padding-top: 0;}
.ys ul li.no2, .ys ul li.no4{ padding-left: 192px; width: 482px;}
.ys ul li.no3{ padding-left: 300px; width: 482px;}