@charset "utf-8";
/* CSS Document */
/*author 定律 */
/*time 2017.6.26 */
/*NO.073*/

html{ min-width:1200px;}
body{ padding:0; margin:0; line-height:180%; font-family:"Microsoft YaHei";font-size: 14px;   }
div,ul,p,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; list-style: none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#cf0e0f;}
img{ border: 0; max-width:100%;}

.clearfix:after { content: " "; display: block; clear: both; height: 0;visibility: hidden; }
.clearfix { zoom: 1;}
.clear{ clear: both;}
input:focus,textarea:focus{ outline:none;}

.bgf1{ background:#f1f1f1;} 

.w1200{ width:1200px; margin:0 auto;position:relative; }

.fl{ float:left;}
.fr{ float:right;}
/*header*/
.top{ background:#F0F0F0;   height:40px; line-height:40px;  }
.top a{  }
.logo{ margin:50px 0;  }
.logo img{   max-width: 100%;    }
.logo + .tel{ background:url(../images/tel.png) left no-repeat; padding-left:70px; font-weight:bold; margin-top:60px; line-height:1.3;  }
.tel b{ font-size:14px; color:#999; display:block;}
.tel span{ display:block; color:#CF0E0F; font-size:24px;}


.nav{ width:100%;  position:relative;  z-index:9999; background:#cf0e0f; height:60px;}
 
.nav ul li{ float: left; height:60px; position:relative;  text-align:center; background:url(../images/nav_line.jpg) right no-repeat; } 
.nav ul li a{ display: block;   font-size: 16px; position: relative;height: 60px;padding:0 30px; line-height:60px; vertical-align:middle; color:#fff;}
.nav ul li:hover,
.nav ul li.curr a{ background: #272727; color:#fff;}
.nav ul li a span{ display: block; font-size: 14px;}
.nav ul li .subnav{ display: none; position:absolute; top:60px; left:0; z-index:9999; background: #272727; }
.nav ul li:hover .subnav{ display:block; width:153px; }
.nav ul li:hover .subnav li{ color:#fff; float:none;height: 40px; background:none;}
.nav ul li:hover .subnav li a{ height: 40px; line-height:40px; font-size: 14px; padding:0 10px }
/*banner*/
.banner{ position:relative; z-index:100;}
.fullSlide{ width:100%;  position:relative;  height:490px;    }
.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:490px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:490px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:12px; margin:1px 5px; overflow:hidden; background:#000;	filter:alpha(opacity=50);opacity:0.5;  line-height:999px; box-shadow:1px 1px 5px #000; }
.fullSlide .hd ul .on{ background:#cf0e0f;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  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:10%; background-position:-6px -137px; }

.search{ height:62px; line-height:62px; vertical-align:middle; background:#F0F0F0; margin-bottom:50px;}
.search .serbox{ padding-top:15px;}
.search .serbox input{ height:30px; line-height:30px; vertical-align:middle; margin-left:-1px; padding:0 5px;}

.main{ width:1200px; margin:20px auto;}
.main .ibt{ text-align:center; margin:30px auto; width:220px; }
.main .ibt h3{ color:#333; font-size:24px; font-weight:normal;}
.main .ibt p{   text-transform:uppercase; color:#666; font-size:16px;   vertical-align:middle;}

.main .left{ width:230px; float:left; }
.main .left h3 img { width:230px; height:170px; }
.main .left .lnav{ background:url(../images/lnavbg.jpg) repeat-y; padding:0 5px;}
.main .left .lul{  background:#fff; padding:10px; }
.main .left .lul li{  background:#ededed url(../images/lico.jpg) 175px center no-repeat; margin-bottom:10px; border-radius:2px;}
.main .left .lul li:last-child{ border-bottom:0; margin-bottom:0;}
.main .left .lul li a{ display:block; color:#C6152F; padding-left:15px; line-height:40px; vertical-align:middle;}
.main .left .lul li a:hover{ background:#C6152F url(../images/lico.jpg) 175px center no-repeat; color:#fff;}
.main .left .lxcon{ background:url(../images/lnavbg.jpg) repeat-y; padding:20px; color:#fff; font-size:22px;}
.main .left .lxcon i{ font-size:26px; margin-right:10px;}

.main .right{ width:940px; float:right; }

.adv{ background: url(../images/advbg.jpg) center no-repeat; margin:30px 0; height:200px;}

.main .workroom{ height:220px;overflow:hidden; }

.bgbox{ padding:20px 0 50px;}

 

.bgbox h3,.inews dl dt{ font-size:18px; padding:0 20px; color:#0075C2; line-height:45px; position:relative; border-bottom:1px #eee solid;}
.bgbox h3 span,.inews dl dt span{ position:absolute; top:0; right:20px;}
.bgbox h3 span a,.inews dl dt span a{ font-size:14px; font-weight:normal; text-transform:uppercase;}
.about .acon{ background:url(../images/aboutbg.jpg) repeat-x; height:230px; width:640px; padding:40px; color:#d6a5a5;}
.bgbox  .about .aimg img{ width:480px; height:310px;}
.bgbox  .about .acon  h4{  line-height:40px; text-align:center; font-size:16px; margin-bottom:10px;  }
.bgbox  .about p{ text-indent:2rem;}
.bgbox  .about .more{ text-align:right; padding-right:20px; }
.bgbox  .about .more a{color:#d6a5a5;}
.bgbox  .about .more a:hover{color:#eee;}

 

.bgbox  .case .about{ margin-top:-10px;}
.bgbox  .case ul li{ line-height:150%;padding:10px 0;}
.bgbox  .case ul li:nth-child(4n){ border-bottom:0;}
.bgbox  .case ul li span{ display:block; width:75px; height:60px; margin-right:10px; }
.bgbox  .case ul li span img{ max-width:75px; height:60px; display:block; margin:0 auto;}
.bgbox  .case ul li p{ text-indent:0;}

.link{ padding:20px 0;}
.link a{ padding:0 10px;}

/*新闻*/
.inews{ }
.inews dl{background:#f1f1f1; float:left; width:386px; margin-right:20px;  border-top:3px solid #de0002; padding-bottom:20px;}
.inews dl.fr{ margin-right:0;}
.inews dl dt{   color:#333;}
.inews dl dd.pic { margin:0;}
.inews dl dd.pic img{ width:386px;}
.inews dl dd{ margin:0 20px; position:relative; line-height:35px; border-bottom:1px #ddd solid;}
.inews dl dd:last-child{ border:0;}
.inews dl dd span{ position:absolute; top:0; right: 0px; color:#999;}

.footer{ background:#272727; padding:20px 0; text-align:center; color:#666;}
.footer a{ color:#666;}
.footer .fnav{ line-height:50px;  border-bottom:1px solid #131313; }
.footer .fnav a{ padding:0 10px;}
.footer .copy{border-top:1px solid #383838; padding-top:20px;}

 
.main .right .rbt{ height:45px; line-height:45px;   color:#fff; background:#cf0e0f; font-weight:normal; padding-left:20px;}
.main .right .rbt a{color:#fff;}
 
.main .right .singlepage{ padding:20px 0;}
.main .right .singlepage p{ text-indent:2rem; margin-bottom:10px;}

/*新闻列表样式*/
.main .news_list{ padding:20px 0;   border-bottom:1px #e7e7e7 solid; position:relative;}
.main .news_list dd{   padding-right:10px;}
.main .news_list dd h4{ font-weight:normal; font-size:16px; line-height:35px;}
.main .news_list dd span{ position:absolute; top:25px; right:10px; font-size:14px;}
.main .news_list dd p{ color:#999; font-size:12px; }
.main .news_list:haver p{ color:#999;}
 

/*图片列表*/
.main .rcon{ padding-top:20px;}
.main .pro_list{  }
.main .pro_list li{ width:210px; float:left; margin:0px 30px 20px 0; text-align:center; position:relative;}
.main .pro_list li .picbox{ display:block;  border:1px #ddd solid; width:208px; height:160px; overflow: hidden; transition: all ease-out .2s}
.main .pro_list li .picbox img{ display:block; margin:0 auto; max-width:198px; height:150px; padding:5px;  }
.main .pro_list li p{ line-height:2;}
.main .pro_list li.mr0{ margin-right:0;}
.main .pro_list li .tbox{ display:none; position:absolute; background:rgba(0,0,0,.5);top:0; left:0; width:170px; height:122px; z-index:999; padding:20px; }
.main .pro_list li:hover .tbox{ display: block; color:#fff; }
.main .pro_list li:hover .tbox i{ font-size:30px; color:#fff; display:block; margin-top:70px; }
.main .pro_list li:hover .picbox{border:1px #cf0e0f solid;}
.main .pro_list li:hover p{ background:#cf0e0f; color:#fff;}
.main .pro_list li:hover .picbox img{ transform:rotate(1.1deg)}

/*暂无内容样式*/
.nonecontent{ margin:50px ;color:#999; padding-top:50px;}
.nonecontent i{ display: block; font-size:100px; height:60px;color:#ccc; }

/*内页样式*/
.nh1{ text-align:center; font-size:20px; font-weight:normal; margin:20px 0 10px;}
.fbt{ text-align:center; border-bottom:1px #eee solid; line-height:40px; font-size:12px; }
.fbt span{ margin:0 10px;}
.fbt span font{ color:red;}

/*分页样式*/
.showpage{ text-align: center; margin:50px 0 20px;}
.showpage ul li{ display: inline ; text-align: center; zoom: 1;}
.showpage ul li a{  margin: 0 5px; border:1px #e6e6e6 solid; padding: 5px 10px;}
.showpage ul li.active a{ color: #fff; background:#cf0e0f;}

.xgbox{ border:1px #eee solid; padding:.5rem; margin-bottom:1rem;}
.xgbox h3{ font-weight:normal; border-bottom:1px #eee solid; line-height:2.5rem; padding-left:.5rem; margin-bottom:.5rem; color:#cf0e0f;}
.xgbox ul.news li{ position:relative;  width:48%; line-height:2rem; border-bottom:1px #eee dotted;}
.xgbox ul.news li span{ position:absolute; top:0; right:0;}

.fy{ margin: 20px 0 ; padding: 20px; border-top:1px #eee solid; }

.bigpic{ padding:20px;}
.bigpic img{ display:block; margin:0 auto; }

/*网站地图*/
.rrs { padding: 10px; }
.rrs h2 { font-size: 16px; color:#0075C2; line-height: 50px; }
.rrs .rrslist li { height: 30px; line-height: 30px; vertical-align: middle; position: relative; border-bottom: 1px #eee solid }
.rrs .rrslist li span { position: absolute; top: 0; right: 10px; }



/*浮动客服*/
#floatDivBoxs { width: 170px; background: #fff; position: fixed; top: 180px; right: 0; z-index: 999999; font-family: "微软雅黑"; }
#floatDivBoxs a { color: #000; }
#floatDivBoxs .floatDtt { width: 100%; height: 45px; line-height: 45px; background: #970602; color: #fff; font-size: 18px; text-indent: 22px; position: relative; }
#floatDivBoxs .floatDqq { padding: 0 14px; }
#floatDivBoxs .floatDqq li { height: 45px; line-height: 45px; font-size: 15px; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 50px; }
#floatDivBoxs .floatDtxt { font-size: 18px; color: #333; padding: 12px 14px; }
#floatDivBoxs .floatDtel { padding: 0 0 15px 10px; text-align: center; font-size: 22px; }
#floatDivBoxs .floatDtel img { display: block; }
#floatDivBoxs .floatDbg { width: 100%; height: 20px; background: url(../images/online_botbg.jpg) no-repeat; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
.floatShadow { background: #fff; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
#rightArrow { width: 50px; height: 45px; background: url(../images/online_arrow.jpg) no-repeat; position: fixed; top: 180px; right: 170px; z-index: 999999; }
#rightArrow a { display: block; height: 45px; }