@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.aa { position:relative;}
.bb { position:absolute;}
.mt12 {  margin-top:12px;}

/*ÕýÎÄ¿ªÊ¼*/
.bannerbg { height:407px; background:url(../images/bannerbg.jpg) no-repeat center top;}
.banner { width:960px; height:407px; margin:0 auto}
.banner img { height:380px; display:block;}

.prolist { width:201px; height:636px; overflow:hidden;}
.prolist h2 { height:38px; font-size:18px; font-family:"΢ÈíÑźÚ"; font-weight:normal; background:url(../images/listh2.gif) no-repeat; line-height:38px; padding-left:18px;}
.prolist h2 a { color:#fff}
.list_con { width:176px; height:582px; overflow:hidden; padding:13px 13px 0 12px; background:url(../images/listbg.gif) repeat-y;}
.list_con h3 { background:url(../images/listh3.gif) no-repeat; height:26px; line-height:26px; font-size:12px; padding-left:11px; margin:3px 0}
.list_con h3 a { color:#fff;}
.list_con ul { width:176px; overflow:hidden}
.list_con ul li { height:32px; line-height:32px; overflow:hidden; background:url(../images/lidd.gif) no-repeat 5px center; padding-left:24px; border-bottom:1px solid #d1d1d1; border-top:1px solid #fff;}
.list_con ul li a { color:#8a8a8a;}
.list_con ul .nobot { border-bottom:0}
.list_con ul .nobotop { border-top:0}
.di { background:url(../images/lidi.gif) no-repeat left top; height:3px; line-height:0; font-size:0}

.pro { width:745px; height:636px; overflow:hidden;}
.pro h2 {height:37px; line-height:37px; font-size:15px; font-family:"΢ÈíÑźÚ"; padding:0 16px 0 18px; background:url(../images/barpro.gif) no-repeat;color:#fff;}
.pro h2 a {color:#fff}
.pro h2 span { padding-top:12px}
.pp_con { width:722px; height:577px; overflow:hidden; padding:20px 0 0 21px; border:1px solid #a3d4f3; border-top:0}
.pp_con ul li { width:217px; height:192px; margin-right:23px; display:inline; float:left; overflow:hidden}
.pp_con ul li img { width:215px; height:150px; border:1px solid #d3d3d3}
.pp_con ul li span a { height:34px; line-height:34px; text-align:center; display:block; overflow:hidden; color:#333;}

.bd01 { width:960px; height:164px; background:url(../images/bdsha.gif) no-repeat center bottom}
.bd01 img { width:960px; height:140px;}
.bd02 { width:960px; height:164px; margin-top:17px; background:url(../images/bdsha.gif) no-repeat center bottom}
.bd02 img { width:960px; height:140px;}
.tel { top:87px; left:494px; color:#fff; font-family:"΢ÈíÑźÚ"; font-size:16px;}
.tel span { font-size:24px; font-weight:bold}
.tel2 { top:96px; left:494px; color:#fff; font-family:"΢ÈíÑźÚ"; font-size:16px;}
.tel2 span { font-size:24px; font-weight:bold}

.ys { height:951px; overflow:hidden}
.ys h2 { font-size:30px; padding:20px 0 0 0; text-align:center; color:#fff; font-family:"΢ÈíÑźÚ"; height:88px; background:url(../images/ysh2.jpg) no-repeat;}
.ys h2 span { color:#ffc61a; font-size:48px; padding-left:10px;}
.ys_c { border:1px solid #a3d4f3; border-top:0; background:url(../images/ysbg.gif) repeat-y; height:842px;}
.img01 { top:71px; left:26px;}
.img02 { top:480px; right:54px;}
.yssha  { height:30px; top:436px}
.one { top:49px; left:420px; padding:14px 0 0 45px; background:url(../images/01.gif) no-repeat; width:455px;}
.one h3 { font-size:19px; color:#0071c3; font-family:"΢ÈíÑźÚ"; line-height:24px; border-bottom:1px dashed #d2d2d2;}
.one h3 em { font-size:10px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#cacaca; font-weight:normal; font-style:normal; display:block; letter-spacing:-1px} 
.one p { line-height:24px; padding:10px 74px 0 17px; background:url(../images/ysdd.gif) no-repeat 1px 19px; font-size:14px; color:#555; font-family:"΢ÈíÑźÚ";}
.one p em { color:#ca0001; font-style:normal}
.two { top:241px; left:420px; background:url(../images/02.gif) no-repeat;}
.three { top:495px; left:40px; background:url(../images/03.gif) no-repeat;}
.four { top:677px; left:40px; background:url(../images/04.gif) no-repeat; width:472px}

.cp { margin-top:14px; width:960px; height:254px; overflow:hidden}
.cp h2 { background:url(../images/bar960.gif) no-repeat}
.cp h2 em { padding-left:44px}
.cp_c { padding:17px 0 0 12px; width:946px; height:199px; overflow:hidden; border:1px solid #a3d4f3; border-top:0}
.c01 { padding-top:55px;}
.cp_c ul { margin-left:16px; width:876px; display:inline;}
.cp_c ul li { width:202px; height:199px; float:left; margin-right:16px; display:inline}
.cp_c ul li img { width:198px; height:158px; border:1px solid #c0c0c0; padding:1px;}
.cp_c ul li span a { height:30px; line-height:30px; text-align:center; display:block; overflow:hidden; color:#333} 

.jz { height:422px; overflow:hidden; margin-top:14px;}
.jz_c { width:958px; height:384px; border:1px solid #a3d4f3; border-top:0; overflow:hidden}
.jz_c dl { width:448px; height:162px; overflow:hidden; padding:15px 3px 9px 17px; float:left}
.jz_c dl dt { width:202px; height:162px;}
.jz_c dl dt img { width:198px; height:158px; border:1px solid #c0c0c0; padding:1px;}
.jz_c dl dd { padding-left:13px; width:232px; overflow:hidden}
.jz_c dl dd h3 { font-size:14px; line-height:24px;margin-bottom:5px;}
.jz_c dl dd h3 a { color:#333}
.jz_c dl dd h3 em { display:block; font-style:normal; font-size:12px;}
.jz_c dl dd p { line-height:23px; padding:5px 0 0 0; height:99px; overflow:hidden;}
.jz_c dl dd span a { display:block; padding:10px 0 0 0; color:#0071c3}

.about { width:666px; height:454px; overflow:hidden; margin:0}
.about h2 { background:url(../images/barabout.gif) no-repeat}
.a_con { padding:17px 0 0 13px; width:651px; height:399px; overflow:hidden; border:1px solid #a3d4f3; border-top:0;}
.a_con dl { height:224px; overflow:hidden; padding:0 0 5px 5px;}
.a_con dl dt { width:291px; height:224px;}
.a_con dl dt img { padding:1px; border:1px solid #c0c0c0; width:287px; height:220px;}
.a_con dl dd { width:316px; padding-left:18px; overflow:hidden}
.a_con dl dd h3 { font-size:14px; height:26px; line-height:24px;}
.a_con dl dd h3 a { color:#333}
.a_con dl dd p { line-height:24px;}
.a_con dl dd span { display:block; padding-top:8px}
.a_con dl dd span a { color:#0071c3; padding-right:15px;}
.a_con h4 { height:38px; line-height:38px; background:url(../images/ah4.gif) repeat-x left bottom; width:624px; overflow:hidden; margin:0 0 13px 5px; padding-left:5px; font-size:14px}
.a_con h4 a { font-family:"ËÎÌå"; color:#0071c3}
.a01 { padding-top:28px}
.a_con ul { margin-left:16px; width:600px; height:118px; overflow:hidden}
.a_con ul li { float:left; width:132px; margin-right:18px; overflow:hidden}
.a_con ul li img { width:128px; height:82px; padding:1px; border:1px solid #c0c0c0}
.a_con ul li span a { height:30px; line-height:30px; text-align:center; display:block; overflow:hidden; color:#333}

.js { width:280px; height:454px; overflow:hidden; margin:0}
.js h2 { background:url(../images/barjs.gif) no-repeat}
.js_c { padding:5px 14px 0; width:250px; height:411px; overflow:hidden; border:1px solid #a3d4f3; border-top:0;}
.js_c h5 { font-weight:normal; height:35px; line-height:35px; border-bottom:1px dashed #e0e0e0; padding-left:4px; overflow:hidden;}
.js_c h5 a em { background:url(../images/lan.gif) no-repeat left 10px; width:16px; height:26px; float:left; color:#fff; padding:0 8px 0 4px; font-style:normal}
.js_c h5 a { color:#333}
.js_c h5 a:hover{ text-decoration:none;}
.js_c h5 a:hover em,.js_c h5  a.cur:hover em{ background:url(../images/hong.gif) no-repeat left 10px; display:block}
.js_c p { width:245px; height:122px; padding-left:3px}
.js_c p img { width:241px; height:118px; padding:1px; border:1px solid #c0c0c0}
.js_c .nobot { border-bottom:0}

.faq { width:280px; height:357px; overflow:hidden; margin-top:14px;}
.faq2 { width:320px; height:250px; margin-top:14px;} /*ÌÔ±¦ÁªÃËÑùʽ*/
.fa_con { width:260px; height:319px; overflow:hidden; padding:0 12px 0 6px; border:1px solid #a3d4f3; border-top:0;}
.fa_con dl { border-bottom:1px dashed #cacaca; padding:13px 0 13px 5px;}
.fa_con .nobot { border-bottom:none;}
.fa_con dl dt { height:28px; line-height:28px; background:url(../images/wen.gif) no-repeat left 5px; padding-left:30px; font-weight:bold; overflow:hidden;}
.fa_con dl dt a { color:#333;}
.fa_con dl dd { background:url(../images/da.gif) no-repeat left 5px; line-height:22px; padding:0 0 0 30px; overflow:hidden; color:#888; height:63px;}

.new { width:372px; height:357px; overflow:hidden; margin:14px 0 0 14px; display:inline}
.new2 { width:320px; height:250px; margin:14px 35px 0 35px; display:inline} /*ÌÔ±¦ÁªÃËÑùʽ*/
.new h2 { background:url(../images/bardt.gif) no-repeat}
.n_con { padding:14px 16px 0 14px; width:340px; height:305px; overflow:hidden; border:1px solid #a3d4f3; border-top:0;}
.n_con p { width:340px; height:104px;}
.n_con p img { width:336px; height:100px; padding:1px; border:1px solid #c0c0c0}
.n_con ul  { padding:5px 0 0 0; width:340px; overflow:hidden;}
.n_con ul li {  height:31px; line-height:31px; overflow:hidden; padding:0 5px 0 15px; overflow:hidden; color:#888; background:url(../images/dd.gif) no-repeat 3px 15px; border-bottom:1px dashed #e0e0e0}
.n_con ul .nobot { border-bottom:none;}

.dt { width:280px; height:357px; overflow:hidden; margin-top:14px;}
.dt2 { width:250px; height:250px; margin-top:14px;} /*ÌÔ±¦ÁªÃËÑùʽ*/
.dt_con { padding:14px 14px 0; width:250px; height:319px; overflow:hidden; border:1px solid #a3d4f3; border-top:0; padding-top:0px;}
.dt_con p { width:250px; height:103px; padding:8px 0px;}
.dt_con p img { width:246px; height:99px; padding:1px; border:1px solid #c0c0c0}
.dt_con ul { padding:5px 0 0 0; width:250px; overflow:hidden}
.dt_con ul li { height:31px; line-height:31px; border-bottom:1px dashed #e0e0e0; padding:0 0 0 15px; background:url(../images/dd.gif) no-repeat 3px 13px; overflow:hidden;}
.dt_con ul .nobot { border-bottom:none;}

.link { height:136px; overflow:hidden; margin-top:14px;}
.link h2 span { padding:0}
.link h2 span a { font-family:"ËÎÌå"; font-size:12px; font-weight:normal; color:#b9cfe8}
.l_con { line-height:26px; padding:10px 10px; overflow:hidden; border:1px solid #a3d4f3; border-top:0;}
.l_con a { padding:0 12px; color:#333;}

@media (max-width: 800px){
.bd01,.bd01 img,.bd02,.bd02 img,.cp,.about,.a_con,.js_c,#quertionwt,.n_con,.dt_con,.cp_c,#ScollNamery,.jz_c{width:100%!important;}
.js,.new{width:100%!important;float: left;}
.n_con ul,.dt_con ul{width:98%;}
.new{margin:0}
.tel,.tel2{top: 95px;left: 51%;font-size: small;}
.tel span,.tel2 span{font-size: small;}
.a_con dl dt{width:40%;}
.a_con dl dd{width:50%;}
.jz_c dl{width:48%;padding:1%}
.one,.two{left:40%;}
.three,.four{left:1%}
.ys_c img(width:80%)
.a_con ul{width:90%!important;}
.about h2,.js h2,.new h2{background-color: #0573c1;}
.n_con p,.dt_con p,.bannerbg{display: none;}
.img01 img{height:250px;}
.img02 img{height:250px;}
#ScollNamecs{width:90%!important;;}
.jz{height:380px;}
.jz_c dl dt{width:152px;height:132px;}
.jz_c dl dt img{width:150px;height:130px;}
.jz_c dl dd{width:55%;}
.jz_c dl dd p{height:90px;}
.jz_c h3{margin-bottom:0px;}

.kefu{animation: heartbeat 1s infinite;font-weight: bold;position:fixed;width:100%;line-height: 25px;bottom:0%;text-align:center;z-index:99998;color:#fff;right: 0%;max-width: 100%;border:#c0d9f3 solid 1px;background-color:#2069b6;font-size: 1rem;}
.kefu a{color: #fff;margin: 0 auto;background-color:#2069b6;color:#ffeb3b;}
.kefu #tel{text-align: center;padding: 8px 0;}
}

@media (max-width: 600px){
.ys h2{height: 48px;}
.ys h2,.ys h2 span{font-size:17px;}
.cp{height:auto;}
.cp_c{height: 160px;}
.cp_c ul{margin-left:10px;}
.cp_c ul li{width:162px; height:160px;}
.cp_c ul li img{width:158px; height:126px;}
.bb {position:static;}
.yssha,.img02,.jz_c dl dd span{display: none;}
.img01{height: 150px;}
.img01 img{height:150px;display:block;margin:0 auto;}
.ys {height: 926px;}
.one p{width:95%;line-height: 20px;}
.a_con dl dd,.a_con dl dt{width:100%;}
.a_con dl dd{padding-left:0px;}
.a_con{padding: 13px 0 0 0px;}
#ScollNamecs{width:80%!important;}
.about,.a_con,.a_con dl{height:auto;}
.a_con dl dt img{width:70%;height:auto;display:block;margin:0 auto;}
.tel, .tel2{position: absolute;}
.tel2{top: 100px}
.jz_c dl{width:98%;height:90px;}
.jz_c dl dt {width:100px; height:80px;}
.jz_c dl dt img{width:98px; height:78px;}
.jz_c dl dd{padding-left:5px;width:70%;height: 80px;}
.jz_c h3{margin-bottom: 0px;}

}

@media (max-width: 500px){
.one p{width:70%;}
}

@media (max-width: 420px){
.one p{width:65%;}
}