@charset "utf-8";

*{ margin:0px; padding:0px;}
/*屏幕宽度100%*/
body{  overflow-x:hidden; margin:0 auto;}
/* reset */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; list-style-type:none; list-style:none; }
body { font: 14px/24px Arial, Helvetica, sans-serif; color: #333333; background:#fbfbfb;}
img { border: 0; }
li { list-style-type: none; vertical-align: top; }
button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
table { }
input, textarea {  resize: none; outline: none; }
a { text-decoration: none; outline: none; color: #3c3c3c; transition: 0.2s; }
a:hover { color: #ff0000; }
/* end reset */

/* public */
.w1200 { width: 1200px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.mb30 { margin-bottom:30px; }
.mb15 { margin-bottom:15px; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.ib { display: inline-block; vertical-align: top; }
.z9 { z-index: 9; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden}

/*头部*/
.topbg{ border-top:#387ddc solid 4px;height:100px; background:#FFF; border-bottom:#f0f0f0 solid 1px;}


/*导航栏目*/
/*-------------头 部----------------*/
#topNavWrapper { 
    width: 100%; 
    text-align: left; 
    height: 100px; 
   margin: 0px auto; 
    z-index:100;
    _position: relative ; 
    _top:0px; top:0px;

} 
#topNav { 
    width: 100%; 
    float: left; 
    display: block; 
    z-index: 100; 
    overflow: visible; 
    position: fixed; 
  top: 0px; /* position fixed for IE6 */ 
    _position: absolute; 
   _top: expression(documentElement.scrollTop + "px"); 
    background-repeat: no-repeat; 
    background-position: right; 
    height: 100px;
	background: url(../images/topbg.png);
	
} 

.topline{  }

/*导航栏目*/

#menu {width:720px;text-align:center; margin:0 auto; font-size:14px; margin-top:15px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;}
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline; }
#menu ul ul {position:absolute; z-index:9999; left:-9999px; background:#ffffff; min-width:120px; text-align:center; }
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; background-repeat:no-repeat;}
#menu b {position:absolute;}
#menu a {display:block; font:normal 14px "Microsoft YaHei","微软雅黑",; line-height:35px; text-decoration:none;padding:0 15px;}
#menu ul.level1 li.level1-li a.level1-a {float:left; width:90px; text-align:center;}
#menu ul li:hover > ul {visibility:visible; left:0; top:35px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; margin-left:-4px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px; margin-right:-4px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right;}
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul,
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.drop {}
#menu li a.fly {}
#menu li.left ul a.fly {}
#menu li a:hover,
#menu li a.fly:hover {color:#ffffff; background-color:#387ddc;}
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#ffffff; background-color:#387ddc;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-6px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-left:-4px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-right:-4px;}




/*幻灯*/
#banner{ height:630px;}
.main_image {width:100%; height:630px;overflow:hidden; margin:0 auto; position:absolute;z-index:-1;}
.main_image ul {width:9999px; height:630px; overflow:hidden; position:absolute; top:0; left:0; }
.main_image li {float:left; width:100%; height:630px;}
.main_image li span {display:block; width:100%; height:630px;}
.main_image li a {display:block; width:100%; height:630px;}
/*.main_image li .img_1 {background: url(banner1.jpg) center top no-repeat}
.main_image li .img_2 {background: url(banner2.jpg) center top no-repeat}
.main_image li .img_3 {background: url(banner3.jpg) center top no-repeat}
.main_image li .img_4 {background: url(banner4.jpg) center top no-repeat}*/
div.flicking_con {width:1000px; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner {position:absolute; top:630px; left:48%;} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{position:absolute; z-index:9999; display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/jtl02.png) no-repeat left top;left:200px;}
#btn_next{background:url(../images/jtr02.png) no-repeat right top;right:200px;}






/*首页背景*/
.index_bg{ background:url(../images/index_bg.jpg) center center no-repeat; height:3851px; margin-top:630px;}

.t_title{font-size:24px; line-height:35px; width:200px; color:#387ddc; text-align:center;}
.t_txt{ font-size:15px; color:#939393; line-height:30px;}
.t_line{ border-bottom:#387ddc solid 2px; width:50px; line-height:10px; height:10px;}

.yscon{ float:left; width:230px; margin-left:30px; margin-right:30px;}
.ytitle{ font-size:18px; color:#505050; line-height:40px;}
.ycon{ line-height:28px;}





/*首页关于我们*/

.index_acon{ color:#FFF; line-height:30px; float:left; margin-top:200px; margin-left:50px; margin-right:20px;}
.index_acon h3{ font-size:24px;}
.index_acon p{TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; LINE-HEIGHT: 30px; TEXT-INDENT: 2em; margin-top:20px;}

.jx{ float:left; margin-left:50px; margin-top:80px;}



.aboutmore{ background:#FFFFFF; width:120px; height:40px; line-height:40px; text-align:center; float:right; margin-right:20px; margin-top:160px;}
.aboutmore a{ color:#f4c70f;}
.aboutmore a:hover{ color:#F00;}





/*产品*/

.p_title{font-size:24px; line-height:35px; width:200px; color:#ffffff; }
.p_txt{ font-size:15px; color:#ffffff; line-height:30px;}
.p_line{ border-bottom:#ffffff solid 2px; width:50px; line-height:10px; height:10px;}




/*新闻列表*/

.nlist{ float:left; width:530px; margin-top:20px;}
.nlist:hover{ cursor:pointer;}
/*.nlist:hover .dbg{background:#fcc02e; cursor:pointer;}*/


.dbg{ width:100px; height:90px; background:#a0c5f9; color:#FFF; }
.ndate{ font-size:30px; line-height:35px; float:left; width:100px; text-align:center; margin-top:15px;}
.ndd{ font-size:16px;}
.ncon{ float:left; margin-left:20px; width:410px; color:#FFF; line-height:25px;}
.ncon b{font-weight:bold; line-height:35px;}
.ncon a{ color:#FFF; }
.ncon a:hover{ color:#F00;}



/*底部*/

.footbg{ background:#1b2531; color:#e3e3e3;}
.footbg a{ color:#e3e3e3;}
.footbg a:hover{ color:#F00;}

.ftbg{ float:left; margin-right:80px;}
.f_title{font-size:14px; font-weight:bold; line-height:30px; border-bottom:#e3e3e3 solid 1px; color:#e3e3e3; text-align:center;}

.f_con{ text-align:center; line-height:28px; font-size:13px; padding-top:10px;}
.f_con a{ color:#FFF;}






.cftbg{ float:left; width:400px;margin-bottom:20px;}
.fconbg{ float:left; line-height:28px;}



.foot01{ border-top:#e3e3e3 solid 1px; color:#FFF; text-align:center; padding-top:10px; padding-bottom:10px;}
.foot01 a{ color:#e3e3e3;}
.foot01 a:hover{ color:#F00;}


/*会员展示*/
.Box {position: relative;}
.Box .content {width: 1100px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 140px;height: 140px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 140px;height: 140px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

/*会员展示结束*/



/*内页*/
.conbg{ /*margin-top:630px;*/}

.l_titlebg{ float:left; background:#387ddc; color:#FFF; height:45px; line-height:45px; width:230px;}
.l_titlebg h3{ font-size:18px; margin-left:20px;}

.l_conbg{ border:#f0f0f0 solid 1px; float:left;}
.l_con{ float:left; margin-left:9px; margin-right:9px; width:210px; margin-top:5px; padding-bottom:5px;}

.l_left01{ float:left; line-height:35px; height:35px; border-bottom:dashed 1px #f0f0f0; display:block; width:210px;}
.l_left01 a{ float:left; line-height:35px; height:35px;  display:block;}

.l_left01 a:hover{ float:left; line-height:35px; height:35px; display:block; color:#387ddc;}

.on a{ float:left; line-height:35px; height:35px; display:block; color:#ffffff; width:210px; background:#387ddc;}


.lin0008{ float:left; line-height:35px; height:35px; display:block; width:210px; background:#e0eefa; border-bottom:dashed 1px #f0f0f0;}
.lin0008 a{ float:left; line-height:35px; height:35px; display:block;width:210px; background:#e0eefa;}
.lin0008 a:hover{float:left; line-height:35px; height:35px; display:block; color:#387ddc;background:#e0eefa;}

.childclass a{ float:left; line-height:35px; height:35px; display:block;width:210px; color:#387ddc;background:#e0eefa;border-bottom:dashed 1px #f0f0f0;}
.childclass a:hover{float:left; line-height:35px; height:35px; display:block; }


.lin0009{ float:left; line-height:35px; height:35px; display:block; width:210px; background:#f2f2f2; border-bottom:dashed 1px #f0f0f0;}
.lin0009 a{ float:left; line-height:35px; height:35px; display:block;width:210px; background:#f2f2f2;}
.lin0009 a:hover{float:left; line-height:35px; height:35px; display:block; color:#387ddc;background:#f2f2f2;}


.childclasson a{ float:left; line-height:35px; height:35px; display:block;width:210px; color:#f1cb2e;background:#f2f2f2;border-bottom:dashed 1px #f0f0f0;}
.childclasson a:hover{float:left; line-height:35px; height:35px; display:block; }



.nytitle{ float:left; width:880px; border-bottom:#CCC solid 1px; line-height:35px;}
.nytitle_l{ float:left; border-bottom:#387ddc solid 1px; padding:0 5px; font-size:18px;}

.nytitle_r{ float:right; color:#b6b6b6;}

.nycon{ float:left; width:880px; margin-top:10px;}



/*留言的按钮*/

.txt01{ border:#e3eefe solid 1px; background:#fcfcfc; line-height:32px; height:32px; width:300px;}
.txt02{ border:#e3eefe solid 1px; background:#fcfcfc; line-height:32px; height:145px; width:99%}
.txt03{ border:#e3eefe solid 1px; background:#fcfcfc; line-height:32px; height:32px; width:160px;}

.sub01{ background:#387ddc; height:40px; line-height:40px; border:0px; color:#FFF; width:140px; font-size:14px; font-weight:bold;}


/*招聘*/
.ypbtm{background:#387ddc; line-height:30px; height:30px; float:left; padding:0 25px; margin-right:20px; display:block;}
.ypbtm a{ color:#FFF; display:block;}
.ypbtm a:hover{ color:#F00; display:block;}





#gotop{display:none;position:fixed;z-index:777;width:41px;height:55px;right:0;bottom:25px;background-size:41px 55px;background:url(../images/top.png) no-repeat;cursor:pointer;}

#gotop{width:41px;height:55px;right:0;bottom:25px;background-size:41px 55px;}	



/*翻页*/
.pagebar {
	float:;
	padding: 5px 0;
	text-align: center;
	height: 28px;
	font-size: 0;
}
.pagebar img {
	position: relative;
	top: 2px;
}
.pagebar .page_now {
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	background: #027bd6;
	border: 1px solid #027bd6;
	color: white;
	text-align: center;
}
.pagebar a {
	display: inline-block;
	height: 28px;
	padding: 0 10px;
	line-height: 28px;
	background: white;
	border: 1px solid #E3E3E3;
	text-align: center;
	color:#333;
}
.pagebar a, .pagebar span {
	font-size: 12px;
	margin: 0 5px;
	vertical-align: middle;
	border-radius: 2px;
}
.pagebar a:hover {
	border: 1px solid #E3E3E3;
	background: #F1F1F1;
	color: black;
	text-decoration: none;
}
.btn{padding: 0px 5px;
	text-align: center;
	height: 25px;
	}


/*内页*/

.lxwm3{ height:44px; width:500px;text-align:left;}
.lxwm3 p{ float:left; padding:0 5px; line-height:44px; height:44px;color:#050003; font-size:15px; font-weight:bold; text-align:left;}
.lxwm4{ padding-top:0px; padding-bottom:30px; padding-left:5px; line-height:25px; font-size:13px; text-align:left;}



/* 浮动工具 */
.c-tools {position: fixed;z-index: 9999;text-align: center;right: 0;bottom: 50%;margin-bottom: -144px;}
.c-tools ul li {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;cursor: pointer;position: relative;width: 62px;height: 62px;margin: 1px;background: #0067b2 url("../images/tools-ico.png"/*tpa=http://mb.52web.me/TP001021/theme/TP001021/images/tools-ico.png*/) no-repeat;}
.c-tools ul li:hover {background-color: #3a3a3a;}
.c-tools ul li span {transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;display: none;position: absolute;right: 63px;width: 135px;line-height: 62px;padding: 0 10px;background: #3a3a3a;color: #ffffff;}
.c-tools ul li .ewmPic {width: 168px;}
.c-tools ul li .ewmPic img {display: block;margin-top: 10px;padding-bottom: 10px;width: 168px;height: 168px;}
.c-tools ul .tel-ico {background-position: center -22px;}
.c-tools ul .tel-ico span{line-height: 31px;}
.c-tools ul .ewm-ico {background-position: center 21px;}
.c-tools ul .qq-ico {background-position: center -69px;}
.c-tools ul .top-ico {background-position: center -115px;}