* { outline:none;}
body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding:0px;margin:0px; font-size:14px;}
ul,li,ol { list-style:none;}
body{ background:url(../images/bg.jpg) #FFF top no-repeat;}
img{border:0; }
a{color:#5A5A5A;text-decoration:none;}
a:hover {text-decoration:none;color:#c00108;}
a:active{text-decoration:underline;}
.clearfix {clear:both;}
.fr{ float:right;}
.fl{ float:left;}
iframe{background: transparent;}
.w1200{ width:1200px; margin:0 auto; }
.w1350{ width:1350px; margin:0 auto; }


.head_top{ height:25px; width:100%; background:url(../images/top.jpg) no-repeat center top;}

.h_top{ height:25px; line-height:25px; overflow:hidden;font-size: 14px;}
.h_top em{ float:left;font-style:normal; color:#FFF}
.h_top .top1{ display:block; background:url(../images/t17.jpg) no-repeat; padding-left:30px; float:right; height:25px; color:#FFF; width:150px;}
.h_top .top2{ display:block; background:url(../images/dizhi.png) no-repeat; padding-left:30px; float:right; height:25px; color:#FFF; margin-left:20px; width:300px;}

.menu{ height:100px;}
.logo{ float:left; width:440px;}
.logo img{ float:left;width:440px; height:65px; padding-top:17px;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ float:left; z-index:1;  height:50px;  line-height:50px; float:left; margin-top:25px; margin-left:20px; }
.nav{ position:relative; width:720px; margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; }
.nav a{ color:#333;  }
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav h3 a{ display:block; height:50px; line-height:50px; width:120px; text-align:center;  color:#333;  }
.nav h3 a:hover{ background:#21539C; color:#FFF;}
.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:0px; top:50px; z-index:1; width:120px; border-top:0;  background:#76C3BD; }
.nav .sub li{ text-align:center;  margin-bottom:-1px; height:50px;  }
.nav .sub li a{ display:block;  border-bottom:1px solid #FFF; height:50px; line-height:50px; color:#666;   }
.nav .sub li a:hover{ color:#FFF; background:#21539C;   }

.zyw{ float:left; width:120px; height:30px; background:url(../images/pp1.png) no-repeat left center; padding-left:40px; margin-top:35px;}
.zyw a{ float:left; padding-left:10px;}




/*banner*/
.banner{position:relative;}
.banner-hd {height:630px;position: relative; overflow:hidden;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:3%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:35px;height:8px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background:#FFF;}
.banner-hd .num li.on { background:#000;} /*当前��*/


.about{ margin:auto; width:1260px; height:620px;}
.about .title{ float:left; height:60px; float:left; text-align:center; background:url(../images/a1.png) no-repeat center bottom; width:1260px; margin-top:60px; text-align:center;}
.about .title a.tit1 { font-size:28px; color:#0072BC; }
.about .title a.tit2 { font-size:28px; color:#000; padding-left:10px;}
.about p{ height:70px; text-align:center; font-size:14px; line-height:70px; float:left; width:1230px;}
.about ul{ float:left; width:1260px;}
.about ul li{ float:left; width:390px; height:330px; background:#0072BB; margin-left:15px; margin-right:15px;}
.about ul li img{ height:240px; float:left; width:390px;}
.about ul li .img1{ float:left; width:330px; margin-left:30px; font-size:14px; height:50px; line-height:50px; color:#FFF;}
.about ul li .img2{ float:left; width:330px; margin-left:30px; font-size:14px; height:40px; line-height:40px; color:#FFF;}

.cpzx{ margin:auto; width:100%; height:750px; background:url(../images/cpzx.jpg) repeat-x;}
.cpzx .title{ float:left; height:60px;font-size:28px; color:#FFF; float:left; text-align:center; background:url(../images/a1.png) no-repeat center bottom; width:1200px; margin-top:60px; text-align:center;}
.cpzx .lmmc{ float:left; height:55px; margin-top:20px; width:1100px; margin-left:50px;}
.cpzx .lmmc a{ float:left;padding-left:5px;padding-right:5px; height:50px; border:1px solid #FFF; display:block; text-align:center; font-size:18px; line-height:50px; color:#FFF; margin-left:5px; margin-right:5px;}
.cpzx .lmmc a:hover{ background:#FFF; color:#0072BB;}


	/* 本例子css */
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; padding-top:10px; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:385px; height:470px; background:#F6F0F0;}
.picScroll-left .bd ul li:hover{ background:#8EB72A;}
.picScroll-left .bd ul li .pic{ text-align:center; width:385px; height:285px; }
.picScroll-left .bd ul li .pic img{width:385px; height:285px; float:left; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .tit1{ float:left; width:385px; line-height:80px; color:#333; text-align:center; font-size:16px;}
.picScroll-left .bd ul li .tit2{ line-height:40px; color:#333; text-align:center; font-size:16px; float:left; width:140px; height:40px; line-height:40px; text-align:center; border:1px solid #333; margin-left:120px;border-radius:10px;}
.picScroll-left .bd ul li .tit2:hover{ background:#FFF;border:1px solid #fff;}
		
		
.picScroll-left .hd{ overflow:hidden;  height:50px;  padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:80px; height:30px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer;background:#F0F0F0; text-align:center; font-size:14px; line-height:30px; }
.picScroll-left .hd .next{ background:#1F539F; color:#FFF; }
.picScroll-left .hd .prevStop{ background:#999; }
.picScroll-left .hd .pageState{background:#F0F0F0;width:60px; height:30px; float:right; display:block; overflow:hidden; margin-right:5px;zoom:1; margin-top:10px; zoom:1; text-align:center; line-height:30px;}


.news{ height:545px; margin:auto; width:100%; background:#F6F6F6;}
.news .title{ float:left; height:60px; float:left; text-align:center; background:url(../images/a1.png) no-repeat center bottom; width:1200px; margin-top:60px; text-align:center;}
.news .title a.tit1 { font-size:28px; color:#0072BC; }
.news .title a.tit2 { font-size:28px; color:#000; padding-left:10px;}
.news p{ height:70px; text-align:center; font-size:14px; line-height:70px; float:left; width:1200px;}
.news ul{ float:left; width:1200px;}
.news ul li{ float:left; width:570px; height:140px; background:#FFF; margin-left:15px; margin-right:15px; margin-top:20px;}
.news ul li:hover{ background:#333; color:#FFF;}
.news ul li:hover .tit1,.news ul li:hover .tit2{color:#FFF;}
.news ul li .pic{ float:left; width:170px; height:140px;}
.news ul li .pic img{ float:left; width:170px; height:140px;}
.news ul li .tit1{ float:left; width:360px; height:35px; margin-left:20px; margin-top:20px; font-size:16px; line-height:35px;}
.news ul li .tit2{ float:left; width:360px; height:25px; margin-left:20px; margin-top:10px;font-size:14px; line-height:25px; }


.qyry{ margin:auto; width:1200px; height:620px;}
.qyry .title{ float:left; height:60px; float:left; text-align:center; background:url(../images/a1.png) no-repeat center bottom; width:1200px; margin-top:60px; text-align:center;}
.qyry .title a.tit1 { font-size:28px; color:#0072BC; }
.qyry .title a.tit2 { font-size:28px; color:#000; padding-left:10px;}
.qyry p{ height:70px; text-align:center; font-size:14px; line-height:70px; float:left; width:1200px;}


/* 本例子css */
.slideGroup{ width:1200px; float:left; margin-top:20px;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:90px; display:block; width:38px; height:56px; background:url(../images/left.png) center center no-repeat; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/right.png) center center no-repeat;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .slideBox ul{ overflow:hidden; zoom:1;   }
.slideGroup .slideBox ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .slideBox ul li img{ width:350px; height:250px; display:block; border:1px solid #CCC;}


.path{ height:50px; border-bottom:1px solid #CCC;}
.pathcon{ float:left; font-size:16px; line-height:50px; background:url(../images/home.jpg) no-repeat 0px 17px; padding-left:30px;}

.lbtit{ margin:auto; height:60px; text-align:center; background:url(../images/a1.png) no-repeat center bottom; width:1200px; margin-top:60px; text-align:center;}
.lbtit a.tit1 { font-size:28px; color:#0072BC; }
.lbtit a.tit2 { font-size:28px; color:#000; padding-left:10px;}
.lbcon{ margin:auto; width:1200px; height:50px; line-height:50px; text-align:center;}

.xw{ margin:auto; width:1200px;}
.xw ul li{ float:left; width:1200px; height:140px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #CCC;}
.xw ul li .pic{ float:left; width:170px; height:140px;}
.xw ul li .pic img{ float:left; width:170px; height:140px;}
.xw ul li .tit{ float:left; width:1000px; margin-left:30px;height:30px;} 
.xw ul li .tit a{ line-height:30px; font-size:18px; float:left;}
.xw ul li .tit span{ float:right; background:url(../images/tim.jpg) no-repeat 0px 7px; padding-left:20px;line-height:30px; font-size:14px;}
.xw ul li .con{ float:left; width:1000px; margin-left:30px;height:80px; line-height:30px; font-size:14px;} 
.xw ul li .but{ float:left; width:1000px; margin-left:30px;height:30px;} 
.xw ul li .but a{ float:right; width:100px; height:28px; border:1px solid #CCC; text-align:center; line-height:28px; color:#21539C;font-size:14px;}


.pagination-wrapper{ margin:auto; width:1200px; height:100px;} 
.pagination{ height: 34px; text-align: right; margin-top:30px; } 
.pagination li { display: inline-block; height: 34px; margin-right: 5px; }
.pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; }
.pagination li a:hover{ background:#f5f5f5; color:#0099ff; } 
.pagination li.thisclass { background: #09f; color: #fff; } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }
.pagination li .pageinfo{float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; }

.xwnr{ margin:auto; width:1200px;}
.xwnr_tit{ float:left; width:100px; height:35px; background:#63B8B3; text-align:center; line-height:35px; font-size:16px; color:#FFF;}
.xwnr_box{ float:left; width:1138px; border:1px solid #CCC; padding:30px;}
.xwnr_box h1{ float:left; height:60px; line-height:60px; font-size:30px;  text-align:center; width:1138px;}
.xwnr_box .xwnr_dj{ float:left; width:1138px; text-align:right; line-height:30px; margin-top:10px; font-size:14px;}

.xwnr_box .xwnr_jj{ float:left; width:1096px; border:1px solid #CCC; line-height:30px; padding:5px 20px; background:#FBFBFD; color:#999;}
.xwnr_box .xwnr_con{ float:left; width:1138px; padding-top:20px; padding-bottom:20px;}
.xwnr_box .xwnr_fy{ float:left; width:1138px; height:30px; margin-top:20px; line-height:30px;}
.xwnr_box .xwnr_sy{ float:left; width:500px; line-height:30px;}
.xwnr_box .xwnr_xy{ float:right; width:500px; line-height:30px; font-size:14px; text-align:right;}

.sckt{ margin:auto; width:1200px; padding-top:50px;}
.sckt ul{ float:left; padding-bottom:50px;}
.sckt ul li{ float:left; width:240px; height:500px;}
.sckt ul li .line{ float:left; width:240px; background:url(../images/line.jpg) no-repeat center center;height:40px; line-height:40px;}
.sckt ul li .tit{float:left; width:240px; line-height:30px; font-size:16px; height:80px; text-align:center;}
.sckt ul li .pic{float:left; width:240px;  height:380px;}
.sckt ul li .pic img{float:left; width:240px;  height:380px;}

.shfw{ margin:auto; width:1200px; }
.shfw_con{ float:left; width:1200px; font-size:14px; line-height:30px; padding-bottom:50px; padding-top:50px;}
.shfw_img{ float:left; width:1200px; padding-bottom:50px;}
.shfw_img img{ float:left; width:270px; height:200px; margin-left:15px; margin-right:15px;}

.dxal{ margin:auto; width:1200px; }
.anli{ float:left; width:370px; height:340px; margin-left:15px; margin-right:15px; margin-top:30px;}
.anli img{ float:left; width:370px; height:240px;}
.anli .anlitit{ float:left; width:370px; height:60px; line-height:30px; font-size:16px; margin-top:20px;text-align:center;}
.ditu{ margin:auto; width:1200px; padding-top:30px;}
.ditu_left{ float:left; width:530px; height:480px; padding-bottom:50px;}
.ditu_left img{ float:left; width:100%; }
.ditu_right{ float:right; width:530px; height:480px;padding-bottom:50px;}
.ditu_right img{ float:right; width:100%; }

.yfnl{ margin:auto; width:1200px; padding-top:30px;}
.yfnl .box{ float:left; width:210px; height:180px; margin-left:15px; margin-right:15px;}
.yfnl .box img{ float:left; width:208px; height:148px; border:1px solid #CCC;}
.yfnl .box span{ float:left; display:block; width:190px;height:30px; line-height:30ppx; border-right:1px solid #CCC;}

.yfzs{ margin:auto; width:1200px; padding-top:30px;}
.yfzs img{ float:left; width:350px; height:240px; margin-left:25px; margin-right:25px; padding-bottom:50px; padding-top:50px;}

.gywm{ margin:auto; width:1200px; height:530px; background:url(../images/a1.jpg) no-repeat right top; margin-top:50px;}
.gywm .gywm_tit{ float:left; width:700px; font-size:24px; color:#096; line-height:50px; padding-top:30px;}
.gywm .gywm_con{ float:left; width:700px; line-height:30px; height:340px;}
.gywm .gywm_bot{ float:left; width:1000px; background:url(../images/line1.jpg) left center no-repeat #FFF; height:110px; text-align:right;  }
.gywm .gywm_bot span{ padding-right:20px;line-height:110px; font-size:24px; color:#CCC;}

.gywmbot{ margin:auto; width:1200px; height:200px; padding-top:50px;}
.gywmbot .box{ float:left; width:240px; height:160px; text-align:center;}
.gywmbot .box .box_pic { float:left; width:240px; height:80px;}
.gywmbot .box a{ line-height:30px; display:block; width:240px; text-align:center; font-size:20px;}
.gywmbot .box p{ line-height:30px; display:block; width:240px; text-align:center; font-size:14px;}



.zzry{ margin:auto; width:1200px; }
.zzroyu{ float:left; width:270px; height:360px; margin-left:15px; margin-right:15px; margin-top:50px; text-align:center;}
.zzroyu img{ float:left; width:270px; }

.lxwm{ margin:auto; width:1200px; }
.lxwm .lxmm{ float:left; width:400px; height:170px; margin-top:50px;}
.lxwm .lxmm .lx1{ float:left; width:400px; height:50px; text-align:center;}
.lxwm .lxmm .lx2{ float:left; width:400px; height:50px; height:120px;}
.lxwm .lxmm .lx2 p{ float:left; width:400px; height:30px; line-height:30px; font-size:14px;}

.map{ margin:auto;width:1920px;height:552px;}


.cpzxlb{ margin:auto; width:1200px; }
.cpzxx{ float:left; width:270px; height:250px; margin-left:15px; margin-right:15px; margin-top:50px; text-align:center;}
.cpzxx img{ float:left; height:220px;  width:270px;}
.cpzxx a{ line-height:30px; font-size:16px;}




/* 产品详细�� */
.relative .productBox ul { padding:0; }

.productShowTop { width:1200px; overflow:hidden; margin-top:30px; }

.productShowPic{width:600px;}
.productShowPic .productShow {width:600px;height:520px;border:1px solid #ccc; }
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{height:400px;width:598px;background:#fff}
.tb-s310, .tb-s310 img{max-height:400px;max-width:598px; _width:598px;}
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #dadada;position:relative;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.tb-picList{width:600px;height:110px;overflow: hidden;margin-top:10px;position:relative;}
.tb-picList a.prev{display:block;width:28px;height:102px;position:absolute;top:0px;left:0;background:url(../images/lef.jpg) no-repeat;overflow:hidden;cursor:pointer;transition:0s;}
.tb-picList a.next{display:block;width:28px;height:102px;position:absolute;top:0spx;right:0;background:url(../images/rig.jpg) no-repeat;overflow:hidden;cursor:pointer;transition:0s;}


.tb-picList .tb-thumb{position:relative;width:530px;height:110px;margin:0 auto;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:999999px;height:110px;}
.tb-picList .tb-thumb ul li{background:none;float:left;width:128px;height:110px;overflow:hidden;position: relative;}
.tb-picList .tb-thumb ul li a{display:block;width:128px;height:98px;border:1px solid #dadada;text-align:center;background:#fff}
.tb-picList .tb-thumb ul li img {width:128px;height:98px;cursor:pointer;}
.tb-picList .tb-thumb ul li em {width:128px;height:98px; border: 2px solid #008ed6; position: absolute; left: 0; top: 0; display: none; }
.tb-picList .tb-thumb ul li a.tb-selected em { display: block; }

.productShowIntro { width:550px; height:344px; overflow:hidden; }
.productShowIntroTitle{display: block; line-height:40px; background:url(../images/splitBg.gif) repeat-x 0 bottom; font-size:18px; color:#333; padding:10px 0; font-family: 'Microsoft yahei'; }
.descriptionBox { padding:10px 0; height:179px; overflow:hidden; }
.descriptionBox span { display: inline-block; vertical-align: top; line-height:30px; font-size:16px; }
.descriptionBox .txt { width: 450px; }
.productOrder a{ display:block; width:150px; height:40px; background:#008ed6; line-height:40px; text-align:center; font-size:18px; color:#fff; border-radius:4px; font-family: 'Microsoft yahei'; }
.productOrder a:hover{ background:#f60; color:#fff; }

.productShowBox { margin-top:50px; }
.productShowBox .hd { height:39px; line-height:39px; font-size:14px; }
.productShowBox .hd ul { height: 39px;  font-family: 'Microsoft yahei'; }
.productShowBox .hd li { float:left; width:120px; text-align:center; color:#fff; cursor:pointer; background:#6BB6B6; }
.productShowBox .hd li span{font-weight: bold;color: 000}
.productShowBox .hd .on { background:#6BB6B6; color:#FFF; }
.productShowBox .bd { border:1px solid #CCC; padding:20px; }

.orderBox { width:730px; padding-left:10px; }
.orderBox span { width:60px; display:inline-block; }
.orderBox input, .orderBox textarea { border:1px solid #CCC; padding:0 10px; margin-right:10px; color:#999; vertical-align:middle; }
.orderBox input { height:24px; line-height:24px; width:150px; }
.orderContent, textarea { vertical-align:top; }
.orderBox textarea { padding:10px; width:634px; height:60px; overflow:hidden; }
.orderBox img { border:1px solid #ccc; _margin-top:2px; }
.orderBox .IDCode { width:80px; }
.orderBox .btn { width:80px; background:#0B89DD; color:#FFF; font-family:'Microsoft yahei'; cursor:pointer; border:none; height:32px; line-height:30px; margin-right:10px; }
.orderBox .btnBox { padding-left:60px; }
.orderBox p { margin-bottom:10px; }



#contain-3 .xwnr_fy{ float:left; width:1200px; height:80px; margin-top:20px; line-height:30px;}
#contain-3 .xwnr_sy{ float:left; width:500px; line-height:30px;}
#contain-3 .xwnr_xy{ float:right; width:500px; line-height:30px; font-size:14px; text-align:right;}




.jynl{ margin:auto; width:1200px; height:1250px;}
.jynl .box{ float:left; width:240px;}
.jynl .box .jypic{ float:left; width:240px; height:300px;}
.jynl .box .jypic img{ float:left; width:240px; height:300px;}
.jynl .box .jycon{ float:left; width:240px; height:330px; background:url(../images/fy7t2.png) no-repeat; margin-top:-30px; z-index:1000px; }
.jynl .box .jycon .jycon1{ float:left; width:240px; margin-top:60px; height:30px; line-height:30px;font-size:12px;text-align:center; color:#CCC}
.jynl .box .jycon .jycon2{ float:left; width:240px; margin-top:10px; height:30px; font-size:18px; line-height:30px; text-align:center;}
.jynl .box .jycon .jycon3{ float:left; width:240px; margin-top:20px; height:80px;  text-align:center;}



.footer {width: 100%;height: 300px;overflow: hidden;background-image: url(../images/hy_02.jpg);background-repeat: repeat-x;	background-position: top center;}
.fnav {	width: 1200px;height: 65px;	margin: 0 auto;	text-align: center;	line-height: 65px;	color: #FFF;	margin-top: 10px;	color: #3891bd}
.fnav a {color: #FFF;margin-left: 30px;	margin-right: 30px;	font-size: 14px}
.fc {width: 1100px;	height: 135px;	overflow: hidden;margin: 0 auto;margin-top: 35px}
.fc p {	width: 350px;	height: 120px;	overflow: hidden;	float: left;color: #FFF;background-image: url(../images/hy_03.jpg);	background-repeat: no-repeat;background-position: left top;padding-left: 310px;padding-top: 30px; font-size:14px; line-height:30px;}
.fc p a {color: #FFF}
.fc span {	height: 120px;overflow: hidden;	float: right;	margin-top: 15px;padding-right:10px;}