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

html{color:#000;background:#f5f5f5;}
body{font:14px/1.231 arial,helvetica,clean,sans-serif; overflow-x:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
a{ text-decoration:none;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;font-weight:normal}
h6 { font-size:10px; font-weight:normal}

/* -- 外边距 -- */
.mt10 { margin-top:10px;}
.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr20{ margin-right:20px}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.pb20{ padding-bottom:20px} 
.mb20{margin-bottom:20px}
.mt50{ margin-top:50px}
header,footer,section{margin:0 auto}
header{background:url(../images/top_bg.jpg) repeat-x left top;}
section{margin:0px auto}
/* -- 外边距 -- */

/* -- 页面整体布局 -- */
.header , .footer,.content, .index_case, .advan_con, .construction ,.con{ width:1200px; margin:0 auto; }
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.b_white{ background:white}
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: 0px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/slider-left-arrow.png) no-repeat center center #999!important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: 0px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/slider-right-arrow.png) no-repeat center center #999!important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden;  width: 31px; height: 31px; }
#slideshow { width: 100%; height: 494px; }
    #slideshow ul { display: none; }
.rollBox{width:1200px;overflow:hidden;padding:12px 0 5px 6px;margin:10px auto 50px;}
.rollBox .LeftBotton{height:55px;width:28px;background:url(../images/left_arrow.png) no-repeat left center;overflow:hidden;float:left;display:inline;margin:140px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:55px;width:28px;background:url(../images/right_arrow.png) no-repeat 0px 0;overflow:hidden;float:right;display:inline;margin:140px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1130px;overflow:hidden;margin-left:5px;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:261px; height:320px; border:1px solid #ddd; padding:5px; text-align:center; float:left;margin:0 5px;overflow:hidden}
.rollBox .Cont .pic:hover{border:1px solid #bb1b21;}
.rollBox .Cont .pic h4{text-align:left;font-size:16px;line-height:30px; padding-left:15px; margin-top:10px}
.rollBox .Cont .pic img{display:block;margin:0 auto;width:256px }
.rollBox .Cont .pic p{width:130px;margin-top:20px;display:inline-block; background:#bb1b21;color:#fff;font-size:18px; line-height:40px;}

.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .Cont .pic p a{ color:#fff; font-size:16px;}
/*头部开始*/
.top_bg{ height:249px; overflow:hidden;}
.h_top{ height:35px; line-height:35px; overflow:hidden; color:#999;}
.h_top em{text-align:left;float:left;}
.h_top span{ text-align:right;float:right;display:inline-block;}
.h_top span a{ color:#999; padding:0 10px; height:45px; }
.h_top span i{ display:block; float:left; width:122px; height:40px; padding:5px 0 0; line-height:25px; background:#9e0001; text-align:center;}
.h_top span i a{ border:none; color:#fff;}
.h_top span i img{ display:block; width:8px; height:9px; margin:0 auto;}
.h_con h1{ float:left; padding:15px 18px 0 0;overflow:hidden;height:74px; margin-bottom:25px}

.h_con .h_conm{ float:left;margin-top:25px; font-size:26px; color:#9E0001; font-weight:bold;}
.h_conm span{  display:block; font-size:18px; color:#474954; font-weight:normal; padding:5px 0 0;}
.h_con .phone{ float:right; width:360px; text-align:right; padding:28px 0 0 0; font-size:14px; color:#474954;}
.phone span{ font-size:27px;line-height:60px; color:#d80c0d; font-weight:bold;}
.phone b{ display:block; font-size:18px; color:#d80c0d; padding:0 0 10px;}
.h_con .h_er{ width:86px; float:right; padding:22px 0 0;}
.h_er img{ width:86px; height:86px;}
.h_er span{ display:block; text-align:center; padding:8px 0 0;}
.h_nav{ height:51px; line-height:51px; text-align:center}
.h_nav li{ float:left; background:url(../images/line.jpg) no-repeat right top;}
.h_nav li:last-child{background:none}
.h_nav li a{ font-size:15px; color:#fff; padding:0 71px;display:block; float:left;}
.h_nav li.cur a,.h_nav li a:hover{ background:#464646;}

/*头部结束*/







/*底部开始*/
footer{ height:340px; color:#fff; line-height:28px; background:url(../images/f_bg.gif) repeat-x left top;}
footer a{ color:#fff;}
.f_nav{height:52px;width:900px; margin:0 auto; line-height:52px; text-align:center}
.f_nav li{ float:left; padding:0 25px; color:#fff;}
.f_nav li a{ padding:0 22px; color:#fff;}
.foot_box{ background:rgba(255,255,255,0.5); padding:20px; width:40%;margin-top:40px}
/*底部结束*/