@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
img{ border:none;}
a{ text-decoration:none;-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;transition-duration:0.3s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
body{font-family: "Microsoft Yahei"; font-size:12px; background:#ffffff;}
#header{
	z-index: 999;
	height:80px; 	position: fixed;
	width: 100%; background:url(../images/bg.png) repeat; -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);/*firefox*/
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);/*safari或chrome*/
box-shadow: 0 0 2px rgba(0,0,0,.4);/*opera或ie9*/
}
.nav_01{ width:1170px; margin:0 auto;}
#header .logo{ width:275px; float:left; margin-top:8px;}
#header ul{ width:650px; margin-left:25px;
	float:left;
}
#header li{
	float: left;}
#header li a{
    font-size:14px;
	color: #545454;
	font-family: "Microsoft Yahei";
	letter-spacing:2px; padding:30px 14px 0px 14px; display:block;
}
#header li a:hover{
	color: #0050a2;
}

.login{ width:178px; float:right; margin-top:25px;}
.login a{ width:81px; height:24px; margin-left:8px; *margin-left:5px; text-align:center; background:#3484d1; display:block; float:left; color:#FFF; padding-top:6px; font-size:12px; font-family: "Microsoft Yahei";}
.login a:hover{ background:#fa9400;}

/*首页 关于我们*/
#index1{ width:1170px; margin:43px auto 0px auto;}
.title1{ background:url(../images/title1.jpg) left center repeat-x;}
.title1 span{ color:#003669; font-size:22px; font-family: "Microsoft Yahei"; width:125px; margin:0 auto; display:block; background:#FFF; text-align:center;}
.index1nr{ color:#545454; font-size:14px; font-family: "Microsoft Yahei"; line-height:180%; margin-top:25px;}
#index1 .more{ background:#0052a2; width:94px; height:28px; border:1px solid #0052a2; border-radius: 2px; display:block; margin:18px auto 0px auto; text-align:center; color:#FFF; font-size:14px;font-family: "Microsoft Yahei"; padding-top:7px;}
#index1 .more:hover{ background:#FFF; color:#0052a2; -webkit-transition: color 0.2s;transition: color 0.2s;}
/*首页 产品*/
#index2{ width:100%; background:#89b7e5; margin-top:43px; padding:37px 0px;}
#index2 ul{margin-left:-0.5%; *zoom:1;_position:relative; *margin-left:-1%;}
#index2 ul li{ width:24.5%; float:left; margin-left:0.5%; *margin-left:0.4%; }
	#index2 ul li img{    max-width: 100%;
    min-width: 100%; width:auto; vertical-align: middle;}

.con5_pic2{width:100%;height:100%; overflow:hidden;position: relative;}
.black_box{position: absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;background:url(../images/bigimgbg.png) 0 0 repeat;display:none}
.black_box a{  color:#FFF; font-size:18px; font-family: "Microsoft Yahei"; text-align:center; width:100%; height:100%; display:block;}
.black_box a .lianjie{ width:100%; height:100%; text-align:center;}
		.black_box a .lianjie:after{ display:inline-block; 
        height:100%; text-align:center;
        vertical-align:middle;
        content:"";}
/*首页第三部分 新闻*/
#index3{ width:1170px; margin:45px auto 45px auto;}
#index3js{ width:562px; float:left;}
#index3 ul{ margin-top:20px;}
#index3 ul li{ padding:6px 0px;}
#index3 ul li span{ float:right; margin-right:11px; color:#545454; font-size:14px;font-family: "Microsoft Yahei";}
#index3 ul li a{color:#545454; font-size:14px;font-family: "Microsoft Yahei"; padding-left:13px; background:url(../images/bigimgbg.png) left center no-repeat;}
#index3 ul li a:hover{color:#003669;}
.more1{ background:#fff; width:94px; height:28px; border:1px solid #fa9400; border-radius: 2px; display:block; margin:30px auto 0px auto; text-align:center; color:#fa9400; font-size:14px;font-family: "Microsoft Yahei"; padding-top:7px;}
.more1:hover{ background:#fa9400; color:#fff; -webkit-transition: color 0.2s;transition: color 0.2s;}

#index3hy{ width:562px; float:right;}


/*首页 第四部分*/
#index4{
    background-repeat: no-repeat;
	background-position: center center;
    background-attachment: fixed;
    position: relative;
 width:100%; min-height:100%; height:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}


#index4 .main_04_c{
	width:1170px;
    position: relative;
    margin: 0 auto;
    height:443px;
}
#index4 .title4{ text-align:center; color:#fa9400; font-size:24px;font-family: "Microsoft Yahei"; padding-top:63px; margin-bottom:54px;}
#index4 .in4{ margin-top:38px;}
#index4 .index4zp{ color:#f1f1f1; font-size:16px;font-family: "Microsoft Yahei";  text-align:center; vertical-align:middle; padding-top:1%; line-height:40px;}

#index4 .index4zp01{ color:#f1f1f1; font-size:22px;font-family: "Microsoft Yahei"; width:1000px; float:right; text-align:left; vertical-align:middle; padding-top:1.8%;}
#index4 .index4zp1{ width:950px; float:right; color:#f1f1f1; font-size:14px; font-family: "Microsoft Yahei"; line-height:180%;}
.more4{ background:#fa9400; width:94px; height:28px; border:1px solid #fa9400; border-radius: 2px; display:block; margin:50px auto 0px auto; text-align:center; color:#fff; font-size:14px;font-family: "Microsoft Yahei"; padding-top:7px;}
.more4:hover{ background:#3484d1; border:1px solid #3484d1;}

/*底部*/
#bottombg{ background:#f1f1f1; border-top:1px solid #e2e2e2;}
#bottom{ width:1170px; margin:0 auto; padding:40px 0px 27px 0px;}
.c_left{ float:left; width:172px;}
.c_left .bdtitle{ color:#003669; font-size:18px; font-family: "Microsoft Yahei"; padding-bottom:10px;}
.c_left a{ width:100%; display:block; color:#454545; font-size:14px; font-family: "Microsoft Yahei"; padding:3px 0px;}
.c_left a:hover{ color:#003669;}
.c_right{ float:right; margin-right:73px; color:#454545; font-size:14px;font-family: "Microsoft Yahei"; line-height:180%; padding-top:9px;}
/*footer*/
#footerbg{ background:#2d2e2e; height:44px;} 
#footer{ width:1170px; margin:0 auto;}
.foot1{ width:145px; float:right; margin-top:8px;}

.foot1 a{
display: block;
width:28px; margin-right:8px;
height:28px; float:left;
background-image: url(../images/foot.jpg);
background-repeat: no-repeat;
}
.foot1 a.weichat{background-position:left top;}
.foot1 a.weichat:hover { background-position:left bottom;    -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}

.foot1 a.weibo{background-position:-36px top;}
.foot1 a.weibo:hover { background-position:-36px bottom;    -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}

.foot1 a.pengy{background-position:-72px top;}
.foot1 a.pengy:hover { background-position:-72px bottom;    -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}

.foot1 a.qqkj{background-position:-108px top;}
.foot1 a.qqkj:hover { background-position:-108px bottom;    -webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;}

#footer p{ color:#666666; font-size:12px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; padding-top:14px;}
#footer p a{color:#666666;}

#code,#code_hover{ }
.erweim{ position:relative;}

#code_img{ width:150px; height:150px; background:url(../images/erweim.jpg) no-repeat; z-index:9999; position:absolute; left:-75px; top:-160px; cursor:pointer; display:none;}


/*子页*/
/*网页样式*/
@Keyframes t09{
	from {
		-webkit-transform:scale(1);

		-moz-transform:scale(1);

		-o-transform:scale(1);

		-ms-transform:scale(1);

		transform:scale(1);
	}
	to {
		-webkit-transform:scale(1.4);

		-moz-transform:scale(1.4);

		-o-transform:scale(1.4);

		-ms-transform:scale(1.4);

		transform:scale(1.4);
	}
}
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg);
-webkit-animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) rotateY(360deg) ;
-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);
-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{
0%{-moz-transform:perspective(400px) rotateY(0);
-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function:ease-out}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) ;
-moz-animation-timing-function:ease-in}
80%{-moz-transform:perspective(400px) rotateY(360deg) ;
-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) ;
-moz-animation-timing-function:ease-in}
}
.ban{
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    position: relative;
    min-height: 100%;
    z-index: 1;
    animation: t09 36s linear 0s infinite;
    animation-direction:alternate;
}

.ban_top{
	height: 414px;
	overflow: hidden;
}
.ban .ban_01{
	width:1170px;
    position: relative;
    margin: 0 auto;
    height: 414px;
    font-size:32px;
    font-family: "Microsoft Yahei";
    color: #333333;
}
.bann01{ padding:192px 0px 0px 317px; color:#FFF;}
.bann01 img{ vertical-align:middle; margin-right:10px;}
.bann02{ text-align:center; color:#ffffff; padding-top:210px;}
.bann04{  color:#ffffff; padding-top:210px; padding-left:161px;}
.bann03{ padding-top:210px; padding-left:161px;}

#containter{ width:1170px; margin:37px auto 48px auto;}
#left{ width:203px; float:left;}
#leftop{ background:#f1f1f1; border-bottom:4px solid #3484d1; padding-bottom:60px;}
#leftop .ntitle{ background:#3484d1; height:42px; text-align:center; color:#ffffff; font-size:18px; font-family: "Microsoft Yahei"; padding-top:18px;}
#leftop ul li a{ color:#333333; font-size:14px; font-family: "Microsoft Yahei"; display:block; padding:13px 0px 13px 38px; border-bottom:1px solid #e2e2e2;}
#leftop ul li a:hover,#leftop ul li a.active,#channelid4 #infosmallid16,#channelid18 #infosmallid35{ background:#e7e6e6; color:#003669;}
#xuanchuan{ margin-top:22px;}

#xuanchuan .xcptitle{ background:#3484d1; width:100%; display:block; text-align:center; color:#FFF; font-size:14px; font-family: "Microsoft Yahei"; padding:10px 0px;}
#xuanchuan .xcptitle:hover{ background:#2679c9;}

.xcp{width:203px;height:166px; overflow:hidden;position: relative;}
.black_box1{position: absolute;width:100%;height:100%;overflow:hidden;left:0;top:0; display:block;}
.black_box1 .showdiv1{ width:70px; height:70px; margin:44px auto 0px auto;}
/* 弹出层 */
.showbox1{width:0px;height:0px;display:none;position:absolute;right:0;top:0;z-index:100;background:#000;}
.showbox1 h2{height:25px;font-size:14px;background-color:#3366cc;position:relative;padding-left:10px;line-height:25px;color:#fff;}
.showbox1 h2 a{position:absolute;right:5px;top:0;font-size:12px;color:#fff;}
.showbox1 .mainlist{padding:10px;}
.showbox1 .mainlist p{font:normal 14px/2 'microsoft yahei';text-indent:2em;color:#333;padding-top:5px;}
#zhezhao{background-color:#000;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}



#right{ width:926px; float:right;}
.view{ margin-top:34px; color:#545454; font-size:14px; line-height:180%;}

.view .job{ margin-bottom:20px;}
.view .job td{ height:30px;}
.yinp{ margin-top:15px;}
.yinp td{ height:35px;}
.yinp .ypone{ padding-left:15px;}
.ypone input{ height:23px; border:1px solid #ccc;}
#txtedu,#txtworkinfo{ margin:7px 0px 0px 0px; border:1px solid #ccc;}
#txtstrong,#txtneed{ margin:7px 0px; border:1px solid #ccc;}
.red{ color:#F00;}
.order_add td,.order_add1 td{ padding:10px 0px;}
.order_add td input,.order_add1 td input{ border:1px solid #CCC; height:35px;}
.order_add textarea,.order_add1 textarea{ border:1px solid #CCC;}


.tijiao{ background:#0052a2; width:110px; cursor:pointer; height:34px; border:1px solid #0052a2; border-radius: 2px; text-align:center; color:#FFF; font-size:14px;font-family: "Microsoft Yahei";}
.tijiao:hover{ background:#FFF; color:#0052a2; -webkit-transition: color 0.2s;transition: color 0.2s;}
.zhuce{ background:url(../images/zhuce.jpg) right top no-repeat; height:471px;}
.dengl{ background:url(../images/dengl.jpg) 411px center no-repeat;}



/*新闻*/
.newslist{ margin-top:20px;}
.newslist li{ padding:15px 0px; border-bottom:1px dotted #CCC;}

.newslist li span{ float:right; margin-right:11px; color:#545454; font-size:14px;font-family: "Microsoft Yahei";}
.newslist li a{color:#545454; font-size:14px;font-family: "Microsoft Yahei"; padding-left:13px; background:url(../images/bigimgbg.png) left center no-repeat; width:70%; overflow: hidden; display:block;
	white-space: nowrap;
	text-overflow: ellipsis;}
.newslist li a:hover{color:#003669;}

.view1{margin-top:30px; color:#545454;}
.view-title{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#333;padding:14px 0 0}
.view-date{width:100%;text-align:center;font:12px/24px "microsoft yahei";color:#999;}
.view-date span{margin:0 7px;}
.boxcen{ margin-top:10px; line-height:180%; font-size:14px;}
.boxcen p{ text-indent:2em;}
.page{width:100%;margin:10px auto;overflow: hidden;position: relative}
.page p{width:100%; font:14px/28px "microsoft yahei";color:#1d1d1d;overflow: hidden;}
.page p a{color:#1d1d1d}
.page p a:hover{text-decoration: underline; color:#3484d1;}
.back{font:14px/39px "microsoft yahei";color:#fff;background:#3484d1;width:138px;margin:0 auto;border-radius:4px;display:block;text-align:center;}
/*产品*/
 .prodlist li{ width:283px; float:left; margin:10px 12.5px;  background:#e7e6e6;}
.prodlist li img{ width:281px; height:220px; margin:1px 0px 0px 1px;}
  .prodlist li .cptitle{ display:block; padding:13px 0px; text-align:center; font-size:14px; color:#000;}
  .prodlist li.cur{ cursor:pointer; background:#3484d1;}
  .prodlist li.cur .cptitle{ color:#FFF;}
  
  
  .pagelist{color:#545454; font-size:14px; margin-top:30px;}
  .pagelist a{color:#545454;}
  
  /*在线QQ客服*/
  *html #kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+90 : document.body.scrollTop +90);
}

#kefu1{position:fixed; right:0px; top:120px; z-index:10008; width: 132px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;}
.cs_tel{height:25px; background: url(../images/img.gif) no-repeat 0px 0px;}
.cs_tel_ct{color: #666; line-height: 150%;}
.cs_tel_num{color: #c00; font-size: 18px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; background: url(../images/img.gif) no-repeat 0px -50px;}
.cs_online_qq{height: 25px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_qcode{padding: 10px 0px 0px 0px;}

.cs_free{height:32px; background: url(../images/img.gif) no-repeat 0px -100px;}
.cs_free a{display: block; height: 32px;}
.cs_free a span{display: none;}

.cs_baidu{height:32px; background: url(../images/img.gif) no-repeat 0px -200px;}
.cs_baidu a{display: block; height: 32px;}
.cs_baidu a span{display: none;}

.cs_spr{border-bottom: 1px dashed #c0c0c0; margin: 8px 0px;}
.cs_space{clear:both; overflow:hidden; height:8px;}
.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url(../images/img.gif) no-repeat 0px -150px;}
.cs_close a{display: block; height: 10px;}
.cs_close a span{display: none;}


/* 返回顶部 */
.dn{display: none;}
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?); text-decoration:none;-webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s;transition-duration:0s;}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}

.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}

.go-top .uc-2vm-pop{ border:1px solid #CCC;
	position: absolute;right: 60px;top: -160px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}



.zhuanli li {
    width:179px;
    margin: 15px 25px 10px 0;
    position: relative;
    float: left;
    display: inline;}
	.menu_but,#modal,.foot0{ display:none;}
	@media screen and (max-width:1170px) and (min-width:800px){
		.menu_but,#modal,.foot0{ display:none;}
				img{display:block;max-width: 100%}
html{-webkit-text-size-adjust:none;max-height:100%}
		body{font-family: "Microsoft Yahei"; font-size:0.75em; background:#ffffff;}
		#index1{ width:97%; margin:43px auto 0px auto;}
#index3{ width:97%; margin:45px auto 45px auto;}
#index3js{ width:48%; float:left;}
#index3hy{ width:48%; float:right;}
#index3 ul li a{color:#545454; font-size:14px;font-family: "Microsoft Yahei"; margin-left:8px; width:70%; overflow: hidden; display:block;
	white-space: nowrap;
	text-overflow: ellipsis;}

#index4 .main_04_c{
	width:97%;
    position: relative;
    margin: 0 auto;
    height:443px;
}
#index4 .index4zp{ color:#f1f1f1; font-size:16px;font-family: "Microsoft Yahei"; width:97%; float:right; text-align:left; vertical-align:middle; padding-top:1%; line-height:40px;}

		}
	
	@media screen and (max-width: 1170px) and (min-width:1000px){

		.nav_01{ width:97%; margin:0 auto; }
		#header .logo{ width:20%; float:left; margin-top:8px;}
		#header .logo img{     max-width: 100%;
    display: block;}
	#header ul{ width:60%; margin-left:1.5%;
	float:left;
}
#header li a{
    font-size:0.875em;
	color: #545454;
	font-family: "Microsoft Yahei";
	letter-spacing:2px; display:block; padding:30px 12px 0px 12px;
}
.login{ width:17%; float:right; margin-top:25px; }
.login a{ width:40%; height:24px; margin-left:8px; *margin-left:5px; text-align:center; background:#3484d1; display:block; float:left; color:#FFF; padding-top:6px; font-size:12px; font-family: "Microsoft Yahei";}

#bottom{ width:97%; margin:0 auto; padding:40px 0px 27px 0px;}
.c_left{ float:left; width:16.2%;}
.c_left .bdtitle{ color:#003669; font-size:1.125em; font-family: "Microsoft Yahei"; padding-bottom:10px;}
.c_left a{ width:100%; display:block; color:#454545; font-size:0.875em; font-family: "Microsoft Yahei"; padding:3px 0px;}
.c_right{ float:right; margin-right:0px; color:#454545; font-size:0.875em;font-family: "Microsoft Yahei"; line-height:180%; padding-top:9px;}
#footer{ width:97%; margin:0 auto;}
.ban .ban_01{
	width:97%;
    position: relative;
    margin: 0 auto;
    height: 414px;
    font-size:32px;
    font-family: "Microsoft Yahei";
    color: #333333;
}
.bann01{ padding:46% 0px 0px 76%; color:#FFF;}
#containter{ width:97%; margin:37px auto 48px auto;}
#left{ width:20%; float:left;}
#right{ width:76%; float:right;}
.prodlist li{ width:30%; float:left; margin:10px 12px;  background:#e7e6e6;}
.prodlist li img{width:98%; padding:0.5%;}

.zhuce{ background:url(../images/zhuce.jpg) right top no-repeat; height:471px; background-size:70% 80%;}
		}
	
	@media screen and (max-width: 1000px) and (min-width:800px){
		
		.nav_01{ width:97%; margin:0 auto;  }
		#header .logo{ width:30%; float:left; margin-top:8px; display: inline-block;}
		#header .logo img{ width:auto; max-width:100%; height:100%; 
}
	#header ul{ width:67%; margin-left:1.5%;
	float:left;
}
#header li a{
    font-size:0.875em;
	color: #545454;
	font-family: "Microsoft Yahei";
	letter-spacing:2px; display:block; padding:30px 8px 0px 8px;
}
.login{ width:12.9%; float:right; margin-top:25px; }
.login a{ width:40%; height:24px; margin-left:8px; *margin-left:5px; text-align:center; background:#3484d1; display:block; float:left; color:#FFF; padding-top:6px; font-size:12px; font-family: "Microsoft Yahei";}

#bottom{ width:97%; margin:0 auto; padding:40px 0px 27px 0px;}
.c_left{ float:left; width:15%;}
.c_left .bdtitle{ color:#003669; font-size:1.125em; font-family: "Microsoft Yahei"; padding-bottom:10px;}
.c_left a{ width:100%; display:block; color:#454545; font-size:0.875em; font-family: "Microsoft Yahei"; padding:3px 0px;}
.c_right{ float:right; margin-right:0px; color:#454545; font-size:0.875em;font-family: "Microsoft Yahei"; line-height:180%; padding-top:9px;}
#footer{ width:97%; margin:0 auto;}
.ban .ban_01{
	width:97%;
    position: relative;
    margin: 0 auto;
    height: 414px;
    font-size:32px;
    font-family: "Microsoft Yahei";
    color: #333333;
}
.bann01{ padding:46% 0px 0px 76%; color:#FFF;}
#containter{ width:97%; margin:37px auto 48px auto;}
#left{ width:20%; float:left;}
#right{ width:76%; float:right;}
.prodlist li{ width:30%; float:left; margin:10px 1.5%;  background:#e7e6e6;}
.prodlist li img{width:98%; padding:0.5%; height:98%; display:block; }
.prodlist li .cptitle{ display:block; padding:13px 0px; text-align:center; font-size:14px; color:#000;
width:90%; overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zhuce{ background:url(../images/zhuce.jpg) right top no-repeat; height:471px; background-size:70% 70%;}
.dengl{ background:url(../images/dengl.jpg) right center no-repeat; }
		}
		@media screen and (max-width: 800px){
			img{display:block;max-width: 100%}
html{-webkit-text-size-adjust:none;max-height:100%}
		body{position:relative; width:100%;}
		.menu_but,#modal{ display:block;}
			
		.nav_01{ width:97%; margin:0 auto; }
		#header .logo{ width:50%; float:left; margin-top:17px; display: inline-block;}
		#header .logo img{ width:auto; max-width:100%;
}
	#header ul{ width:67%; margin-left:1.5%; display:none;
	float:left;
}



.menu_but{float: right; width:15%; margin-right:10px; margin-top:18px;
}

.menu_but img{ float:right; width:70%;
}

#modal,#navll13,.go-top,.dn,#go-top,.go-top a{ display:none; }
#pageslide { display:none; background:#f0f0f0;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px; border-left:1px solid #ccc;}
.navli{float:left;width:100%;border-bottom:1px solid #ccc;
}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#333;font-size:14px;text-align:left; float:left;
background-image:-moz-linear-gradient(center top , #fefefe, #dedede);
background-image: -moz-linear-gradient(top, #fefefe, #dedede);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#dedede));
background-image: -webkit-linear-gradient(top, #fefefe, #dedede);
background-image: -o-linear-gradient(top, #fefefe, #dedede);
background-image: linear-gradient(top, #fefefe, #dedede);}
.navli a span{ float:left; width:100%; font-size:16px; }
.navli ul{ float:left; background:#d1e1e7; display:none;border-top:1px solid #ccc;width:90%; padding:2% 0 2% 10%;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0; width:100%;font-size:14px;text-align:left; float:left;background:none}





.login{ width:25%; float:left; margin-top:25px; display:none; }
.login a{ width:40%; height:24px; margin-left:8px; *margin-left:5px; text-align:center; background:#3484d1; display:block; float:left; color:#FFF; padding-top:6px; font-size:12px; font-family: "Microsoft Yahei";}

#index1{ width:97%; margin:43px auto 0px auto;}
#index1 .more{ background:#0052a2; width:94px; height:25px; border:1px solid #0052a2; border-radius: 2px; display:block; margin:18px auto 0px auto; text-align:center; color:#FFF; font-size:14px;font-family: "Microsoft Yahei"; padding-top:10px;}

#index2 ul{margin-left:-0.5%; *zoom:1;_position:relative; *margin-left:-1%;}
#index2 ul li{ width:49.5%; float:left; margin-left:0.5%; *margin-left:0.4%; margin-top:0.25%; margin-bottom:0.25%;}


#index3{ width:97%; margin:45px auto 45px auto;}
#index3js{ width:100%; }
#index3hy{ width:100%; margin-top:35px;}
#index3 ul li a{color:#545454; font-size:14px;font-family: "Microsoft Yahei"; margin-left:8px; width:70%; overflow: hidden; display:block;
	white-space: nowrap;
	text-overflow: ellipsis;}
	.more1{ background:#fff; width:94px; height:25px; border:1px solid #fa9400; border-radius: 2px; display:block; margin:30px auto 0px auto; text-align:center; color:#fa9400; font-size:14px;font-family: "Microsoft Yahei"; padding-top:10px;}
#index4 .main_04_c{
	width:97%;
    position: relative;
    margin: 0 auto;
    height:443px;
}
#index4 .title4{ text-align:center; color:#fa9400; font-size:1.5em;font-family: "Microsoft Yahei"; padding-top:12%; margin-bottom:6%;}
#index4 .index4zp{ color:#f1f1f1; font-size:1em;font-family: "Microsoft Yahei"; width:97%; float:right; text-align:left; vertical-align:middle; padding-top:1%; line-height:40px;}
.more4{ background:#fa9400; width:94px; height:25px; border:1px solid #fa9400; border-radius: 2px; display:block; margin:50px auto 0px auto; text-align:center; color:#fff; font-size:14px;font-family: "Microsoft Yahei"; padding-top:10px;}
#bottombg,#footerbg{ display:none;}
.foot0{ height:75px; display:block;}
#footer00{ width:100%; background:#3484d1;  height:75px;
position: fixed; 
z-index: 200;
bottom: 0;
left: 0;}
#footer00 .mainfooter{ width:100%; max-width:640px; margin:0 auto;  background:#3484d1;}
#footer00 .mainfooter a{width:24.7%;float:left; height:75px; font-family:'microsoft yahei'; font-size:1.2em; text-align:center; color:#ddd; border-right:1px solid #cefcdc; }
#footer00 .mainfooter a img{ width:48%; margin:5px auto -12px auto;}
#footer00 .mainfooter a.homebut{ border-right:none;}
.ban_top{
	height:80px;
	overflow: hidden;
}
.ban{ display:none;}


#containter{ width:97%; margin:37px auto 48px auto;}
#left{ width:100%; }
#leftop{ background:none; border-bottom:none;}
#leftop .ntitle{ background:#3484d1; height:42px; text-align:center; color:#ffffff; font-size:18px; font-family: "Microsoft Yahei"; padding-top:18px;}
#leftop ul li a{ color:#333333; background:#f1f1f1; text-align:center;  font-size:1em; font-family: "Microsoft Yahei"; display:block; padding:13px 0px 13px 0px;  margin-right:1.2%; margin-top:1%; float:left; border-bottom:1px solid #e2e2e2; width:32%;}



#right{ width:100%; margin-top:28px;}
.prodlist li{ width:47%; float:left; margin:10px 1.5%;  background:#e7e6e6;}
.prodlist li img{width:98%; padding:0.5%; height:98%; display:block; }
.prodlist li .cptitle{ display:block; padding:13px 0px; text-align:center; font-size:14px; color:#000;
width:90%; overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zhuce{ background:none; height:471px;}
.dengl{ background:none; }
.order_add td input{ border:1px solid #CCC; height:35px; width:80%;}
.order_add1 td input{ border:1px solid #CCC; height:35px; width:80%;}
.order_add1 textarea{ border:1px solid #CCC; width:80%;}
#orderleft{ width:30%;}
#txtcode{ border:1px solid #CCC; height:35px; width:30%; float:left; }
#imgcode{float:left;}
.tijiao{ background:#0052a2; width:100%; cursor:pointer; height:34px; border:1px solid #0052a2; border-radius: 2px; text-align:center; color:#FFF; font-size:14px;font-family: "Microsoft Yahei";}
.zhuanli li {
    width:33%;
    margin: 15px 0px 10px 0;
    position: relative;
    float: left;
    display: inline;}
.viewrt{ width:50%;}
		}