@charset "utf-8";

/* [7LIB.ORG] */
html,body,div,iframe,span,
dl,dt,dd,ul,ol,li,
form,input,textarea,pre,p,blockquote,
th,td						{ margin:0; padding:0; font-size:100%;}
a							{ text-decoration:none;}
li							{ list-style:none;}
.clear						{ clear:both; height:0px; line-height:0;}
h1,h2,h3					{ font-weight:normal; padding:0px; margin:0px; }
img							{ border:0; }
a							{ color:#666; }
a:hover 					{ text-decoration:none; }
@font-face{src:url("raavi.ttf"); font-family: 'raavi';}
@font-face{src:url("AgencyFB.ttf"); font-family: 'AgencyFB';}


/* [7LIB.ORG] */
body,html { font-family:"微软雅黑","黑体"; font-size:14px; color:#000; background:#fff; min-width:1274px;}
.fl{float:left;}
.fr{float:right;}
.pl0{padding-left:0px !important;}
.pr0{padding-right:0px !important;}
.pt20{padding-top:20px !important;}
.ml0{margin-left:0px !important;}
.mr0{margin-right:0px !important;}
.nobg{background:none !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.noborder{border:0px !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.box{width:1200px; margin:0 auto;}
.halfbox{width:600px;}
.w-top{height:38px; background:#f2f2f2;  font-size:14px; line-height:36px;}
.w-top .wtr{}
.w-top .wtr a{ text-align:center; padding:0 6px;}


.shoudian {color: #02ff73}

 .sinfo{margin-top:-15px;}
 .sinfos{margin-top:0px;}
/************服务范围**********/
.service{padding:60px 0; /*background:url(servicebg.png) no-repeat center;*/}
.service ul li{position:relative; width:265px; height:57px; background:url(sbg.png) no-repeat center; text-align:center; color:#818181; /*line-height:26px;*/ font-size:14px; margin:0px 10px; float:left;}
.service ul li:hover{background:url(shoverbg.png) no-repeat center;}
.stop ul li{padding:75px 10px 10px;cursor:pointer;}
.sbottom ul li{padding:10px 10px 75px 10px;}
.service .shead{position:absolute; width:131px; height:131px; left:77px;  cursor:pointer;}
/* 上面样式有一个转圈特效，不好看，去掉了。transition: all 0.2s ease-out 0s;*/
.stop ul li .shead{top:-65px;}
.sbottom ul li .shead{bottom:-65px;}
.shead1{background:url(sicon11.png) no-repeat center;}
.shead2{background:url(sicon21.png) no-repeat center;}
.shead3{background:url(sicon31.png) no-repeat center;}
.shead4{background:url(sicon41.png) no-repeat center;}
.shead5{background:url(sicon51.png) no-repeat center;}
.shead6{background:url(sicon61.png) no-repeat center;}
.shead7{background:url(sicon71.png) no-repeat center;}
.shead8{background:url(sicon81.png) no-repeat center;}
.stop ul li:hover .shead1{background:url(sicon1.png) no-repeat center; transform: rotate(360deg); }
.stop ul li:hover .shead2{background:url(sicon2.png) no-repeat center; transform: rotate(360deg);}
.stop ul li:hover .shead3{background:url(sicon3.png) no-repeat center; transform: rotate(360deg);}
.stop ul li:hover .shead4{background:url(sicon4.png) no-repeat center; transform: rotate(360deg); }
.sbottom ul li:hover .shead5{background:url(sicon5.png) no-repeat center;  transform: rotate(360deg);}
.sbottom ul li:hover .shead6{background:url(sicon6.png) no-repeat center;  transform: rotate(360deg);}
.sbottom ul li:hover .shead7{background:url(sicon7.png) no-repeat center;  transform: rotate(360deg);}
.sbottom ul li:hover .shead8{background:url(sicon8.png) no-repeat center;  transform: rotate(360deg);}
.servicehead{height:121px; font-size:30px; color:#000; text-align:center; line-height:121px;}