@charset "gb2312";
/* CSS Document */

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #333; line-height:24px;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0}
img,input{border:none;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both; height:0px;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m60{ margin-top:60px;}
.m15{ margin-top:15px;}
.m10{ margin-top:10px;}
.pad{ padding-top:20px;}
.maf{ margin-left:54px;}
.center{ width:1200px; height:auto;}

.top{ width:100%; height:40px; line-height:40px; font-size:12px; min-width:1200px; background:#525252;}
.top font{ float:left; color:#FFF;}
.top p{ float: right; color:#FFF;}
.top p a{ margin:0px 10px; color:#FFF;}
.top p a:hover{ text-decoration:underline;}

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

.nav{ width:100%; background:url(../images/nav_bj.jpg) repeat-x; height:68px; }
.nav .dh{ width:1200px; height:68px;}
.nav .dh li{ width:133px; height:68px; float:left; text-align:center; font-size:15px;}
.nav .dh li a{ display:block; line-height:68px;  color:#FFF;}
.nav .dh li a:hover{ background:#87030e;}
.nav .dh li:hover ul li{display:block;}
.nav .dh li ul li{width:100%; height:40px; line-height:40px;  background:#2f2f2f; position:relative;  z-index:9999; left:0px; top:0px; display:none; text-align:center;  border:none;}
.nav .dh li ul li a{ color:#fff; font-size:14px; line-height:40px; font-weight:normal; }
.nav .dh li ul li a:hover{ background:#87030e;}

.banner{width:100%; height:660px; overflow:hidden;}
.bannerc{width:100%; height:660px; margin:0px auto;}

.bannerc #full-screen-slider { width:100%; height:660px; text-align:left;position:relative;}
.bannerc #slides { display:block; width:100%; height:660px; list-style:none; padding:0; margin:0; position:relative;}
.bannerc #slides li { display:block; width:100%; height:660px; list-style:none; padding:0; margin:0; position:absolute;}
.bannerc #slides li a { display:block; width:100%; height:660px; text-indent:-9999px}
.bannerc #pagination { display:block; list-style:none; position:absolute; left:27%; top:620px; z-index:9900;  padding:0px; margin:0; cursor:pointer;}
.bannerc #pagination li { display:block; list-style:none; width:14px; height:14px; float:left; margin-left:8px; border-radius:50%; background:#333; border:1px solid #fff; }
.bannerc #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px; }
.bannerc #pagination li.current {background:#e90a0a;  transition: all 400ms; border:1px solid #fff;}
.bannerc #slides li:nth-child(1){ background:url(../images/banner01.jpg) center no-repeat; background-size:cover;}
.bannerc #slides li:nth-child(2){ background:url(../images/banner02.jpg) center no-repeat; background-size:cover;}
.bannerc #slides li:nth-child(3){ background:url(../images/banner03.jpg) center no-repeat; background-size:cover;}

.tztg{ width:100%; height:60px; background:#9b9696; line-height:60px;}
.tztg b{ float:left; font-size:26px; color:#000; font-weight:normal;}
.tztg a{ color:#FFF; margin-right:20px; letter-spacing:2px;}
.tztg a:hover{ color:#FFF; text-decoration:underline;}

.wrap{width: 1000px; height:60px; overflow: hidden; margin-left:20px;} 
.wrapFont{transform: translateX(0%); animation: scrols 60s infinite linear;} 
@keyframes scrols{from{transform: translateX(100%);} to{transform: translateX(-100%);} }

.prodc_l{ width:260px; height:auto; background:#F6F6F6; padding-top:20px;}
.prodc_l h3{ text-indent:40px;width:100%; color:#FFF; font-size:16px; overflow:hidden; background:#F22B21 url(../images/menu_hover.png) 20px center no-repeat; line-height:40px; position:relative;}
.prodc_l h3 a{ color:#FFF;}
.prodc_l h3 span{cursor:pointer;display:block;position:absolute;right:0px;top:0px;color:#fff;width:40px;text-align:center;font-size:20px;font-weight:bold; text-indent:0px;}
.prodc_l h3 span:hover{background:#d70800;}
.prodc_l li{ line-height:36px; border-bottom:1px solid #eaeaea; background:url(../images/menu_li_hover.png) 30px center no-repeat; text-indent:50px;}
.prodc_l li a{ display:block;}
.prodc_l li a:hover{ color:#F22B21; font-weight:bold;}
.lxwm{ background:#000; padding:30px 0 0px; overflow:hidden;}
.lxwm h2{ text-align:center; font-size:30px; color:#FFF; }
.lxwm .wihts{ background:#FFF; margin:20px; text-align:center; padding:10px; font-size:18px; line-height:36px; color:#000;}
.lxwm .wihts em{ font-style:normal; font-family:impact; font-size:24px;}

.prodc_r{ background:#EDEDED; width:940px; padding-bottom:20px;}
.prodc_r ul{}
.prodc_r li{ float:left; margin-top:20px; margin-left:20px;}
.prodc_r li img{ width:288px; height:216px;}
.prodc_r li p{ height:40px;width:100%;line-height:40px;font-size:14px; background-color:#CC0E0E; color:#FFF; text-align:center;}

.about{}
.about dt{ float:left; width:730px;}
.atit{ margin-bottom:30px; height:50px;}
.atit .t{ background:url(../images/aboutline.jpg) left no-repeat; padding-left:15px;}
.atit .t h2{ color:#000;}
.atit .t span{ font-size:12px; text-transform:uppercase;}
.atit a{ float:right; line-height:50px;}
.atit a:hover{ color:#CC0E0E;}
.about dt p{ font-size: 15px;line-height: 28px;text-align:  justify;}
.about dt img{ margin-top:20px;}
.about dd{ float:right; width:424px;}

.dzlc{ width:100%; height:157px; background:#cc0e0e; color:#FFF;}
.dzlc_l{text-align:left;line-height:29px;padding-top:60px; width:240px;}
.dzlc_l strong{font-size:40px;}

.dzlc_r{ width:960px;}
.dzlc_r ul li{width:16.6%;float:left;list-style:none;text-align:center;font-size:14px;padding:10px 0px;}
.dzlc_r ul li:hover{background-color:#FF0000;font-weight:bold;}
.dzlc_r ul li img{max-width:90%;padding:10%;}
.dzlc_r ul li a{font-size:14px;color:#FFFFFF;}

.homeTitleBar{margin:60px 0px 20px 0px;color:#000000;}
.about_h2{text-align: center; font-size:38px; font-weight:bold; vertical-align:middle;}
.about_h2 img{vertical-align:middle;}
.about_h2 strong{color:#FF0000;}
.about_line{text-align: center;padding: 3px 0px; margin-top:0px; color:#7f7f7f;}
.about_line i{ color:#FF0000;font-size:18px; line-height:24px; padding:0px 10px; }
.about_p{margin:1px auto 0px;width:80%; text-align: center; font-size:14px;padding:0px; letter-spacing:0px; line-height:1px;  color:#7f7f7f; font-weight:normal;}

.cjcn_list{ width:1260px; margin-top:50px;}
.cjcn_list .cjcn_img{ float:left; width:270px; box-shadow: 00px 5px 20px rgba(0,0,0,.05);text-align:center;padding:20px;}
.cjcn_list .cjcn_img:hover{box-shadow: 00px 5px 20px rgba(0,0,0,.2);}
.cjcn_list .cjcn_img img{width:40%;}
.cjcn_list .cjcn_img  .cjcn_title{font-size:24px;color:#FF0000;padding:20px 0px;float:left;width:100%;	font-weight:bold;}
.cjcn_list .cjcn_img  .cjcn_cont{font-size:14px;color: #999999;text-align:left;line-height:180%;min-height:330px;}

.albg{ height:600px; background:url(../images/alzs_bg.jpg) fixed center no-repeat; width:100%; position:relative;}
.albg .about_line{ margin-top:10px;}
.albg_w{ background:#FFF; width:100%; height:290px; position:absolute; z-index:1; left:0px; top:0px;}

.khal_list{ width:1260px; margin-top:60px;}
.khal_img{padding:7px; min-height: 320px; margin-right:15px; float:left; width:284px;}
.khal_img img{margin-right: auto;margin-left: auto;display: block;max-height:220px;max-width:100%;height: auto;margin-bottom:10px;padding:8px;background-color:#FFFFFF;}
.khal_list .content{ width:100%;height:100%;background:rgba(0,0,0,0.0); text-align:center;color:  #C0C0C0;}
.khal_list .content h3{margin-top:15px;margin-bottom:10px; color:#fff; font-size:16px;}
.khal_list .content .date{color:#FFFFFF; text-align:left; font-size:14px; text-indent:12px;}
.khal_list .content p{line-height:18px; font-size:14px; text-align:left; color:#fff; padding:10px 10px 0px; min-height:70px;}
.khal_list .content:hover{background:}
.ckgd_more{float: right; color:#FF0000;background-color:#FFFFFF;border-radius:5px;padding:3px 20px;}

.anli{ text-align:center; margin-top:60px;}

.marquee{ height:229px;overflow:hidden; margin-bottom:60px;}
.marquee ul{ }
.marquee li{ float:left; width:250px; height:auto; margin-left:20px; text-align:center; border:1px solid #dedede; padding:2px;}
.marquee li div{ margin-bottom:20px;}
.marquee li img{ width:250px; height:188px;}
.marquee li p{ width:100%; line-height:35px;}
.marquee li a{ color:#333;}
.marquee li a:hover p{ color:#c80505; text-decoration:underline;}

.new_l{ width:808px;}
.new_l .nlist{ height:45px;}
.new_l .nlist li{ float:left; width:404px; text-align:center; position:relative; height:45px;}
.new_l .nlist li a{ display:block; font-size:20px; background-color:#e5e5e5; height:45px; line-height:45px; text-decoration:none;}
.new_l .nlist li i{ display:block; position:absolute; background:url(../images/jtImg.png) no-repeat center; width:10px; height:5px; bottom:-5px; left:50%; margin-left:-5px; display:none;}
.new_l .nlist li a:hover{ background-color:#c7000b; color:#fff;}
.new_l .nlist li:hover i{ display:block;}
.new_l .nlist li.cur a{ background-color:#c7000b; color:#fff;}
.new_l .nlist li.cur i{ display:block;}
.new_l .ncont{ margin-left:6px; margin-top:26px;}
.new_l .ncont dl{ overflow:hidden;}
.new_l .ncont dt{ float:left;}
.new_l .ncont dt img{ width:300px; height:145px;}
.new_l .ncont dd{ margin-left:323px; width: 500px}
.new_l .ncont dd h5{ height:16px; line-height:16px; overflow:hidden; white-space:nowrap; padding-top:5px; padding-bottom:9px;}
.new_l .ncont dd h5 a{ font-size:16px; text-decoration:none;}
.new_l .ncont dd p{ font-size:13px; line-height:23px; height:69px; overflow:hidden; margin-bottom:15px;}
.new_l .ncont dd a{ font-size:13px;}
.new_l .ncont ul{ margin-top:20px; width:814px; overflow:hidden;}
.new_l .ncont li{ height:33px; line-height:33px; width:380px; float:left; margin-right:27px;overflow: hidden;}
.new_l .ncont li em{ float:right; font-style:normal;}
.new_l .ncont li a{ padding-left:10px; background:url(../images/dd.png) no-repeat left center; font-size:13px;}
.new_l .ncont li a:hover{ text-decoration:underline;}

.new_r{ width:370px;}
.new_r h5{ height:45px;}
.new_r h5 a{ display:block; height:45px; line-height:45px; text-align:center; background-color:#e5e5e5; font-size:20px; text-decoration:none; font-weight:normal;}
.new_r .quetion{ height:325px; overflow:hidden; margin:20px 10px 0px;}
.new_r .quetion dl{ margin-bottom:20px;}
.new_r .quetion dt{ padding-left:27px; background:url(../images/wenImg.png) no-repeat left center; height:22px; line-height:22px; overflow:hidden;}
.new_r .quetion dt a{ font-size:13px; display:block; height:22px; line-height:22px; overflow:hidden;}
.new_r .quetion dd{ padding-left:27px; background:url(../images/daImg.png) no-repeat left top; margin-top:12px; font-size:13px; color:#000; line-height:23px; height:42px; overflow:hidden;}

.link{ width:100%; height:50px; background:#111; line-height:50px; color:#FFF;}
.link span{ font-size:16px;}
.link a{ color:#FFF; margin-right:10px;}
.link a:hover{ color:#F00; text-decoration:underline;}

.foot{ padding: 30px 0px; background: #333; overflow:hidden;}
.foot_a{ width:262px;}
.foot_a li{height: 41px; margin-top:15px;}
.foot_a li.lis1 input{width:240px;height: 41px;border:1px solid #dfdfdf;padding-left:20px;font-size:14px;color: #b3b3b3;line-height: 43px;margin-right:16px;}
.foot_a li.lis3 input{width:262px;height:41px;background:#c7000b;border:0;text-align: center;color: #fff;font-size:14px;}

.foot_b{ width:378px;}
.foot_b dl{ float:left; margin-left:70px; line-height:25px;}
.foot_b dl dt a{ color:#FFF;}
.foot_b dl dd a{ color:#aeaeae;}
.foot_b dl dd a:hover{ color:#FFF;}
.foot_b dl a:hover{ text-decoration:underline;}

.foot_c{ margin-left:70px; color:#FFF; width: 320px;}
.foot_c img{ margin-bottom:15px;}

.foot_d{ width:124px; color:#aeaeae; font-size:12px; line-height:30px; text-align:center;}

.footer{ background: #333; border-top: 1px solid #5c5c5c; color: #dfdfdf; text-align:center; line-height:60px;}
.footer a{  color: #dfdfdf; margin-right:10px;}
.footer a:hover{ color:#FFF; text-decoration:underline;}

.left{ width:260px; height:auto;}
.left h3{ text-indent:40px;width:100%; color:#FFF; font-size:16px; overflow:hidden; background:#F22B21 url(../images/menu_hover.png) 20px center no-repeat; line-height:40px; position:relative;}
.left h3 a{ color:#FFF;}
.left h3 span{cursor:pointer;display:block;position:absolute;right:0px;top:0px;color:#fff;width:40px;text-align:center;font-size:20px;font-weight:bold; text-indent:0px;}
.left h3 span:hover{background:#d70800;}
.left li{ line-height:36px; border-bottom:1px solid #eaeaea; background:url(../images/menu_li_hover.png) #F6F6F6 30px center no-repeat; text-indent:50px;}
.left li a{ display:block;}
.left li a:hover{ color:#F22B21; font-weight:bold;}
.bgc{ background:#F6F6F6; height:20px;}

.contact h4{line-height:50px; font-size:18px; background:url(../images/d6.gif) left no-repeat;border-bottom:1px solid #cc0001;padding-left: 30px; color:#cc0001;}
.contact .content{padding:5px 0px; margin: 0 5px;}
.contact .content p{ line-height:30px;}
.contact .content p b{ color:#cc0001;}

.right{ width:915px;}
.titleBar{height:auto;overflow:hidden;margin:0px 0px 10px 0px;background:#fff url(../images/titlebg1.jpg) repeat-x left bottom;}
.titleBar h5{float: left;display:inline-block;width:auto;padding:0px;color:#333;margin:0px 0px 0px 0px;font-size:20px;line-height:30px;height:35px;overflow:hidden; font-weight:normal;}
.titleBar span{float: left;display:inline-block;width:auto;color:#cccccc;font-size:16px;padding-right:5px;line-height:30px;text-indent:10px;overflow:hidden;font-family:Arial}

.artid{}
.artid h1{ font-size:28px; color:#333; font-weight:normal; margin-bottom:10px; text-align:center; line-height:60px; height:60px; border-bottom:1px dashed #dedede;}

/*幻灯片区域背景*/
.HS10, .HS15{overflow: hidden;clear: both;}
.HS10{height: 10px;}
.HS15{height: 15px;}
.Hidden{display: none;}
.Clearer{display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.FlLeft{float: left;}
.FlRight{float: right;}

/*↓组图样式↓*/
.HS10, .HS15{overflow: hidden;clear: both;}
.HS10{height: 10px;}
.HS15{height: 5px;}
.Hidden{display: none; width: 510px;height: 290px;overflow: hidden;}
.Clearer{display: block;clear: both;font-size: 1px;line-height: 1px;margin: 0;padding: 0;}
.FlLeft{float: left;}
.FlRight{float: right;}
/*幻灯片区域背景*/
.MainBg{width:510px;}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width:510px;overflow: hidden;position: relative;font-size: 12px;}
#OriginalPic img{display: block;width: 100%;/* height: 253px; */margin-top: -30px;}
/*鼠标手势*/
.CursorL{position: absolute;z-index: 999;width: 50%;height: 290px;color: #FFF;left: 0;cursor: url(../images/CurL.cur), auto;background: url(../images/spacel.png) 20px center no-repeat;}
.CursorR{position: absolute;z-index: 999;width: 50%;height: 290px;color: #FFF;right: 0;cursor: url(../images/CurR.cur), auto;background: url(../images/spacer.png) 200px center no-repeat;}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow: hidden;}
.ThumbPicBorder{width:100%;position: relative;}
.ThumbPicBorder #btnPrev{width: 32px;height: 81px;cursor: pointer;position: absolute;left:0px;top:0px;}
.ThumbPicBorder #btnNext{width: 32px;height: 81px;cursor: pointer;position: absolute;right:0px;top:0px;}
.ThumbPicBorder .pic{width:440px;overflow: hidden;position: relative; margin:auto;}
#ThumbPic img{border: 3px solid #ddd;cursor: pointer;background-color: #ddd;margin: 0 5px 0 0px;width: 100px;height:75px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active{border: 3px solid #cc2c37;}

.tpj{ width:510px;}
.tpj img{ width:510px; height:383px;}

.keyweb{ width:400px;}
.keyweb .detailTitle{ margin-left:10px;}
.detailTitle{border-left:3px solid #666;line-height:35px;font-weight:bold;font-size:16px;text-align: left;background:#f9f9f9; text-indent:10px;}
.detailParameter{padding:10px;word-wrap: break-word;}
.ydcs{background-color: #F3F3F3;color: #800000;float:right;font-size:12px;font-weight:normal;text-align:right; padding-right:20px;}
.detailParameter li{line-height: 24px; padding-bottom: 12px; margin-left:10px;}
.detailUrl a{width:150px;text-align:center;line-height:40px;border:1px solid #333; margin-left:20px;display:block;color:#333;text-decoration: none;}
.detailUrl a:hover{background:#990000;border:1px solid #990000;color:#fff;}

.news_s{}
.news_s li { padding: 0px;border-bottom:1px solid #eee;padding-left:5px;overflow:hidden}
.news_s li span{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#666;display:block;font-size:12px;float:left;overflow:hidden;margin-top:10px}
.news_s li a{line-height:40px;display:block;text-indent:5px;float:left;overflow:hidden;width:70%;height:40px;font-size:14px;}
.news_s li:hover span{background:#990000}
.news_s li .time{width:auto;height:auto;line-height:40px;color:#666;text-align:center;background:none;display:block;font-size:12px;float:right;overflow:hidden;margin-top:0px}
.news_s li:hover .time{background:none}
.news_s li:hover a{ color:#990000;}

.prodc_s{ width:960px;}
.prodc_s li{ float:left; margin-right:18px; margin-top:15px;}
.prodc_s li img{ width:293px; height:220px;}
.prodc_s li p{background-color:#eaeaea;line-height:40px;text-align:center;overflow: hidden;}
.prodc_s li:hover p{ background:#F22B21; color:#FFF;}

.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#cc0000;}

.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #F22B21;padding: 2px 9px;margin: 0 3px;line-height: 20px; color:#F22B21}
.pagess ul li:hover{ background:#F22B21; color:#fff;border: 1px solid #F22B21}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #F22B21;padding: 2px 9px;margin: 0 3px;background:#F22B21;color: #fff; font-weight:bold;}
.pagess ul li.thisclass a {color: #fff; font-weight:bold; }
.pagess ul li a{ display:block;color:#F22B21}
.pagess ul li a:hover {color: #fff;}

/*在线客服*/

.back-top-container { display: block; position: fixed; right: 50px; bottom: 50px; cursor: pointer; z-index: 99999;}
.back-top { opacity: 0.8; width: 32px; height: 32px; z-index:10000000; background: #5f8adb url(../images/xftb.png) center center no-repeat; }
.back-top:hover { opacity: 1; }
.back-top-text { margin-top: 3px; padding-left: 7.5px; width: 32px; border: 1px solid #000; border-radius: 5px; background: #fff; }
  
.back-top:hover {opacity: 1; }
.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }

.yb_bar ul li {width: 180px;  height: 53px;  font: 15px/53px 'Microsoft YaHei';  color: #fff;  text-indent: 54px;  margin-bottom: 1px;  border-radius: 3px; transition: all .5s ease;  overflow: hidden; }
.yb_bar .yb_top {background: #e90a0a url(../images/xftb.png) no-repeat 0 0; }
.yb_bar .yb_phone {background: #e90a0a url(../images/xftb.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ {text-indent: 0;  background: #e90a0a url(../images/xftb.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {  background: #e90a0a url(../images/xftb.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 2px 25px 30px; }
.yb_QQ a { display: block; text-indent: 54px; font-size:15px;  width: 100%;  height: 100%;  color: #fff; }