﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { color: #333; font-size: 12px; background: #c7e7fe; }
body, span, samp, i, em { font-family: Arial, "微软雅黑"; }
ul, ol { list-style: none; }
img, fieldset { vertical-align: top; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, cite, code, em, th { font-weight: normal; font-style: normal; }
input, button, textarea, select { color: #333; font-size: 12px; font-family: "Open Sans"; vertical-align: middle; }
input:focus { outline: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #05c8ff; }

.w985 { max-width: 985px; width: 100%; margin: 0 auto; }
.w985:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }

/* top */
.bej { background: url(../images/beij.jpg) no-repeat; height: 84px; }
.logo { float: left; margin-top: 10px; }
.top_you { float: right; width: 196px; }
.cnen { overflow: hidden; margin-top: 8px; }
.cnen ul { }
.cnen li { float: left; padding: 0 12px; }
.ku { background: url(../images/gun.jpg) no-repeat right; }

/* 本例子css */
.fullSlide { width: 985px; position: relative; height: 290px; border-radius: 5px; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 290px; overflow: hidden; text-align: center;}
.fullSlide .bd li a { display: block; height: 290px; }
.fullSlide .hd { width: 98%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }
.fullSlide .hd ul { float: right; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 42px; height: 11px; margin: 1px; overflow: hidden; background: #fff; filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; }
.fullSlide .hd ul .on { background: #333; }
.fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.fullSlide .next { left: auto; right: 15%; background-position: -6px -137px; }
/* banner */

/*新导航*/
#doah { overflow: hidden; background: url(../images/the.jpg) no-repeat; }
.daoh { font-size: 0; margin: auto 10px; }
.daoh li { text-align: center; width:19%; float: left; }
.daoh li.dto a {}
.daoh li a { color: #fff; display: block; line-height: 34px; position: relative; }
.daoh li p { font-size: 16px; }
.daoh li p i { position: absolute; top: 0%; right: 5px; display: none; width: 30px; text-align: center; height: 100% }
.daoh li:hover p a { background: #009933; }
.daoh li:hover p a:after { display: none; }
.dto { background: #009933; }

.shy_zhobu { background:#fff url(../images/main-bj.jpg) repeat-x; overflow:hidden;}
.shy_zhobu .sh_dht { width:176px; float:left; margin-left:15px; margin-top:20px; background:#fff; box-shadow:0px 0px 3px #000}
.shy_zhobu .sh_dht ul {}
.shy_zhobu .sh_dht li { background:url(../images/main.jpg) no-repeat; text-indent:25px; line-height:32px;}
.shy_zhobu .sh_dht li a{ color:#333; display:block;}
.shy_zhobu .sh_dht li:hover a{ color:#333; font-size:14px; font-weight:bold;}
.sh_dht_2 { width:100%; height:2px; background:#4088d3;}

.sh_you { float:left; margin-left:42px; margin-top:19px;}
.sh_you_a { background:url(../images/about-biao.jpg) no-repeat; width:426px; height:30px; }
.sh_you_a p { float:right; margin-top:13px; margin-right:20px;}
.sh_aobo { line-height:25px; width:426px; margin-top:10px; float:left;}

.sh_you_lsm { background:url(../images/factoey.jpg) no-repeat; width:253px; height:30px; }
.sh_you_lsm p { float:right; margin-top:13px; margin-right:20px;}
.sh_you_lsm_a { float:left; width:253px;}
.sh_you_lsm_b { width:253px; margin-top:20px;}

.focusBox { position: relative; width:253px; height: auto; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width:253px; height:193px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

.sh_cp { float:left; margin-top:30px;}

/* 产品滚动css */
.slideGroup{ width:985px; background:#e7e7e7;text-align:left;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 40px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:40px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(../images/icoLeft.gif) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/icoRight.gif) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:165px; height:129px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }

.fott { text-align:center; line-height:25px;}

/* 内页css */
.hmw { height:200px;}

.ns_dht { width:224px; float:left; margin-left:15px; margin-top:20px; background:#fff; margin-bottom:50px;}
.ns_dht ul { background:url(../images/beij_1.jpg) repeat-y;}
.ns_dht li { background:url(../images/main.jpg) no-repeat; text-indent:25px; line-height:32px; margin:0 20px;}
.ns_dht li a{ color:#333; display:block;}
.ns_dht li:hover a{ color:#333; font-size:14px; font-weight:bold;}
#mo a{ color:#ff0000;}

.ne_you { float: right; width:716px; margin-top:20px; margin-right:10px;}
.ne_you_top { background: url(../images/neiy-right.png) no-repeat; overflow:hidden; line-height:30px;}
.ne_you_top_1 { float:left; width:114px; text-align:center; font-size:14px; font-weight:bold; color:#fff;}
.ne_you_top_tm { float:right; margin-right:10px;}

.ne_you_tpn { overflow:hidden; margin:10px 0; padding:1%;}
.about { line-height:25px;}

.sh_dht_1 { position:relative;}
.sh_dht_1 p { position:absolute; left:18px; top:9px; color:#fff; font-size:16px;}

/*公司环境*/
.huanjin { overflow:hidden; padding:1%;}
.huanjin ul { margin-left:-1%;}
.huanjin li { width:32.33%; float:left;  margin-left:1%;line-height:25px; text-align:center; }
.huanjin li img {width:100%; height: auto; transition: all .5s; padding:1%;border:1px solid #ccc;overflow:hidden; }
.huanjin li:hover img { transform: scale(0.9); }
.huanjin li p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:0 10px;}
.huanjin li p a{ display:block;}

/*上一页*/
.zuoy { font-family: Arial; text-align: center; clear: both; color: #fff; margin-bottom: 20px; }
.zuoy_ks { width: 120px; display: inline-block; background: #eeeeee; line-height:30px; border-radius: 5px;}
.zuoy_ks a { display: block; }
.zuoy_ks:hover a { background: #05c8ff; color: #fff; border-radius: 5px; }
.zuoy_mi { width: 50px; display: inline-block; background: #05c8ff; line-height: 35px; border-radius: 5px; }

/*产品*/
.pre_s { overflow:hidden;}
.pre_s ul {}
.pre_s li { width:23%; margin:0 1%; float: left; margin-bottom:10px;}
.pre_s li .pre_s_a { text-align: center; overflow: hidden;}
.pre_s li a .pre_s_a img { transition: all .5s; width:153px; height: auto; border:1px solid #ccc;}
.pre_s li:hover .pre_s_a img { transform: scale(1.2);}
.pre_s li .pre_s_b { line-height:45px; font-size:14px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }
.pre_s li:hover .pre_s_b { display: block; }
.pre_s li .pre_s_c { padding: 2%; line-height: 20px; }

.psw { width:368px; margin:0 auto; overflow:hidden;}
.psw img { width:368px; height:auto;}

.chxiq { overflow:hidden; margin-top:30px;}
.chxiq .chxiq_1 { background:#eee; line-height:50px; text-indent:18px; font-size:18px;}
.chxiq .chxiq_2 { padding:1%; margin-top:1%; line-height:25px; font-size:16px;}

.con { overflow:hidden; margin-left:10px; line-height:30px;}
.con_1 { float:left; width:440px;}
.con_2 { float:right; margin-top:80px;}