﻿
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,dl, dt, dd, ul, ol, li,
form, fieldset, legend, button, input, textarea, th, td,i,em {
    margin:0;
    padding:0;
}
/** 设置默认字体 **/
body,
button, input, select, textarea { 
  font:12px  "微软雅黑"; color:#464646;
}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
address,em,i{ font-style:normal;} /* 将斜体扶正 */
.clearfix{*zoom:1;}  /*清除浮动*/
.clearfix:after{ content:"."; clear:both; visibility:hidden; height:0; display:block;line-height:0}
.clear{ clear: both;}
/** 重置列表元素 **/
ul, ol{ list-style:none;}
/** 重置文本格式元素 **/
a{text-decoration:none; color:#004d99;}
a:hover{ text-decoration:none;}
/** 重置表单元素 **/
img{ border:0;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea{ font-size:100%; border:1px solid #CCC;} /* 使得表单元素在 ie 下能继承字体大小 *//
table{border-collapse:collapse;border-spacing:0;}
input{border:1px solid #CCC;outline:none;}
.fl{float:left;}
.fr{ float:right;}
.hide{ display:none;}
.mar-top10{ margin-top:10px !important;}
.mar-top20{margin-top:10px !important;}
/** html5元素**/
article,aside,canvas,figure,figcaption,footer,header,hgroup,menu,nav,section,audio,video {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	outline:0;
	vertical-align:baseline;
}
article,aside,details,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

/*头部*/
body{ min-width:1200px;}
#header{ width:100%;height:90px; }
.heads{ background:#FFF; position:fixed;width:100%;height:90px;box-shadow:0 0 5px #888;z-index:9999; background:#f9f9f9 url(../images/d.png) repeat-x;}
.wrap{width:1102px; margin:0 auto;}
.wraptop{ text-align:right;margin-top:13px;font-size:13px; height:14px; line-height:14px;}
.wraptop a{ margin:0 5px; color:#555; }
.headmain{ height:45px;}
.logo{ position:absolute; top:20px;z-index:102;   background:url(../images/logo.png) no-repeat; text-indent: -9999px; }
.logo a{width:262px; height:60px;  display: block;}
.loginnav{ text-align:right; font-size: 16px;color:#fe6000; margin-top: 10px;}
.loginnav a{color:#fe6000; margin:0 5px;}
#headsnav{position:relative; height:43px; z-index:100; }
#headsnav2{ height:43px;width:100%;padding-left:200px;}
.nav{margin-left:31px;}
.nav ul{width:620px;}
.nav ul li{ /* position:relative; */ z-index:50; float: left;height: 44px;}
/*.nav ul li:first-child{width:2px; }*/
.nav ul li a.nav-a{ font-size:17px; color:#010101; display:block; height:43px; line-height: 48px; text-align:center;}
.nav ul li:hover a.nav-a{ text-shadow:1px 1px 1px #006;background-color: #fd6001;}
.nav ul li.cos1{ width: 80px;}
.nav ul li.cos2{ width: 114px;}
.subnav{ position:absolute; top:44px; left:0; z-index:40; width: 100%; height:395px;background:url(../images/subnavbg_03.png) repeat-x; display:none;}
.subnav a:hover{color:#fe4003}
div.subnav-scheme,div.subnav-about{ width: 100%;background:url(../images/subnavbg_03.png) repeat-x;}

.subkey{ margin-top:38px; float:left;<span style= "align:center;"><h6></h6></span>;}
.subkey a{ font-size:14px; color:#333;}
.subkey h6{ font-size:16px; color:#000; font-weight:bold;}
.subkey h6  a{ font-size:16px;}
.subkey dl{ float:left; margin-top:10px;}
.subkey dl dd{ height:20px; margin-top:15px;} 


#sear{ width:180px; height:22px; margin-top:12px; margin-left:65px; color:#fe6000; font-size:22px; line-height:22px; text-align:center; background:url(../images/tel.png) no-repeat left; padding-left:20px;}
/* #search,#searchbth{ border:0; background:none;}
#search{ margin-left:10px; height:22px; width:175px;*+margin-left:-85px;}
#searchbth{ width:20px; height:20px; cursor:pointer;} */

/*轮播 */
/*#banear{ width:100%; height:396px; position:relative; z-index:1; }
#banear-ul li{ width:100%; position:absolute;height:396px;  top:0; left:0; z-index:10;filter:alpha(opacity=0); opacity:0; }
#banear-ul li:first-child{z-index:11;filter:alpha(opacity=100); opacity:100;}
#banear-ul  a{ display:inline-block; width:100%; height:396px;position:absolute; z-index:100px;}
#banernum{ position:absolute; z-index:20;left:50%; bottom:10px; width:100px; height:10px; }
#banernum li{ float:left; width:10px; height:10px; text-align:center; background:url(../images/banerbumbg1.png) no-repeat; margin-left:5px; text-indent:-9999px;}
#banernum li.bacor{background:url(../images/banerbumbg2.png) no-repeat;}
*/
/* flexslider banner*/
#top_box{ width:100%; margin:0 auto; background:#1b2527; height:396px; position:relative;}
.banner{ height:396px; background:#f1f0ee;}
.flexslider{position:relative;height:396px;overflow:hidden;background:#1b2527;}
.slides{position:relative;z-index:0;}
.slides li{height:396px;}
.slides li a{ width:100%; height:100%; display:block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:70px;height:70px;overflow:hidden;cursor:pointer;position:absolute; background-size:70px;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/right.png) center center no-repeat;}


/*轮播*/
.fullSlide{width:100%;position:relative;height:396px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:396px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:396px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:20px;line-height:20px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0fbeff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -127px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:10%;background-position:-6px -127px;}
 



/*产品*/
.subpro1{ margin-left:0px;}
.subpro2 dl{ margin-left:35px;}

.subpro2 dl.subpro1-dl{margin:10px 0 0 0;}
.subpro2{ margin-left:30px;}
.subpro3,.subpro4,.subpro5{ margin-left:30px;}
.subpro4 dl{ margin-left:14px;}
.subkey .subpro-a{ color:#fd0000}
.subkey  .subpro-dd{ color:#fd0303; font-size:16px;margin-top:25px; font-weight:bold;}

/*解决方案*/
#main-cont h3 {
    text-align: center;
    color: #333;
    font-size: 30px;
margin-bottom: 50px;
}
#main-cont {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 100px 0;
}
.maccot1, .maccot2, .maccot3, .maccot4 {
    float: left;
    line-height: 20px;
}
.maccot1 {width: 250px;}
.maccot2 {width: 250px;margin-left: 66px;}
.maccot3 {width: 250px;margin-left: 66px;}
.maccot4 {width: 250px;margin-left: 66px;}
#main-cont h5 {
    color: #0099ff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: 0px;
    text-align: center;
}
.maccot1 p, .maccot2 p, .maccot3 p, .maccot4 p {
    width: 250px;
    text-align: justify;
    color: #333;
    line-height: 24px;
}
.macp1 {
    background: url(../images/mctimg1.png) no-repeat top center;
    width: 64px;
    height: 65px;
    margin: 0 auto;
}
.maccot1:hover .macp1{background: url(../images/mctimg1-act.png) no-repeat top center;}
.macp2 {
    background: url(../images/mctimg2.png) no-repeat top center;
    width: 64px;
    height: 65px;
    margin: 0 auto;
}
.maccot2:hover .macp2{background: url(../images/mctimg2-act.png) no-repeat top center;}
.macp3 {
    background: url(../images/mctimg3.png) no-repeat top center;
    width: 64px;
    height: 65px;
    margin: 0 auto;
}
.maccot3:hover .macp3{background: url(../images/mctimg3-act.png) no-repeat top center;}
.macp4 {
    background: url(../images/mctimg4.png) no-repeat top center;
    width: 64px;
    height: 65px;
    margin: 0 auto;

}
.maccot4:hover .macp4{background: url(../images/mctimg4-act.png) no-repeat top center;}


.subsch1{ margin-left:0px;}
.subsch1 dl{ margin-left:35px;}
.subsch1 dl.subsch1-dl{margin:10px 0 0 0;}
.subsch2{ width:294px; margin-left:60px;}
.subsch2 dd{ float:left;  margin-top:20px;width:126px; height:54px !important; text-align:center; background:url(../images/schlinks.jpg) top left;}

.subsch2 dd.subsch2-dd{ margin-left:42px;}
.subsch2 .subsch2-d1{background-position: 0 0;}
.subsch2 .subsch2-d2{background-position: 0 -55px;}
.subsch2 .subsch2-d3{background-position: 0 -110px;}
.subsch2 .subsch2-d4{background-position: 0 -165px;}
.subsch2 .subsch2-d5{background-position: 0 -220px;}
.subsch2 .subsch2-d6{background-position: 0 -275px;}
.subsch2 .subsch2-d7{background-position: 0 -330px;}
.subsch2 .subsch2-d8{background-position: 0 -385px;}
/*服务*//*技术支持*/
.subnav-server .subkey,.subnav-skill .subkey{ width:130px;}
.subser1{margin-left:0px;}
.subser2,.subser3,.subser4,.subser5{margin-left:55px;}
.subser5 img{ width:100%; height:100%; display:block;}
.subser5 a{ width:180px; height:91px; display:block; margin-top:16px;} 
.subser5 a:first-child{margin-top:0;}
.subser6{ width:600px; height:300px;}
.subser6 img{ padding-left:20px;padding-top:20px; }
.subser6 a{ width:180px; height:71px; margin-left:-20px;} 

/*关于我们*/
.subnav-about b{ font-weight:normal; color:#ff5900;} 
.subabo1{margin-left:0px;}
.subabo2,.subabo3,.subabo4{ margin-left:65px;}
.subabo1-dl{ margin-left:65px; }
.subabo5{ margin-left:30px;}
.subabo3 .subabo3-dd{ margin-bottom:10px; height:39px;}





/*轮播*/
#bannear2{ width:100%; height:250px; margin:0 auto; position:relative; z-index:-100;}
#bannear2 li{position:absolute; z-index:-100;top:0; left:0;filter:Alpha(opacity=0); opacity:0;width:100%; height:250px; }
#bannear2 li a{ width:100%; height:100%; display:inline-block;}
#bannear2 li:first-child{ opacity:1;filter:Alpha(opacity=100); z-index:1;}

#bannear3{ width:100%; height:250px; margin:0 auto; position:relative; z-index:0;}
#bannear3 li{position:absolute; z-index:-100;top:0; left:0;filter:Alpha(opacity=0); opacity:0;width:100%; height:250px; }
#bannear3 li a{ width:100%; height:100%; display:inline-block;}
#bannear3 li:first-child{ opacity:1;filter:Alpha(opacity=100); z-index:1;}

#banear{ width:100%; height:396px; position:relative; }
#banear-ul li{ width:100%; position:absolute;height:396px;  top:0; left:0; z-index:10;filter:alpha(opacity=0); opacity:0; }
#banear-ul li:first-child{z-index:11;filter:alpha(opacity=100); opacity:100;}
#banear-ul  a{ display:inline-block; width:100%; height:396px; z-index:100px;}
#banernum{ position:absolute; z-index:20;left:50%; bottom:10px; width:100px; height:10px; }
#banernum li{ float:left; width:10px; height:10px; text-align:center; background:url(../images/banerbumbg1.png) no-repeat; margin-left:5px; text-indent:-9999px;}
#banernum li.bacor{background:url(../images/banerbumbg2.png) no-repeat;} 





/*底部*/
#footer1{ background:url(../images/footbg1.png)  repeat-x; height:507px; margin-top:50px;}
#footer2{ background:url(../images/footbg2.png) repeat-x; height:540px;margin-top:50px;}
#footer1 a:hover,#footer2 a:hover{ color:#fe4003}
#footer1 .footpage{width:1050px;}
#footer1 .foottop1{margin-left:0; }
.footpage{ width:1116px; margin:0 auto;}
.foottop1,.foottop2{ width:100%; height:62px;}
.foottop1{color:#515151; font-size:18px; margin-left:72px;  }

.foottop1 i,.foottop1 a{ display:block; float:left;}
.foottop1 i{ line-height:62px;}
.foottop1 a{ margin:15px 5px 0;}
.foottop2{ margin-top:1px;}
.foots{margin-left:218px; float:left; height:40px; line-height:30px; font-size:16px; color:#FFF; margin-top:15px;}
.foots:first-child{ margin-left:22px;}
.foots p{ background:url(../images/foot2tops.png)  no-repeat; width:40px; height:33px; float:left; margin:0 10px;}
p.footp2{ background-position: -42px;}
p.footp3{ background-position:-87px;}
.footmain1{ height:221px; padding-top:30px;}
.footmain2{ height:228px; padding-top:30px;}
.footlink{ float:left;margin-top:-20px; margin-right:55px; width:100px;margin-bottom:15px;}

.footlink:first-child{ margin-left:28px;}
#footer1 .footlink{margin-right:55px; }
#footer1 .footlink:first-child{ margin-left:0;}
.indexlinks{height:50px; margin-top:-20px;margin-left:28px; }
#footer1 .indexlinks{margin-left:0; }
.indexlinks{ color:#666;}
.indexlinks label{ color:#000; }
.indexlinks a{ margin:0 10px; color:#666}
.footlink li{ line-height:24px;}
.footlink li a{ color:#666;}
.footlink li:first-child{ color:#282828; font-size:16px; font-weight:bold;}
.videos{ width:250px; height:180px;margin-top:-20px;margin-bottom:15px;}
#footer1 .footbtn{width:1060px; }
.footbtn{ color:#282828; line-height:20px;  width:1070px; margin:30px auto 0}
.footbtn a{ margin:0 5px;color:#282828;}
.footimg{width:640px; margin:28px auto 0;}
.footimg  a{ margin-left:20px;}
.footimg a:first-child{ margin:0;}


/* 中间 */
#main{ width:1200px; margin:46px auto 0;}

#aside-left{ width:196px;}

.asidetps{ margin-left:3px; background:url(../images/sidetopbg_03.png) no-repeat left; height:18px; font-size:16px; padding-left:16px; color:#333; margin-bottom:17px;}
#aside5 li{ width:196px; line-height:54px; text-align:left; background:url(../images/asidebg2.png) no-repeat; margin-top:6px;}
#aside5 li:hover{color:#FFF;background:url(../images/asidebg1.png) no-repeat;}
#aside5 li:hover>a{color:#FFF}
#aside5 dl{ display:none}
#aside5 dd{ height:35px; line-height:35px; background:#f4f3f1; margin-top:2px;}
#aside5 dd a{ color:#333 !important;}
#aside5 dd:hover{ background:#ffa624;}
#aside5 dd a:hover{color:#FFF !important}
#aside5 li a{ display:block;margin:0 15px; height:54px;color:#333333;}
#aside5 li:first-child{ background:url(../images/asidebg1.png) no-repeat; margin:0;}
#aside5 li:first-child a{color:#FFF;}



#aside1 li{ width:196px; line-height:54px; text-align:left; background:url(../images/asidebg2.png) no-repeat; margin-top:6px; cursor:pointer;}
#aside1 li.email_bg{color:#FFF;background:url(../images/asidebg1.png) no-repeat;}
#aside1 li.email_bg a{color:#FFF;}
#aside1 li:hover{color:#FFF;background:url(../images/asidebg1.png) no-repeat;}
#aside1 li:hover>a{ background:url(../images/yuan.png) no-repeat left; color:#FFF}
#aside1 li span{ display:block; width:100%; height:100%;}
#aside1 dl{ display:none}
#aside1 dd{ height:35px; line-height:35px; background:#f4f3f1; margin-top:2px; padding-left:40px; text-align:left}
#aside1 dd a{ color:#333 !important;}
#aside1 dd:hover{ background:#ffa624;}
#aside1 dd a:hover{color:#FFF !important}
#aside1 li a{ display:block;margin:0 10px; padding-left:25px; width:145px; height:54px;color:#333333;}
.aside1-a1{ background:url(../images/yuan.png) no-repeat left;}
.aside1-a2{ background:url(../images/yuan.png) no-repeat left;}
.aside1-a3{ background:url(../images/yuan.png) no-repeat left;}
.aside1-a4{ background:url(../images/yuan.png) no-repeat left;}
.aside1-a5{ background:url(../images/yuan.png) no-repeat left;}

#aside2{ width:194px; margin-top:14px; border:1px solid #dcdcdc}
#aside2 span{ display:inline-block; width:50%; height:41px; text-align:center; line-height:41px; background:#efefef; color:#060606}
#aside2 span.spancor{ background:#FFF}
#aside2 ul{ width:180px; margin:10px auto;}
#aside2 ul li{ background:url(../images/asidelibg.png) no-repeat left; padding-left:12px; line-height:35px;}
#aside2 ul li a{ font-size:14px; color:#242323}
.reg-ts1 a{ color:#818181;}
.adagv1,.adagv2{ display:block;}
.adagv1{ margin-top:14px;}
.adagv2{ margin-top:14px;}
.adagv1 img,.adagv2 img{ display:block;}


.sidenor{ background:#ffa624;}
.sidenor a{ color:#FFF !important;}






/*#main-cont{ width:1050px; margin:70px auto 0;}
#main-cont h3{ text-align:center; color:#4e4e4e; font-size:26px;}
.mactop{ width:964opx; height:101px; margin:46px auto 0; background:url(../images/mctbg.png) no-repeat center}
#main-cont h5{ color:#5bc0de; font-size:16px; margin-top:20px;margin-bottom:15px;}
.mactop p{ display:inline-block; width:101px; height:101px; *+float:left;}
.macp1{ background:url(../images/mctimg1.jpg) no-repeat; margin-left:42px;}
.macp2,.macp3,.macp4{margin-left:187px;}
.macp2{ background:url(../images/mctimg2.jpg) no-repeat;}
.macp3{ background:url(../images/mctimg3.jpg) no-repeat;}
.macp4{ background:url(../images/mctimg4.jpg) no-repeat;}
.mactop p:hover{ background-position:0 -102px}
.maccot1,.maccot2,.maccot3,.maccot4{ float:left; line-height:20px;}
.maccot1{ width:225px;}
.maccot1 p,.maccot4 p{ width:202px;}
.maccot1 h5{ margin-left:38px;}
.maccot2 h5,.maccot3 h5{text-align:center;}
.maccot2 p,.maccot3 p{ width:202px; margin:0 auto;}
.maccot2{width:285px; margin-left:12px;}
.maccot3{width:265px; margin-left:12px;}
.maccot4{ width:209px; margin-left:42px;}
.maccot4 h5{ margin-left:60px;}  */

#main-btn,#main-btn2{ width:1200px; margin:0px auto 80px;}
#main-btn h2,#main-btn2 h2{ text-align:center; font-size:24px; color:#000; font-weight:bold; margin-bottom:16px;}
#main-btn p,#main-btn2  p{ width:284px; height:23px; margin:0 auto; color:#565656; font-size:16px; background:url(../images/mainbtnbg.png) no-repeat; text-align:center; line-height:23px;}
.mianbtn-link,.mianbtn-link2{ margin-top:30px;}
.mianbtn-link li,.mianbtn-link2 li{ float:left; }
.mianbtn-link li{background:url(../images/mainlink.jpg) top left;width:126px; height:54px;display:inline-block; margin-left:53px; }
.mianbtn-link2 li{ width:128px; display:inline-block; float:left;  text-align:center; margin-left:7px;line-height:30px;font-size:14px;
color:#595959;}
.mianbtn-link2 li:first-child{ width:105px; }
.mianbtn-link2 li a{ display:block; width:100px;   background:url(../images/csg-relmel2.jpg) top  left; margin:0 auto; height:54px;}
.main-li1s{  background-position: 0 0 !important;}
.main-li2s{background-position: 0 -55px !important;}
.main-li3s{background-position: 0 -110px !important;}
.main-li4s{ background-position: 0 -165px !important;}
.main-li5s{background-position: 0 -220px !important;}
.main-li6s{background-position: 0 -275px !important;}
.main-li7s{background-position: 0 -330px !important;}
.main-li8s{background-position: 0 -385px !important;}
.sprite-U57dfU540dU9996U9875_09{ background-position: 0 0; width: 100px; height: 54px; } 
.sprite-zizhiimg1_03{ background-position: 0 -55px; width: 100px; height: 54px; } 
.sprite-zizhiimg1_05{ background-position: 0 -110px; width: 100px; height: 54px; } 
.sprite-zizhiimg1_07{ background-position: 0 -165px; width: 100px; height: 54px; } 
.sprite-zizhiimg1_11{ background-position: 0 -220px; width: 100px; height: 54px; } 
.sprite-zizhiimg1_13{ background-position: 0 -275px; width: 100px; height: 54px; } 
.sprite-zizhiimg1_15{ background-position: 0 -330px; width: 100px; height: 54px; } 
.sprite-zizhiimg1_17{ background-position: 0 -385px; width: 100px; height: 54px; } 


.mianbtn-link li a,.subsch2 dd a{ display:block;width:100%; height:100%;}
.mianbtn-link li:first-child,.mianbtn-link2 li:first-child{ margin-left:0;}
li.main-li1{ background-position:0 -108px;}
li.main-li2{background-position:0 -162px;}
li.main-li3{background-position:0 -216px;}
li.main-li4{background-position:0 -270px;}
li.main-li5{background-position:0 -324px;}
li.main-li6{background-position:0 0px;}
li.main-li7{background-position:0 -54px;}

/*客服*/
#kefu{ width:120px; height:auto; position:fixed; top:50%; right:5px;z-index:99999; background:#fff; border:1px solid #d1d1d1;border-top:2px solid #40b8ef; display:none; margin-top:-220px;}
#kefu .top{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:15px; color:#333; font-weight:bold; text-align:center;}
#kefu .middle{ font-size:12px; width:100%; color:#000; font-family:"Microsoft YaHei";text-align:center;}
#kefu .middle a{ text-decoration: none; color: #003; padding-top:15px;  font-family:"Microsoft YaHei";text-align:left;}
#kefu .middle p{ color:#991C0A;}
#kefu .close{float:right; margin-right:10px; margin-top:10px; cursor:pointer;}
.right_bar{  width:120px; height:auto; position:fixed; top:50%; right:0; margin-top:-220px; z-index:9999;}
.right_bar img{cursor:pointer;}
/*客服结束*/

/*客户案例最新改变样式*/
#footer2 {background: url(../images/footbg2.png) repeat-x;height: 540px;margin-top:0px; }
.khal_box{ background:#fafafa; overflow:hidden; margin:0 auto; }
.kh_pic{ width:100%; height:365px; margin:0 auto; background:url(../images/albgpic.png) no-repeat center;}
.khal_box h2{ text-align: center;color: #4e4e4e; font-size: 26px; margin-top:30px;}
.khal_box p{ text-align: center;color: #999; font-size: 18px; line-height:50px; margin-bottom:15px;}
li.khpic_nr{ width:1102px; margin:0 auto; position:relative;}
li.khpic_nr a{ display:block;}
.kh_yuan1{border-radius: 50%; width:105px; height:105px; border:1px solid #cccccc; background:url(../images/khalog1.png) no-repeat center #FFF; position:absolute; left:0px; top:50px;transition: width 1s linear 2s;}
.kh_yuan1:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:105px; height:105px; border:2px solid #7cc8eb; background:url(../images/khalog01.png) no-repeat center #FFF;}

.kh_yuan2{border-radius: 50%; width:129px; height:129px; border:1px solid #cccccc; background:url(../images/khalog2.png) no-repeat center #FFF; position:absolute; left:327px; top:227px;}
.kh_yuan2:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:129px; height:129px; border:2px solid #7cc8eb; background:url(../images/khalog02.png) no-repeat center #FFF;}

.kh_yuan3{border-radius: 50%; width:140px; height:140px; border:1px solid #cccccc; background:url(../images/khalog3.png) no-repeat center #FFF; position:absolute; left:530px; top:0px;}
.kh_yuan3:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:140px; height:140px; border:2px solid #7cc8eb; background:url(../images/khalog03.png) no-repeat center #FFF;}

.kh_yuan4{border-radius: 50%; width:105px; height:105px; border:1px solid #cccccc; background:url(../images/khalog4.png) no-repeat center #FFF; position:absolute; left:609px; top:206px;}
.kh_yuan4:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:105px; height:105px; border:2px solid #7cc8eb; background:url(../images/khalog04.png) no-repeat center #FFF;}

.kh_yuan5{border-radius: 50%; width:129px; height:129px; border:1px solid #cccccc; background:url(../images/khalog5.png) no-repeat center #FFF; position:absolute; right:153px; top:122px;}
.kh_yuan5:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:129px; height:129px; border:2px solid #7cc8eb; background:url(../images/khalog05.png) no-repeat center #FFF;}

.kh_yuan6{border-radius: 50%; width:105px; height:105px; border:1px solid #cccccc; background:url(../images/khalog6.png) no-repeat center #FFF; position:absolute; right:0px; top:229px;}
.kh_yuan6:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:105px; height:105px; border:2px solid #7cc8eb; background:url(../images/khalog06.png) no-repeat center #FFF;}

.kh_yuan7{border-radius: 50%; width:85px; height:85px; border:1px solid #cccccc; background:url(../images/khalog7.png) no-repeat center #FFF; position:absolute; left:157px; top:115px;}
.kh_yuan7:hover{box-shadow:0px 0px 10px #ccc;border-radius: 50%; width:83px; height:83px; border:2px solid #7cc8eb; background:url(../images/khalog07.png) no-repeat center #FFF;}



