﻿@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:14px; font-family:"Microsoft YaHei"; color:#212121;}
a{color:#212121;text-decoration:none;}
a:hover{color:#005AB5; text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form,h1,h2,h3,dt,dl,dd,table,tr,td{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
* {padding: 0px; margin: 0px; }
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.upfile { border: 1px solid #ccc; margin-left:10px; height:28px;}
.main_width{width:1200px; margin:0 auto;}

/*头部*/
.head{margin:0 auto;height:108px; width:1220px;line-height: 108px;}
.newss{float: right;width: 1127px;}

/*导航*/
#nav{color:#fff;width: 567px;float: right;}
#nav_menu{}
#nav_menu li{float:left; }
#nav_menu li a{display: block;width:81px; text-align:center; font-size:14px;}
#nav_menu li a:hover{background:#4a5161; color:#FFFFFF;}
.nav_menu-item{display:block;}
.navhover a{background:#4a5161;color: #fff;}
#nav_menu li ul{margin:0;padding: 0;position: absolute;	visibility: hidden;	border-top: 1px solid white; z-index:99;}
#nav_menu li ul li{float: none;display: inline}
#nav_menu li ul li a{width:171px; height:38px; line-height:38px; background:#4a5161;color:#fff; border-bottom:solid 1px #FFF;}
#nav_menu li ul li a:hover{background:#5a6378}

/*动画*/
.slide-main{height:694px;position:relative; min-width:1200px; width:100%;}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:615px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#0046A2;}
.slide-box,.slide{display:block;width:100%;height:694px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:694px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(img_01.png) center no-repeat;}
#bgstyleb{background:url(img_02.png) center no-repeat;}
#bgstylec{background:url(img_03.jpg) center no-repeat;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{margin-left:-400px;text-align:center;}
.obj-b{top:261px;}
.obj-c{display:block;height:427px;top:124px;margin-left:-121px;}
.obj-d{top:253px;height:154px;margin-left:-577px;}
.obj-e{width:602px;height:143px;margin-left:-342px;top:52px;z-index:12;}
.obj-f{width:484px;height:444px;top:140px;margin-left:-543px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/*新闻*/
.news{width: 100%;height: 41px;background: url(new_bg.png) no-repeat center;line-height: 41px;position: absolute;bottom: 0;z-index: 125;}
.new_width{width: 1200px;margin: 0 auto;height: 41px;}
.new_width span{float: left;}
.rolltext a{margin-left: 85px;}


/*产品*/
.products{width: 100%;height: 192px;background: url(pro_bg.jpg) repeat-x;}
.pro_width{width: 1200px;margin: 0 auto;}
.pro_title{height: 99px;text-align: center;color: #fff;font-size: 24px;padding-top: 43px;}
.pro_title span{display: block;font-size: 18px;line-height: 25px;}
.pro_fenlei{height: 50px;line-height: 50px;}
.pro_fenlei li{float: left;width: 199px;text-align: center;border-right: 1px solid #79808a;}
.pro_fenlei li:first-child{background: #565e70;}
.pro_fenlei li:hover{background: #565e70;}
.pro_fenlei li a{color: #fff;width: 199px;height: 50px;display: inline-block;}

/*展示*/
.display{width: 100%;height: 774px;background: url(dis_bg.png) no-repeat center;}
.dis_width{width: 1200px;margin: 0 auto;padding-top: 48px;}
.dis_width .image img{border: 1px solid #ccc;padding: 2px;}
.dis_width .image img:hover{border: 1px solid #4A5161;}
.dis_width span a{width: 162px;height: 41px;line-height: 41px;border: 1px solid #929292;display: block;margin: 0 auto;text-align: center;color: #262a32;margin-top: 17px;}
.dis_width span a:hover{background: #4A5161;color: #fff;}
.dis_width .t{margin-top: 15px;}

/*关于我们*/
.about{width: 100%;height: 394px;background: url(about_bg.jpg) no-repeat center;}
.ab_width{width: 1200px;margin: 0 auto;color: #fff;text-align: center;padding-top: 49px;}
.ab_width h2{font-size: 23px;margin-bottom: 35px;}
.ab_width span{display: block;font-weight: normal;font-size: 14px;}
.ab_width p{line-height: 25px;}
.ab_width em a{display: block;width: 164px;height: 43px;text-align: center;line-height: 43px;color: #fff;border-radius: 50px;border: 1px solid #747474;margin: 47px auto 0;}
.ab_width em a:hover{background: #5A6378;}

/*代销产品*/
.dai{width: 1200px;margin: 0 auto;height: 382px;padding-top: 52px;}
.dai h3{font-weight: normal;font-size: 24px;text-align: center;color: #3f4b67;margin-bottom: 19px;}
.dai span{display: block;font-size: 14px;}
.dai .img,.dai .t{margin-left: 23px;}
.dai .img{border: 1px solid #ccc;padding: 2px;}
.dai .img:hover{border: 1px solid #4A4A4A;}
.dai .t{margin-top: 17px;}
/*底部*/
.footer{margin:0 auto; width:100%; background:#2f3640; height:191px; min-width:1200px;}
.foot{margin:0 auto; width:1200px; color:#fff;padding-top: 41px;}
.foot a{color:#fff;}
.foot a:hover{text-decoration: underline;}
.foot_nav{margin-bottom: 28px;}
.foot_left{float: left;}
.foot_left p{line-height: 36px;}
.foot_right{float: right;}



/*内页分类*/
.ListNav { position:relative; z-index:5; height:55px; overflow:hidden; text-align:center; border-bottom:1px solid #ddd; background-color:#f9f9f9; min-width:1200px;}
.ListNav ul { *width:1200px; *margin:0 auto; }
.ListNav li { display:inline-block; *float:left; *display:block; height:53px; margin:0 15px; line-height:53px; font-size:16px;}
.ListNav li a { display:block; padding:0 20px; }
.ListNav li a:hover{ color:#005AB5; border-bottom:2px solid #005AB5; }
.ListNav .currclass a{color:#005AB5; border-bottom:2px solid #005AB5; font-weight:bold;}

.list_left{float:left; width:210px;}
.list_left .title{display:block; height:70px; font-size:22px; line-height:70px; text-align:center; background:#4a5161; color:#FFFFFF;border-radius:30px 0px 0 0; -moz-border-radius:30px 0px 0 0; -webkit-border-radius:30px 0px 0 0;}
.list_left li{width:210px; float:left; height:40px; line-height:40px; text-align:center; margin-top:2px;}
.list_left li a{display:block; background:#f2f2f2;}
.list_left li a:hover{display:block; background:#4a5161; color:#FFFFFF;}
.list_left .currclass a{background:#4a5161; color:#fff; font-weight:bold;}

.list_right{float:right; width:930px; border-left:dotted 1px #CCC; padding-left:15px;}
.list_right_contact{display:block; margin-top:20px; line-height:30px;}
.list_right_contact img{max-width:930px;}

.n_banner{margin:0 auto; width:100%; height:200px; background:url(n_banner.jpg) center no-repeat;}

/*内页内容*/
.mainContent{margin:0 auto; width:1170px; background:#fefefe; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; box-shadow:0px 0px 1px #999; padding:15px; margin-top:20px;}
.content{display:block; height:40px; border-bottom:dotted 1px #ddd;}
.content .title{padding-left:13px; float:left; font-size:16px; color:#4a5161; line-height:40px; background:url(n_ico.gif) left no-repeat;}
.content .weizhi{float:right; background:url(home.gif) left no-repeat; padding-left:25px; margin-top:15px;}
.list_contact{display:block; margin-top:20px; line-height:30px;}
.list_contact img{max-width:1170px;}
.list_contact .title{font-size:18px; display:block; text-align:center; font-weight:bold;border-bottom: dotted 1px #ddd; height:45px; line-height:45px;}
.list_contact .contact{display:block; line-height:30px;margin-top:10px;}
.list_contact .date{display:block; text-align:center; margin:10px 0;}
.list_contact #next{ display:block; border-top:dotted 1px #CCCCCC; margin-top:15px; text-align:center; padding-top:8px;}

.list_contact_img{display:block; margin-top:20px;}
.list_contact_img img{border:solid 1px #CCC; padding:2px;}
.list_contact_img img:hover{border:solid 1px #005AB5;}
.list_contact_img .t{line-height:35px;}

.list_case{display:block; margin-top:20px;}
.list_case li{float:left; width:360px; height:270px; position:relative; margin:20px 0 0 20px;}
.list_case li a{width:360px; display:block; height:40px; background:url(ico_bg.png); line-height:40px; text-align:center; color:#FFFFFF; position:absolute; bottom:0px; font-size:18px;}
.list_case li a:hover{background:#005AB5; color:#FFFFFF;}


.list_news{display:block; margin-top:10px;}
.list_news li{float:left; width:360px; display:block; margin:15px 15px 0 15px;}
.list_news li:hover{background:#f9f9f9;}
.list_news li img{ width:360px; height:205px;}
.list_news li h1{font-size:18px; text-align:center; font-weight:normal; margin:7px 0}
.list_news li span{display:block; text-align:center; color:#005AB5;}
.list_news li p{display:block; color:#888888; line-height:25px; padding:10px;}




/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:500px; height:375px; max-width:500px; max-height:375px; border:solid 1px #CCCCCC;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:550px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:2px; background:url(left.gif) no-repeat;  margin-top:20px;}
.spec-scroll .next{float:right; background:url(right.gif) no-repeat;  margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:464px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:85px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:1px;width:75px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:1px;}

#list_product{float: right;width: 930px;border-left: dotted 1px #CCC;padding-left: 15px;}
#list_info{ height:28px; border-bottom:1px solid #D5D5D3; margin:20px 0; display:block;}
#list_info .detailed{ background: url(nav_bg2.gif) no-repeat; display:block; width:72px; line-height:28px; text-align:left; padding-left:18px; font-weight:bold; color:#393939;}

#list_product_content{width:1170px; clear:both;}
#list_product_content .title{font-size:18px; display:block; text-align:center; font-weight:bold;border-bottom: dotted 1px #ddd; height:45px; line-height:45px;}
#list_product_content .contact{display:block; line-height:30px;}
#list_product_content .contact img{max-width:1160px;}
#list_product_content #next{ display:block; border-top:dotted 1px #CCCCCC; margin-top:15px; text-align:center; padding-top:8px;}
.imglist img{width: 500px;height: 375px;}

.prodtitle {LINE-HEIGHT: 45px; HEIGHT: 45px; FONT-SIZE:16px; text-align:left;}
.products_show_1 {PADDING-TOP: 15px; display:block;}
.show_left {FLOAT: left;width: 500px;}
.show_right {WIDTH:400px; FLOAT: right;}
.show_right UL {LINE-HEIGHT: 27px;}
.show_right UL LI {LINE-HEIGHT:25px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; text-align:left; OVERFLOW: hidden;}
.show_right table{margin-bottom:10px;}
.show_right td{padding:5px;}

/*分页*/
#fenye{clear:both; margin:20px 20px 0 0;}
#fenye .prev_h,#fenye .next_h{width:55px; text-align:center;line-height:20px;}
#fenye a.curr{width:25px;background:#005AB5; border:1px solid #fff; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px;text-decoration:none;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
#fenye a.num{width:22px;}
#fenye a:visited{color:#333333;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

/*在线留言*/
.feedback .line{padding:8px 0;}
.feedback .line .inputText{border:1px solid #ccc;color:#999;font-size:12px;padding:0 18px;width:714px;height:40px;line-height:40px;margin:0px; font-family:"微软雅黑"}
.feedback .line .textArea{border:1px solid #ccc;color:#999;font-size:12px;padding:10px 18px;width:714px;height:124px;margin:0px; font-family:"微软雅黑"}
.btn_area{width:102px; display:block;}
.submit{
	color: #fff;
	background: #333;
	width:70px;
	float:left;
	height:29px;
	border:none;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	} 
.submit:hover {
	color: #fff;
	background:#005AB5;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	} 



/*右边浮动*/
.fixed{position:fixed;bottom:0px;right:0px;width:45px; z-index:9999999}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#003F7D;line-height: 45px;margin-top:1px;}
.fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover{width:110px;background: #000;}
.fixed .child img{position:absolute;top:0px;left:0px;}
.fixed .child p{position: absolute;left:45px;color:#fff;}

.fixed .fixedfav{bottom:184px;}
.fixed .fixedQQ{bottom:92px;}
.fixed .fixedone{bottom:92px;}
.fixed .fixedCall{bottom:46px;}
.fixed .fixedTop{position:absolute;right:0px;bottom:45px;color:#fff;background-color:#b2b2b2;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.fixed .fixedTop p {background:url(pointer_circle.png) no-repeat;width:25px; height:25px;margin:10px 0 0 10px; background-size:100%}
.fixed .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:14px;}
.fixed .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#003F7D;line-height:55px;margin-top:1px;}
.fixed .fixedCode img {width:27px;margin:0px 0 0 9px}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:45px;background:#fff; background:url(wx.jpg) no-repeat;width:112px; height:140px;}
.fixedCodeInfo .fixedCode {margin:6px 0 0 8px;  height:100px;width:100px;}	
	
