@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "微软雅黑"; overflow:hidden; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());font-family: "微软雅黑"; }
a:hover{color:#f00;text-decoration:none;}
.clean70{clear:both;height:70px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; overflow:hidden;clear:both;}
.i{font-style:normal}


/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}


/*导航条1*/
.top{ width:100%;padding:15px 0; float:left;}
.logo{float:left; line-height:70px;}
.logo img{ height:70px; float:left; padding-right:10px}
.logo h1{ font-size:30px; color:#0091db; float:left; font-weight:800}
.logo i{ float:left; padding-left:25px; color:#CCC; padding-top:5px;}
.zysb{ float:right; padding-top:30px;}
.zysb a img{ height:40px; float:left; padding-left:15px;}
/*导航条*/

.hedr{ width:100%; height:60px; background-color:#309ed9; float:left; }
.dht{ float:left; text-align:center; height:36px; width:788px; padding-top:12px; }
.menu{ width:100%; overflow:hidden; float:left}
.menu .menu_item{ display:inline-block;float:left;font-size: 18px;color: #fff;width:129px;text-align:center;font-family:"微软雅黑"; border-right:1px dashed #fff }
.menu .menu_item a{font-size: 16px;color: #fff; display: block;width: auto; line-height:36px;font-family:"微软雅黑";}
.menu .menu_item:hover{ background:#fff;}
.menu .menu_item:hover a{color:#309ed9;}
.cur{text-decoration:none;background:#fff;}
.cur a{color:#309ed9 !important;}
.menu:hover .cur{background:none}
.menu:hover .cur a{color:#fff !important; }
.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:2px solid #98bbf5;}
.submenu{ overflow: hidden;z-index:999999999; display:none;background-color:#464b4e}
.submenu_item {padding:0 2px; min-width:125px; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#49c3b7}
.submenu_item a:hover{ color:#fff !important;}

/*搜索*/
.search{ width:258px; height:36px; border:1px solid #fff; float: right; margin-top:10px; }
.kuan_sou{ width:213px; height:36px; line-height:36px;float:left;border:none;background:none; color:#fff }
.kuan_an{ width:45px; height:36px; background:url(../images/ss1.png) 0 1px no-repeat;cursor:pointer; float:left;  border:none;}
.kuan_an:hover{background:url(../images/ss2.png) 0 1px no-repeat;}
/*banner*/
#banner{ height:600px; width:100%; float:left}
.banner-subban{ width:100%;float:left; }
.banner-subban img{width:100%;float:left;}

/*关于我们*/
.gywm_bj{ width:100%; float:left; background: url(../images/rcu7.png) top no-repeat; overflow:hidden; padding-bottom:24px; padding-top:24px;}
.bt{ width:100%; line-height:36px;float:left; overflow:hidden; padding-bottom:20px}
.bt a{font-family: 微软雅黑; font-size:20px; color:#309ed9; letter-spacing: 1px; font-weight:bold}
.gywm img{ width:339px; float:right; border:3px solid #fff;}
.gywm span{ width:829px; float: left; overflow:hidden}
.gywm p{ width:100%;  float:left;font-family: 微软雅黑; font-size: 14px; color:#666; line-height: 24px;}



/*产品中心*/
.cp_list{ width:100%; float:left; padding-top:40px;}
.cp_left{ width:223px; float:left; border:2px solid #309ed9}
.cp_left span{ width:223px; height:100px; float:left; background:#309ed9; text-align:center}
.cp_left span a{ font-size:24px; color:#FFF; line-height:100px; font-weight:800}
.cp_left ul{ width:217px; padding:3px; float:left}
.cp_left ul li{ width:100%; float:left; height:60px; line-height:60px; display:block }
.cp_left ul li a{font-size:15px; float:left; padding-left:30px;}
.cp_left ul li i{ width:50px; float:left; height:60px;background: url(../images/ze9z.png) center no-repeat;}
.cp_left ul li:hover{ background-color:#309ed9; }
.cp_left ul li:hover i{background:url(../images/ude3.png) center no-repeat;}
.cp_left ul li:hover a{color:#FFF}

.cut{background:#309ed9;}
.cut a{color:#fff }
.cut i{background:url(../images/ude3.png) center no-repeat !important;}

.cp_left ul:hover .cut{background:none}
.cp_left ul:hover .cut i{background: url(../images/ze9z.png) center no-repeat !important;}
.cp_left ul:hover .cut a{ color:#333 !important}


.cp_right{ width:940px; float:right; overflow:hidden}
.cp_right ul{ width:110%; float: left; overflow:hidden}
.cp_right ul li{ width:220px; float:left; padding-right:20px; overflow:hidden; padding-bottom:30px; }
.cp_right ul li a span{ width:218px; height:165px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; border:1px solid #f2f2f0;*display: block; *font-size: 144px;/*约为高度的0.873，200*0.873 约为175*/ 

*font-family:Arial;}
.cp_right ul li a span img{ max-width:218px; max-height:165px; width:auto; height:auto;overflow: hidden;vertical-align: middle;}
.cp_right ul li a:hover span img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.cp_right ul li a p{ width:100%; height:38px; line-height:38px; float:left; text-align:center; font-size:16px;  margin-top:10px; overflow:hidden}
.cp_right ul li a:hover p{ background:#309ed9; color:#fff; }



.guang{ width:100%; height:227px; float:left; background:url(../images/bjt.jpg) no-repeat; overflow:hidden; text-align:center; padding-top:40px;}
.guang b{ font-size:24px; line-height:40px;color:#FFF;}
.guang p{font-family: 微软雅黑; font-size:15px; letter-spacing: 1px; color:#fff; line-height: 165%; padding-bottom:30px;}
.guang a,.ys_left a{ color:#FFF; font-weight:600; padding:10px 30px; font-size:16px; margin-right:15px; }
.guang a.ly,.ys_left a.ly,.ys_left02 a.ly{ background:#309ed9}
.guang a.lx,.ys_left a.lx,.ys_left02 a.lx{ background:#ffa900}

.ys_list{ width:100%; height:340px; float:left;  overflow:hidden;background:url(../images/bjt01.jpg) bottom no-repeat;}

.ys_left{ width:650px; float:left; overflow:hidden}
.ys_bt,.ys_bt02{ width:100%;padding-bottom:18px; float:left}
.ysbj{ background:url(../images/btl1.png) top left no-repeat; }

.ys_bt i{ width:60px; float:left;color:#6bd5cf; font-size:20px; line-height:52px;font-style: italic;text-align:center; font-weight:600}
.ys_bt b{  width:80px; text-align:center;float:left; border-bottom:1px solid #ffa900; color:#309ed9; font-size:18px; line-height:43px; padding-top:8px; margin-left:25px}
.ys_left p{font-family: 微软雅黑; font-size:15px; letter-spacing: 1px;line-height: 165%; padding-bottom:8px;}

.ys_right{ width:540px;overflow:hidden}
.ys_right ul{ float:left}
.ys_right ul li{ width:260px; float:left; padding-left:10px}
.ys_right ul li img{max-width:260px; height:251px;float:left; }
.ys_right span{ width:100%; text-align:center; float:left}
.ys_right span img{ max-width:360px;height:290px;float:left;}

.ys_list02{ width:100%; height:340px; float:left; overflow:hidden;background:url(../images/bjt02.jpg) bottom no-repeat;}
.ys_left02{ width:650px; float:right; overflow:hidden}
.ysbj02{background:url(../images/btl2.png) top right no-repeat;}
.ys_bt02 i{width:70px; float:right;color:#6bd5cf; font-size:20px; line-height:52px;font-style: italic;text-align:center; font-weight:600}
.ys_bt02 b{ width:80px; text-align:center; float:right; border-bottom:1px solid #ffa900; color:#309ed9; font-size:18px; line-height:43px; padding-top:8px; margin-right:35px;}
.ys_left02 a{ color:#FFF; font-weight:600; padding:10px 30px; font-size:16px; margin-left:15px; float:right }
.ys_left02 p{font-family: 微软雅黑; font-size:15px; letter-spacing: 1px;line-height: 165%; padding-bottom:8px; text-align:right}


.zh_xx{ width:1140px; margin:0 auto}
.zh_xx ul{ width:110%; float:left}
.zh_xx ul li{ width:340px; height:400px; margin-right:60px; float:left; text-align:center}
.zh_xx ul li.zh{ background:url(../images/zh.jpg) no-repeat; }
.zh_xx ul li.zh2{ background:url(../images/zh2.jpg) no-repeat; }
.zh_xx ul li.zh3{ background:url(../images/zh3.jpg) no-repeat; }
.zh_xx ul li b{ width:100%; float:left; padding-top:235px; padding-bottom:40px; font-size:25px; color:#FFF; line-stacking:2px; font-weight:normal;text-shadow:3px 2px 2px #212121;}
.zh_xx ul li a{ background:#faa619; color:#FFF; padding:8px 25px; border-radius:25px;}

/*.qi_ry {width:613px; height:200px;overflow: hidden;position: relative; float: right;margin-top:20px}
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:255px; height:180px;cursor: pointer; margin-right:15px; text-align:center; margin-top:20px}
.qi_ry ul li a{width:255px;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:255px; height:180px; overflow: hidden; border:1px solid #e6e8e9}
.qi_ry ul li img {max-width:255px;max-height:180px;display: inline-block;vertical-align: middle; width:auto; height:auto}

.qi_ry ul li a:hover{ transition: all .7s;}
.qi_ry ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}*/

.foot{ width:100%; float:left; padding-top:20px;background:#122637; overflow:hidden}
.footer_1{ width:100%; float:left; border-bottom:1px solid #acc8f3; padding-bottom:10px}
.footer_1 ul { width:756px; float:left; overflow:hidden}
.footer_1 ul li{ width:124px;line-height:30px; font-size:15px; float:left;}
.footer_1 ul li a{ color:#acc8f3;}
.footer_1 span{ float:right; line-height:30px;color:#a7b6cd; padding-right:5px}

.footer_z{ width:450px; float:left; overflow:hidden}
.footer_z img{max-width:140px; float:left; margin-left:64px;border:1px  dashed #006aae; padding:10px; }
.footer_z h2{ width:100%; float:left; font-size:24px; color:#acc8f3; font-weight:700; line-height:40px; padding-top:18px; padding-bottom:5px}
.footer_z b{width:100%; float:left; font-size:18px; color:#acc8f3; font-weight:600;padding-bottom:5px}
.footer_z i{ float:left; color:#758597}
.footer_z p,.footer_y p{ color:#acc8f3; line-height:30px; float:left; width:100%;}

.footer_y{ width:300px; float:right; overflow:hidden; text-align:center}
.footer_y img{max-width:89px; max-height:89px; border:1px solid #fff; padding:1px; float:left; margin-bottom:5px;margin-left:100px }
.foott{ width:100%; float:left; text-align:center; background:#08121a}
.foott p,.foott p a{ color:#acc8f3;line-height:32px; }


/*左侧通用*/
.cpfl{ width:230px; float:left; overflow:hidden}
.cp_left img{ width:100%; float:left; padding-bottom:5px;}
.cp_left dl{float:left; line-height:30px; padding:10px}
.cp_left strong{ color:#ff9900}
/*右侧关于我们*/
.nr_right{width:940px; float:right; overflow:hidden}
.dh_dy{ width:100%; height:40px; background:#f5f5f5; line-height:40px; float:left}
.dh_dy span{ float:left; padding-left:8px;}
.dh_dy a{ color:#888888}

.wznr{ width:100%; float:left;}
.wznr b{width:100%; float:left; text-align:center; font-size:17px; line-height:36px; padding-bottom:8px;}
.wznr p{ width:98%; overflow:hidden; float:left; line-height:28px; padding-bottom:5px; }
.wznr p strong{ font-size:16px; color:#1696c5}
.wznr img{ max-width:600px; max-height:!important;}

.lxwm ul{width:110%; float:left;}
.lxwm li{ width:235px; border:1px solid #ccc; border-left:none; padding-top:15px; padding-bottom:15px; float:left}
.lxwm li p,.lxwm li i{ width:100%; float:left; padding-left:20px; line-height:26px; color:#666666}
.lxwm li p{ color:#ff9900; font-weight:600}
/*右侧表单*/
.table_form tr{ border-bottom:none }
.table_form input.input-text,.table_form textarea{ width:600px !important; height:40px; background:#f7f7f7; border:1px solid #dedede; line-height:40px;}
.button{ width:612px !important; height:42px; background:#1696c5; color:#FFF; text-align:center; line-height:42px;}


/*翻页样式*/
#pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both; margin-top:20px; float:left}
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #1696c5; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #1696c5 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}


/*新闻列表*/
.new_lb ul{ width:100%; float:left; overflow:hidden}
.new_lb ul li{ width:900px; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:8px; padding-top:8px;}
.new_lb ul li h2 a{ width:100%; line-height:30px; overflow:hidden; font-size:16px; font-weight:600; color:#666666}
.new_lb ul li i{color:#b1b1b1; font-size:13px;}
.new_lb ul li p{width:100%; line-height:28px; color:#666; padding-top:5px; float:left; overflow:hidden}
.new_lb ul li h2 a:hover{ color:#108bb7}

/*新闻内容*/
.new_nr{ width:100%; float:left;overflow:hidden}
.new_nrt{ width:100%; float:left; text-align:center; overflow:hidden}
.new_nrt h1{ font-size:17px; font-weight:bold; line-height:36px;}
.new_nrt span{line-height:40px; color:#999}
.new_nr p{ width:100%; float:left; text-align:left; line-height:30px;padding-top:5px;}
.new_nr p img{max-width:800px;}
.cp_dy{ width:910px; float:left; border:1px solid #e5e5e5; background:#f5f5f5; margin-left:15px;}
.cp_dy span{ display:block; float:left; padding:10px; line-height:20px; overflow:hidden; color:#868686; font-size:12px; text-align:left}

/*展会*/
.product-tab {width:100%; float:left;padding-top:30px;text-align: center;padding-bottom: 35px;}
.product-tab  a{ padding:12px 56px; border:2px solid #309ed9; margin-right:25px;cursor: pointer; color:#309ed9; font-size:16px}
.product-tab  a:hover,.product-tab a.cug {background:#309ed9; color:#FFF}

.zh_bt{ width:100%; float:left; text-align:center; background:url(../images/zh_bt.jpg) center bottom no-repeat; height:90px;}
.zh_bt b{ width:100%; float:left; font-size:28px; color:#309ed9; line-height:48px; display:inline-block}
.zh_bt i{ color:#999}

.zh_img ul{ width:110%; float:left; overflow:hidden}
.zh_img ul li a{width:264px; cursor: pointer; padding-right:30px; text-align:center; padding-bottom:30px;display:block; float:left}
.zh_img ul li span{ display:table-cell; text-align: center; vertical-align: middle; width:262px; height:355px; overflow: hidden; border:1px solid #e6e8e9}
.zh_img ul li img {max-width:262px;max-height:355px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.zh_img ul li a p{ width:100%; height:38px; line-height:38px; float:left; text-align:center; font-size:16px;  margin-top:10px; overflow:hidden}
.zh_img ul li a:hover p{ background:#309ed9; color:#fff; }
.zh_img ul li a:hover{ transition: all .7s;}
.zh_img ul li a:hover span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}