/* CSS Document */
@charset "utf-8";
/* CSS Document */
html,body{height: 100%}
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Arial", Gadget, sans-serif;
	width: 100%;
	height: 100%;
	text-align: justify;
}

* {
	margin: 0;
	padding: 0;
}

ul,li,dt,dd,dl {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img {
	border-style: none;
	outline: none;
}

.clear {
	clear: both;
}

a,a img {
	outline: none;
	text-decoration: none;
}

a:active {
	star: expression(this.onFocus=this.blur());
}

:focus {
	outline: 0;
}

.left {
	float: left;
}
div{text-align: justify;}
.right {
	float: right;
}
/*  @font-face {
    font-family: 'GOTHIC';
    src: url('GOTHIC.eot');
    src: local('GOTHIC Regular'), 
              local('GOTHIC'), 
              url('GOTHIC.woff') format('woff'), 
              url('GOTHIC.TTF') format('truetype'), 
              url('GOTHIC.svg#GOTHIC') format('svg');}*/

/* 主体样式 */
#wrap{position: relative; height: 100%; width: 100%; overflow: hidden;}
.logo{width: 144px; height: 167px; background: url(../images/logo.png) no-repeat; position:fixed; left: 50px; z-index: 300; top: 0;}
.logo a{width: 144px; height: 167px; display: block;}
#nav{height: 50px; background: url(../images/bg.png); position:fixed; z-index: 200; top: 0; width: 100%}
#nav ul{position:absolute; left: 194px;min-width: 1015px;}
#nav ul li{float: left; border-right:3px solid #5d8199; border-spacing: 2px}
#nav ul li a{padding: 0 25px; font-size: 14px; color: #fff; height: 50px; line-height: 50px; display: block;}
.nav_select,#nav ul li a:hover,#nav ul li a.slt{color:#bdb86e!important; height: 47px!important; border-bottom: 3px solid #bdb86e}
/* 转盘 */
#luopan{width: 272px; height: 502px; position: absolute; right: 0; margin-top: 55px}
#luopan .luopan{ position:relative;width: 272px; height: 502px;}
#luopan .lbg{width: 272px; height: 502px; background: url(../images/zhuanpan.png); position: absolute;top:0;left: 0; z-index: 100}
#luopan .lbg img{ background:url(../images/zhuanpan.png); position: absolute; z-index:110; display:none;}
#luopan #blank{width: 272px; height: 502px; position: absolute; top:0;left: 0; z-index: 120}

/* 新闻 */
#news{height: 39px; position: absolute; width: 100%; background: url(../images/newsbg.png) left top; bottom: 31px; }
#news_up{width: 100%; line-height: 39px; color: #fff; text-align: center; display: block;}
/*#news .newscontent{width: 850px; position: absolute; left:50px; display: none}
#news .newscontent .newstitle{width: 210px; float: left;}
#news .newscontent .newstitle p{display: block; height: 33px; line-height: 33px; width: 210px}
#news .newscontent .newstitle p strong{float:left; font-size: 14px; color: #ffae00; font-weight: normal;}
#news .newscontent .newstitle p i{float: right; font-size: 14px; color: #777d86; font-family: "Times New Roman"}
#news .newscontent .newstitle a{font-size: 26px; color: #fff; }
#news .newscontent .newslist{float: right; width: 608px; padding-top: 15px; position: relative;}
#news .newscontent .newslist li{display: none}
#news .newscontent .newslist li span{float: left; width: 388px; color: #fff; font-size: 14px; line-height: 18px;margin-top: 18px; }
#news .newscontent .newslist li .newsimg{float: right;}
#news .newscontent .newslist li span a{color: #777d86; font-size: 12px; }
#news .newscontent .newsicon{width: 67px; position: absolute; left: 0;top: 15px; height: 7px;  z-index: 5}
#news .newscontent .newsicon .lefticon{width: 4px; height: 7px; display: block; float: left;background: url(../images/newsleft.png);}
#news .newscontent .newsicon .righticon{width: 4px; height: 7px; display: block; float: right;background: url(../images/newsright.png);}
#news .newscontent .newsicon ul,#news .newscontent .newsicon ul li{float: left; display: block}
#news .newscontent .newsicon ul{margin-left: 7px}
#news .newscontent .newsicon ul li{margin: 0 4px}
#news .newscontent .newsicon li a{width: 7px; height: 7px; display: block; background: url(../images/newsicon.png); }
#news .newscontent .newsicon li a:hover{background: url(../images/newsiconon.png);}*/
#news .newscontent {width: 850px; position: absolute; left:50px; display: none}
#news .newscontent .panel {display: none;}
#news .newscontent .newstitle{width: 210px; float: left;}
#news .newscontent .newstitle p{display: block; height: 33px; line-height: 33px; width: 210px}
#news .newscontent .latest {width: 210px; position: absolute; left: 0px;top:15px; z-index: 25; font-size: 14px; 
	color: #ffae00; font-weight: normal;}
#news .newscontent .newstitle p i{float: right; font-size: 14px; color: #777d86; font-family: "Times New Roman"}
#news .newscontent .newstitle a{font-size: 26px; color: #fff; }
#news .newscontent .newsdetail {float: right; width: 608px; padding-top: 15px; position: relative;}
#news .newscontent .newsdetail  span{float: left; width: 388px; color: #fff; font-size: 14px; line-height: 18px;margin-top: 18px; }
#news .newscontent .newsdetail  .newsimg{float: right;}
.newsimg{width: 180px; height: 90px; overflow: hidden;}
.newsimg img{width: 180px;}
#news .newscontent .newsdetail span a{color: #777d86; font-size: 12px; }
#news .newscontent .newsicon {width: auto; position: absolute; left: 240px;top: 15px; height: 7px;  z-index: 5}
#news .newscontent .newsicon .lefticon{width: 4px; height: 7px; overflow: hidden; display: block; float: left;background: url(../images/newsleft.png);}
#news .newscontent .newsicon .righticon{width: 4px; height: 7px;  overflow: hidden; display: block; float: right;background: url(../images/newsright.png);}
#news .newscontent .newsicon ul,#news .newscontent .newsicon ul li{float: left; display: block}
#news .newscontent .newsicon ul{margin: 0 7px;}
#news .newscontent .newsicon ul li{margin: 0 4px}
#news .newscontent .newsicon li a{width: 7px; height: 7px; display: block; background: url(../images/newsicon.png); }
#news .newscontent .newsicon li a:hover ,#news .newscontent .newsicon li a.slt{background: url(../images/newsiconon.png);}





/* 底部 */
#footer{height: 30px; z-index: 100; line-height: 30px; background: #444; position:fixed; width: 100%; bottom: 0; font-size: 12px}
.copyright{position: absolute; left: 50px; color: #777d86;}
.copyright span{float:left; margin:0 5px; display:block}
.copyright a{color: #777d86; font-size: 12px; padding:0 8px; float:left}
.copyright a img{width:20px; height:20px; margin-top:6px}
.copyright a:hover,#lan_list li a:hover{color: #fff;}
.language{position: absolute; right: 0; width: 178px; height: 30px; background: #333; padding:0 20px; color: #777d86}
.language span,.language a{display: block; float: left;}
.language a{color: #fff; padding:0 15px 0 10px; background: url(../images/icon1_03.jpg) no-repeat right center}
.languagechange{color: #fff; padding:0 15px 0 10px; background: url(../images/icon1_05.png) no-repeat right center!important}
#lan_list{width: 100px; background: #333; padding: 20px 20px 10px 20px; height: 50px; position: absolute; bottom: 30px;right: 0; display: none; border-top-left-radius:40px ;z-index: 3000 }
#lan_list li{line-height: 18px!important;}
#lan_list li a{color: #777d86}



/* about */
.banner{height: 430px; background: url(../images/about_01.jpg) no-repeat center; position: absolute; top: 0; z-index: 102;  width: 100%}
.bannertext{width: 100%; height: 72px; background: #2d363d; filter:alpha(opacity=40); /*IE滤镜，透明度50%*/
-moz-opacity:0.4; /*Firefox私有，透明度50%*/
opacity:0.4;/*其他，透明度50%*/ display: block; position: absolute; bottom: 0px; left: 0px; }
.bannermain{width: 980px; margin: 0 auto;}
.bannermain span{color:#fff; font-size: 48px; position: absolute; z-index: 7;bottom: 10px; }
.mainbg{width: 100%;background:#f7f7f7 url(../images/about_02.jpg) no-repeat left 430px; padding-top: 430px; padding-bottom: 50px}
.maincontent{ margin: 0 auto; width: 980px}
.older{height: 292px; padding-top: 48px}
.abouttext{width: 543px; color: #4e2e2e; line-height: 22px; font-size: 14px}
.abouttext span{display: block; font-size: 18px;  margin-bottom: 15px}
.abouttext b{font-weight: normal; color: #b5b068!important}
.nowbg{background: #efefef; border-top: 1px solid #dfdfdf; padding: 48px 0 78px 0}
.now{width: 980px; margin:0 auto;}



/* service */
.banner1{background: url(../images/service_01.jpg) no-repeat center; }

.service{background: #222222 url(../images/ser2_03.jpg) no-repeat center 430px; height: 755px;padding-top: 430px}
.servicecontent{margin:0 auto; width: 980px;}
.serviceimg{height:280px; background: url(../images/ser2_05.jpg); }
.servicecontentleft{width: 296px}
.servicecontentright{width: 620px}
.servicecontentleft span{color: #fff; font-size: 16px; line-height: 22px; font-weight: normal; display: block; margin:45px 0}
.servicecontentleft li{border-top: 1px solid #383838}
.servicecontentleft li a{height: 41px; display: block; line-height: 41px; background: #272727 url(../images/ser_06.jpg) no-repeat 270px center; color: #7d7d7d; font-size: 14px; padding-left: 15px}
.servicecontentleft li.l1 a:hover , .servicecontentleft li.l1 a.slt{background: #f2f2f2 url(../images/icon.png) no-repeat 270px 17px!important; color: #00baff}
.servicecontentleft li.l2 a:hover , .servicecontentleft li.l2 a.slt{background: #f2f2f2 url(../images/icon.png) no-repeat 270px -25px!important; color: #ff0000}
.servicecontentleft li.l3 a:hover , .servicecontentleft li.l3 a.slt{background: #f2f2f2 url(../images/icon.png) no-repeat 270px -110px!important; color: #00bd16}
.servicecontentleft li.l4 a:hover , .servicecontentleft li.l4 a.slt{background: #f2f2f2 url(../images/icon.png) no-repeat 270px -68px!important; color: #c5be00;}
.servicecontentleft li.l5 a:hover , .servicecontentleft li.l5 a.slt{background: #f2f2f2 url(../images/icon.png) no-repeat 270px -151px!important; color: #e37d2c}
.servicecontentleft li.l6 a:hover , .servicecontentleft li.l6 a.slt{background: #f2f2f2 url(../images/icon.png) no-repeat 270px -193px!important; color: #70a627;}

.servicecontentleft ul b{height: 55px; display: block; line-height: 50px; background:url(../images/1.png) no-repeat left bottom; position: relative; z-index: 8; top: 8px; font-size: 18px; color: #fbfbfb; padding-left: 15px}
.servicecontentright{height: 678px; background: url(../images/line_1.png); background-repeat:no-repeat;}



/* enquiry */
.banner2{background: url(../images/contact_01.jpg);}
.emquiry{height: 490px; margin: 0 auto; width: 980px;}
.emquiryleft{width: 401px; margin-top: 45px}
.emquiryright{width: 400px; background: #efefef; height: 100%; padding: 0 45px}
/*.emquiryleft img{margin-top: 45px}
.emquiryleft a{line-height: 22px; color:#0089de; display: block; padding: 20px 0 10px 0; border-bottom: 1px dashed #7b7b7b } */
.emquiryright td{padding: 5px 0; color:#444; font-size: 14px; }
.emquiryright table{margin-top: 45px}
.emquiryright table label{color: #888; margin-right: 18px}

.button{width: 398px; height: 45px; background: #3a7aad; border: 1px solid #3a7aad; border-radius:5px 5px 5px; color:#fff; cursor: pointer; margin-top: 15px}
.text{width: 307px; height: 30px;  font-size: 13px; padding:0px 10px 0 10px; line-height: 18px; border:1px solid #d6d6d6;   *height:25px;*padding:5px 10px 0 10px; overflow: hidden; background: #f8f8f8;*margin-left:10px;box-shadow: -1px -1px 2px 2px #e7e7e7;}
.textarea{width: 307px; height: 102px; /* background:url(../images/contact_10.jpg) no-repeat center left; */ border:none;overflow: hidden; border:1px solid #d6d6d6; padding:5px 10px 0 10px;  *height:102px;*padding:5px 10px 0 10px; overflow: hidden; background: #f8f8f8;*margin-left:10px;box-shadow: 1px 1px 2px 3px #e7e7e7;} 
.text_vcode{width: 107px; height: 30px;  font-size: 13px; padding:0px 10px 0 10px; line-height: 18px; border:1px solid #d6d6d6;   *height:25px;*padding:5px 10px 0 10px; overflow: hidden; background: #f8f8f8;*margin-left:10px;}
#img1{position: relative; left: 7px; top: 7px; cursor: pointer;}




/* business */
.banner_bus{background: url(../images/ser_01.jpg)!important;}
.ser_left{width: 295px}
.ser_right{width: 625px}
.ser_left .servicecontentleft li a{background: #f2f2f2 url(../images/icon_03.jpg) no-repeat 270px center; color:#0089de;}
.ser_left .servicecontentleft ul{margin: 45px 0;border-bottom: 2px solid #dedede;}
.ser_left .servicecontentleft li{ border-bottom: 1px solid #dedede; border-top: 1px solid #fff}
.ser_right{color: #333; line-height: 18px; font-size: 14px; text-align: justify ; margin: 45px 0}
.ser_right span,.centertitle{display: block; font-size: 36px; color: #0089de;  height: 55px; line-height: 55px; border-bottom: 1px dashed #ccc; margin-bottom: 10px}
.list_one{background: #efefef}
.list_onebg{width: 980px; margin: 0 auto; padding:15px 0;}
.buesiness_list{padding-bottom: 45px}
.list_two .buessleft,.list_one .buessleft{float: right;width: 585px; color:#555; font-size: 14px; line-height: 18px; text-align: justify}
.list_one .buessleft{ float: left;}
.list_one img,.list_two img{float:right; width: 260px; height: 260px; border:10px solid #fff; border-radius: 180px}
.list_two img{float:left; border-color:#efefef;}
.list_one span img,.list_two span img{width: auto; height: auto; border: none; border-radius: 0; float:left;}
.list_onebg span,.list_twobg span{display: block; height: 66px; line-height: 66px; font-size: 72px;   font-style: italic; color: #2d363d; margin-bottom: 20px}
.list_onebg span b,.list_twobg span b{font-size:36px; font-style:normal; color: #0089de}
.list_onebg span strong,.list_twobg span strong{font-size: 40px}

/* centerbg */
.centerbg{background:url(../images/center_01.jpg);}
.center{margin-top: 45px; background: #f7f7f7; padding-bottom: 40px}
.centerleft{width: 383px; height: 270px; margin-right: 40px}
.centertitle{width: 100%}
.centermid{width: 261px}
.centermid ul li{background: url(../images/center_07.jpg) repeat-x bottom;}
.centermid ul li ul{background: #efefef; }
.centermid ul li ul li{background: none}
.one_nav,.centerright ul li a{height: 40px; line-height: 40px; font-size: 14px; color: #333; display: block; background: url(../images/center_19.jpg) no-repeat right center;}
.two_nav2{display: none;}
.two_nav{padding-left: 10px;}
.two_nav li a{font-size: 12px; background: url(../images/center_15.jpg) no-repeat left center; padding-left: 20px; color: #888}
.two_nav li{height: 26px; line-height: 26px}
.two_nav li a:hover{text-decoration: underline; color: #0089de}
.centerright{width: 240px}
.centerright ul li{height: 40px; line-height: 40px; background: url(../images/center_07.jpg) repeat-x bottom; }
.centerright ul li a{background: url(../images/center_11.jpg) no-repeat right center;}
.chart{height: 691px; background: url(../images/chat_02.jpg) no-repeat center 430px; width: 100%;padding-top: 430px}
.chartbg{background: url(../images/chat_01.jpg)!important;}



.nivoSlider {
	position:relative;

	}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;

}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:-10px;

	background:url(../images/center_07.jpg) repeat-x bottom ;
	color:#fff;
	opacity:0.2; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;	
}
.nivo-caption p {
	padding:15px 0; 
	margin:0;
	color:#00baff;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(../images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
   
    width:401px;
    height:350px;
    margin:0 auto;
 
    margin-top:50px;

}

#slider {
	position:relative;
    width:401px;
    height:346px;
  
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	width:401px;
    height:286px;
    
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
	display: none
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.indexbg{width: 100%; height: 100%; top:0; left:0 ; position: absolute; z-index: 0;overflow: hidden;}
.indexbg img{width: 100%; height: 100%}

#bg5063 .banner{background: url(../images/about_01.jpg) no-repeat center;}
#bg5064 .banner{background: url(../images/ser_01.jpg) no-repeat center;}
#bg5064{overflow:scroll;overflow-x:hidden}
#bg5065 .banner{background: url(../images/service_01.jpg) no-repeat center;}
#bg5066 .banner{background: url(../images/center_01.jpg) no-repeat center;}
#bg5067 .banner{background: url(../images/chat_01.jpg) no-repeat center;}
#bg5068 .banner{background: url(../images/contact_01.jpg) no-repeat center;}

#bg5006 .banner .bannertext{background: #847340}
.add_img{border: 1px solid #dedede; margin-top: 15px}


/* .add_select,.add_select a{background: #fff url(../images/icon1.jpg) no-repeat 270px 15px!important}
.table{border-radius: 5px; border: 1px solid #00baff; width: 145px; margin-left: 15px; margin-bottom: 10px; margin-top: 0 }
.table a{font-size: 12px!important; color: #fff!important; background:#00baff url(../images/icon_06.jpg) no-repeat 10px center!important;height: 25px!important; line-height: 25px!important; padding-left: 25px!important}
.table2 a{background:#00baff url(../images/add2_03.jpg) no-repeat 10px center!important;  }
.table2 {display: none!important;} 
.table_changetitle{border-bottom: 1px solid #ddd; height: 35px}
.table_changetitle li{height: 35px; line-height: 35px; float: left;}
.table_changetitle li a{padding: 0 25px; color: #0089de}
.table_select a{background: #bcedff; font-weight: bold; height: 35px; display: block}
.tablelist_one{display: none}
.latest{border:1px solid #e4e4e4; border-radius: 4px; background: #efefef; height: 45px; line-height: 45px; text-align: center; display: block; margin-top: 200px; color: #2d363d}.scroll {
    bottom: 90px;
    height: 35px;
    position: fixed;
    width: 35px;
    right: 0;
} */

.add_select,.add_select a{background: #fff url(../images/icon1.jpg) no-repeat 270px 15px!important}
.table{border-radius: 5px; border: 1px solid #00baff; width: 145px; margin-left: 15px;  margin-top: 0; display: block; margin-bottom: 10px }
.table a{font-size: 12px!important; color: #fff!important; background:#00baff url(../images/icon_06.jpg) no-repeat 10px center!important;height: 25px!important; line-height: 25px!important; padding-left: 25px!important}
.table2 a{background:#00baff url(../images/add2_03.jpg) no-repeat 10px center!important;  }

.table_changetitle{border-bottom: 1px solid #ddd; height: 35px}
.table_changetitle li{height: 35px; line-height: 35px; float: left;}
.table_changetitle li a{padding: 0 25px; color: #0089de}
.servicecontentleft li a:hover{background: #fff url(../images/icon1.jpg) no-repeat 270px 15px!important }
.table_select a{background: #bcedff; font-weight: bold; height: 35px; display: block}
.tablelist_one{display: none}
.table_changelist img{width: 600px}
.latest{border:1px solid #e4e4e4; border-radius: 4px; background: #efefef; height: 45px; line-height: 45px; text-align: center; display: block; margin-top: 200px; color: #2d363d}
.scroll {
    bottom: 90px;
    height: 35px;
    position: fixed;
    width: 35px;
    right: 0;
}
.scroll a {
    background: url("../images/backtop.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 35px;
    position: relative;
    width: 35px;
}
.scroll a:hover {
    background: url("../images/backtop2.png") repeat scroll 0 0 transparent;
}

.pager{float: right; margin: 10px 0px;}
.return{float: right; margin: 10px 0px;}

.clearfix{display: none;}
.business_img{cursor: pointer;}
.view_more{font-size: 14px!important; width: 90px; height: 30px!important; line-height: 30px!important; cursor: pointer; color: #0089de!important; float: right;}
.sd01{background: #bcedff; font-weight: bold; height: 35px; display: block}
.sd02{}
#accordion li a{font-size: 13px}
.add_select .table a:hover{ color: #0089DE!important;}
.add_select .table2 a:hover{ color: #0089DE!important;}
.table a:hover{ color: #0089DE!important;}
.table2 a:hover{ color: #0089DE!important;}