@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; }
body{ font-family:"微软雅黑", "黑体", "宋体"; font-size:12px;}
ul{ list-style:none;}
a{ text-decoration:none; color:#777;}
a:hover{ color:#c8191e;}
.m{ width:1178px; margin:0 auto;}
.hide_m{ display:none; width:1178px; margin:0 auto;}
.ppch .title{ width:125px; margin:0 auto;}
.clear{ clear:both;}
.clearfix { zoom:1; }
.clearfix:after { content:".";display:block;height:0; clear:both; visibility:hidden;}
.clearfixx:after { content:"."; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.red{color:#d71418;}

.head{ width:1178px; height:93px; margin:0 auto;}
.head h1{ width:344px; height:93px; float:left; margin-right:20px; }
.head h1 a{ display:block; width:344px; height:93px; background:url(../images/logo.jpg) no-repeat; text-indent:-9999px; }
.head .nav{ float:right; height:93px; line-height:103px; margin:0 20px; font-size:14px;}
.head .nav li{ float:left; margin-left:10px;  text-align:center;}
.head .nav li a{ margin-right:10px; color:#222}
.head .nav li a:hover{ color:#c8191e}
.head .nav li.hover a{ color:#c8191e}

.head .head_tel{  float:right; margin-top:40px;}
.head .blankborder{ padding:3px 4px; height:auto; background:#c4261d;float:left; color:#fff; margin-right:5px;}
.head .head_tel_phone{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#c4261d; font-weight:bold; margin-top:-3px;}

/* slide */
.slide-main{height:490px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;height:5px;position:absolute;z-index:124;top:200px;right:50px;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:490px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#bgstylec{background:url(../images/banner.jpg) no-repeat top center #000;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:478px;height:148px;margin-left:-500px;top:83px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.qnav{ position:absolute; width:100%; height:160px; background:#000; bottom:0; z-index:99;  filter:alpha(opacity=70);
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7; overflow:hidden;  }
.qnav ul{ width:1178px; height:160px;}
.qnav ul li{ width:235.6px;  float:left;position:relative;}
.qnav ul li a{ text-indent:-9999px;}
.qnav ul li a:hover{}
.qnav ul li a.qnav1{ width:235.6px; height:160px; display:block;  background:url(../images/qnav_bg.png) no-repeat; overflow:hidden  }
.qnav ul li:hover a.qnav1{ background:url(../images/qnav_bg.png) no-repeat 0 -180px; }
.qnav ul li:hover .qnav1_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li:hover a.qnav1{ background:url(../images/qnav_bg.png) no-repeat 0 -180px; }

.qnav ul li.hover .qnav1_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li.hover a.qnav1{ background:url(../images/qnav_bg.png) no-repeat 0 -180px; }


.qnav ul li:hover .qnav2_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li:hover .qnav3_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li:hover .qnav4_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li:hover .qnav5_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}

.qnav ul li.hover .qnav2_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li.hover .qnav3_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li.hover .qnav4_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}
.qnav ul li.hover .qnav5_list{ position:absolute; top:55px; left:84px; width:120px; font-size:15px; line-height:23px; color:#FFF;}

.qnav ul li  a{ color:#FFF;}
/*.qnav ul li .qnav1_list .btn_cpdw{ width:92px; height:18px; display:block; text-indent:-9999px;}
.qnav ul li .qnav1_list .btn_VIS{ width:92px; height:18px; display:block; text-indent:-9999px;}
.qnav ul li .qnav1_list .btn_gdhc{ width:92px; height:18px; display:block; text-indent:-9999px;}
*/
.qnav ul li a.qnav2{ width:235.6px; height:160px; display:block;  background:url(../images/qnav_bg.png) no-repeat -235.6px 0; }
.qnav ul li:hover a.qnav2{ background:url(../images/qnav_bg.png) no-repeat  -235.6px -180px; }
.qnav ul li.hover a.qnav2{ background:url(../images/qnav_bg.png) no-repeat  -235.6px -180px; }
.qnav ul li a.qnav3{ width:235.6px; height:160px; display:block;  background:url(../images/qnav_bg.png) no-repeat -471.2px 0; }
.qnav ul li:hover a.qnav3{ background:url(../images/qnav_bg.png) no-repeat  -471.2px -180px; }
.qnav ul li.hover a.qnav3{ background:url(../images/qnav_bg.png) no-repeat  -471.2px -180px; }
.qnav ul li a.qnav4{ width:235.6px; height:160px; display:block;  background:url(../images/qnav_bg.png) no-repeat -706.8px 0; }
.qnav ul li:hover a.qnav4{ background:url(../images/qnav_bg.png) no-repeat -706.8px -180px; }
.qnav ul li.hover a.qnav4{ background:url(../images/qnav_bg.png) no-repeat -706.8px -180px; }
.qnav ul li a.qnav5{ width:235.6px; height:160px; display:block;  background:url(../images/qnav_bg.png) no-repeat -942.4px 0; }
.qnav ul li:hover a.qnav5{ background:url(../images/qnav_bg.png) no-repeat -942.4px -180px ; }
.qnav ul li.hover a.qnav5{ background:url(../images/qnav_bg.png) no-repeat -942.4px -180px ; }

.index_products{ width:100%; background:#f5f5f5; padding:30px 0;}
.index_products_li{ width:390px; height:305px; background:url(../images/case_li_bg.jpg) no-repeat; float:left; position:relative; margin:6px 0;}
.index_products_li a{ display:block; width:360px; height:270px; margin-top:15px; margin-left:15px; overflow:hidden;}
.index_products_li a img{ width:360px; height:270px;}
.index_products_li .index_products_li_hover{ display:none; position:absolute; width:260px; height:170px; left:15px;  top:15px; background:#c4261d; padding:50px; color:#FFF;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);} 
.index_products_li .index_products_li_hover h3{ font-size:20px; color:#fff; border-bottom:2px solid #fff; padding-bottom:10px; margin-bottom:10px; width:auto}
.index_products_li .index_products_li_hover p{ font-size:14px; line-height:30px;}

.cpdw{ display:none;}
.morecase{  font-size:14px; width:135px; height:35px;margin:30px auto 0; text-align:center; line-height:35px; } 
.morecase a{ color:#FFF; display:block; width:135px; height:35px; background:#c4261d;}
.morecase a:hover{  background:#f42d21;}

.index_news{ width:1382px; overflow:hidden; margin:0 auto;}
.index_news .new_head{ position:relative; margin-bottom:40px; }
.index_news .new_head .tit{ width:174px; height:71px; background:url(../images/new_tit_bg.gif) no-repeat; margin:0 auto; text-indent:-9999px; margin-top:58px;}
.index_news .new_head .more a{ position:absolute; right:0; top:20px; width:54px; height:23px; background:url(../images/more.gif) no-repeat; display:block; text-indent:-9999px;}

.slideTxtBox{  }
.slideTxtBox .hd{ width:42px; margin:40px auto; }
.slideTxtBox .hd .prev,.slideTxtBox .hd .next{ display:block;  width:5px; height:9px; float:left; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.slideTxtBox .hd .next{ background-position:0 -50px;  }
.slideTxtBox .hd .prevStop{ background-position:-60px 0; }
.slideTxtBox .hd .nextStop{ background-position:-60px -50px; }

.slideTxtBox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.slideTxtBox .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -9px no-repeat; }
.slideTxtBox .hd ul li.on{ background-position:0 0; }

.slideTxtBox .hd ul{ float:left;  left:20px; top:-1px; height:32px;   }
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow ul{}
.slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next{ background-position:0 -50px;  }
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
.index_news{ position:relative;}
.index_news .news_bor{ }
.index_news .news_bor dl{ width:438px; float:left; margin:0 10px;}
.index_news .news_bor dl dt{ width:438px; height:160px;}
.index_news .news_bor dl dt a{ display:block; background:url(../images/new_bg.gif) no-repeat; width:384px; height:90px; padding:35px 27px; color:#FFF; line-height:27px;}
.index_news .news_bor dl dt a:hover{ display:block; background:url(../images/new_bg_hover.gif) no-repeat;}
.index_news .news_bor dd{ margin-top:20px;}
.index_news .news_bor dl .picname{ float:left;}
.index_news .news_bor dl .tittime{ float:left; margin-left:10px;}
.index_news .news_bor dl .tittime h3{ font-size:16px;}
.index_news .news_bor dl .tittime .time{ margin-top:5px; color:#767676; background:url(../images/time.gif) no-repeat left center; text-indent:16px; }

.footer{ width:100%; background:#323232; padding:60px 0;}
.footer_l{ width:340px; float:left; margin-right:50px;}
.footer_c{ width:340px; float:left; }
.footer_r{ width:400px; float:right;}
.flogo{ margin-bottom:20px;}
.footer .title{ width:340px; height:23px; background:url(../images/ftitle_bg.png) no-repeat top right; font-size:16px; line-height:16px; color:#fff; margin-bottom:10px;}
.footer .date { color:#FFF;}
.footer .date a{ color:#FFF;}
.footer .date a:hover{ color:#c8191e;}
.footer .date dt,.footer .date dd{ float:left; margin-right:10px; line-height:30px;} 
.footer .date dt{ font-weight:bold;}
.footer .head_tel_phone{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; font-weight:bold;}
.footer li a{color:#FFF;}
.footer li a:hover{ color:#c8191e;}
.footer li{ float:left; margin-right:10px;line-height:30px;}
.h2{ height:35px; line-height:35px; border-bottom:1px solid #ccc; position:relative; margin-bottom:20px;}
.h2_title {}
.h2_title_body{ float:left; font-size:16px; color:#C4261D; font-weight:bold; position:absolute;}
.h2_title_body a{ color:#C4261D;}
.h2_title_more{ height:35px; float:right;}

.list_case{background:#f5f5f5; padding:52px 0 20px;}
.list_case .m{ margin:0px auto 27px; line-height:24px; }

.list_case .tit_l{ float:left;}
.list_case .tit{ border-bottom:2px solid #c4261d; padding-bottom:27px;}

.list_case .snav{ float:right; margin-top:50px;}
.list_case .snav a{ margin-left:20px; font-size:16px; color:#000;}
.list_case .snav a:hover{  color:#c4261d;}
.list_case .snav a.hover{  color:#c4261d;}

.list_case .info{ font-size:14px; line-height:24px; margin:20px 0;}
.products_list{ padding:20px 0;}
.products_list dl{ width:1178px; height:400px; margin-bottom:50px; background:#f5f5f5; }
.products_list dl dt, .products_list dl dd{ float:left;}
.products_list dl dt{ width:730px; height:400px; overflow:hidden;}
.products_list dl dt a{ width:730px; height:400px; display:block; overflow:hidden;}

.products_list dl dt a img{width:730px; }
.products_list dl .ico span ,.products_list dl .url{ display:none;}
.products_list dl dd{ width:448px;position:relative; height:400px;}
.products_list dl dd h2{ margin:50px 0 15px 30px;  width:100%;}
.products_list dl dd h2 a{ color:#000;}
.products_list dl dd h2 a:hover{ color:#c4261d;}
.products_list dl dd .line{ width:120px;border-bottom:2px solid #000; height:3px; display:block; margin-left:30px; margin-bottom:15px;}
.products_list dl dd label{margin-left:30px; font-size:16px;}
.products_list dl dd p{ width:380px;margin-left:30px; margin-top:30px; margin-bottom:40px; line-height:26px; font-size:14px; text-indent:30px;}
.products_list dl dd .ico{ position:absolute; left:30px; bottom:20px;}
.products_list dl dd .ico a{ display:block; width:45px; height:45px; background:#c4261d; line-height:45px; font-size:16px; color: #fff; text-align:center; margin-right:10px; border-radius:10px; float:left;}
.products_list dl dd .ico a:hover{ background:#fa352a}
.products_list dl dd  .more{position:absolute; right:30px; bottom:20px;}

.time{ margin-bottom:30px;}
.time .line{ width:83px; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:10px;}
.time .timedata{ font-size:16px;}
.list_case h2{ font-size:22px; color:#323232; margin:20px 0;}
.list_case p{ font-size:14px; line-height:24px; margin-bottom:10px;}
.list_case p.des{ font-size:14px; line-height:24px; margin-bottom:20px; border-bottom:1px solid #333; padding-bottom:40px;}
.list_case { font-size:14px;}
.show{ margin-bottom:20px;}
.list_case h3{ font-size:16px; color:#323232; margin:20px 0;}
.list_case .sitedown , .list_case .up{ text-align:center; margin:20px 0;}
.list_case .body{ margin:50px 0 20px; font-size:14px; line-height:24px;}
.sitedown{ -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.hide{ display:none;}
.list_case .body h2{ color:#c4261d; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.list_case  h4{ color:#c4261d;}
.gshd_li{ background:#E8E8E8; width:370px; height:300px; position:relative; float:left; margin:0  11px;}
.gshd_li .img{ width:370px; height:220px;}
.gshd_li .img a{ width:370px; height:220px;overflow:hidden; display:block;}
.gshd_li .des{ padding:20px; font-size:14px; line-height:23px;}
.gshd_li .des a{ color:#c4261d;}
.gshd_li .bt{}
.gshd_li .bt a{ color:#fff; font-size:16px; font-weight:bold; background:#323232; width:100%; margin:0 auto; padding:10px 0;position:absolute; bottom:64px; text-indent:20px;}
.gshd_li .bt a:hover{ background:#c4261d;}

.gzxd {}
.gzxd_li{ float:left; width:569px; margin-right:20px; position:relative; height:200px; border-bottom:1px dotted #ccc;}
.gzxd_li .img{ width:184px; height:120px; position:absolute; top:30px; }
.gzxd_li .img a{ display:block; overflow:hidden; width:184px; height:120px; }
.gzxd_li_r{ width:343px; position:absolute; right:0; top:30px;}
.gzxd_li_r .bt{ font-size:18px; }
.gzxd_li_r .bt a{ color:#000;}
.gzxd_li_r .bt a:hover{ color:#c4261d;}
.gzxd_li_r .time{ margin-top:5px; color:#767676; background:url(../images/time.gif) no-repeat left center; text-indent:16px; }
.gzxd_li_r .des{ font-size:14px; line-height:23px;}
.gzxd_li_r .des a{ color:#c4261d;}

.gsxw_l{ width:442px; float:left;}
.gsxw_r{ width:700px; float:right;}
.gsxw_r ul{}
.gsxw_r ul li{ height:30px; line-height:30px; background:#EFEFEF; margin-bottom:10px;}
.gsxw_r ul li a{ color:#000;}
.gsxw_r ul li a span{ display:block; width:30px; height:30px; text-align:center; float:left; background:#C9CACA; margin-right:10px;}
.gsxw_r ul li a:hover span{ background:#c4261d; color:#fff; }
.gsxw_r ul li a:hover{ color:#c4261d; }
.dede_pages{
	margin:20px 0;

}

.dede_pages ul{

	float:left;

	padding:12px 0px 12px 16px;

}

.dede_pages ul li{

	float:left;

	font-family:Tahoma;

	line-height:17px;

	margin-right:6px;

	border:1px solid #E9E9E9;

}

.dede_pages ul li a{

	float:left;

	padding:2px 4px 2px;

	color:#555;

	display:block;

}

.dede_pages ul li a:hover{

	color:#690;

	text-decoration:none;

	padding:2px 4px 2px;

}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

	background-color:#F8F8F8;

	padding:2px 4px 2px;

	font-weight:bold;

}

.dede_pages .pageinfo{

	line-height:21px;

	padding:12px 10px 12px 16px;

	color:#999;

}

.dede_pages .pageinfo strong{

	color:#555;

	font-weight:normal;

	margin:0px 2px;

}

.message{ width:100%; background:#dbdbdb; height:440px; }
.message .m{background:url(../images/messagebg.jpg) no-repeat left center #dbdbdb; height:440px; position:relative;}

.message .lyb{ width:490px; position:absolute; right:0; top:80px;}
.message .lyb h3{ font-size:16px; color:#c4261d;}
.message .lyb input{ width:490px; font-size:14px; color:#666; height:40px; line-height:40px; border:none; margin-top:15px; text-indent:15px;}
.lynr{ width:490px; font-size:14px; color:#666;border:none;  margin-top:15px; height:80px; text-indent:15px; line-height:24px; }
.message .lyb input.tijiao{ background:#c4261d; color:#fff;}