.hv a:hover { text-decoration: none; color: #003a8a; -webkit-transition: all .5s; transition: all .5s; }
.inn { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.oh { overflow: hidden; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma30 { margin: 30px auto; }
.ma50 { margin: 50px auto; }
.mb50 { margin-bottom: 50px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.pb50 { padding-bottom: 50px; }
.pb40 { padding-bottom: 40px; }
.pb30 { padding-bottom: 30px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pt50 { padding-top: 50px; }
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pa15 { padding: 15px 0; }
.pa20 { padding: 20px 0; }
.pa30 { padding: 30px 0; }
.pa50 { padding: 50px 0; }
.inn { width: 1200px; margin-right: auto; margin-left: auto; }
.clear { clear: both; height: 0; margin: 0; overflow: hidden; }
body, html { font-family: "arial", "Microsoft Yahei"; font-size: 14px; line-height: 2; }
p, ol, ul, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
a { color: #333; }
a:hover, a:focus { text-decoration: none; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
.container { padding-left: 0; padding-right: 0; width: 1200px; }

/*top*/
.top{background-color: #a40001;color: #fff;font-size: 13px;line-height: 2.5;}
.logo a { width: 80px; height: 0; display: block; padding-top: 80px; margin-right: 20px; text-indent: 99999px; overflow: hidden; }
.biaoti b{font-size: 24px;font-weight: bold;display: block;line-height: 1.5;}
.biaoti span{display: block;font-size: 14px;line-height: 1.5;}
.ewm{margin-left: 15px;}
.tell{margin-top: 10px;}
.tell img{float: left;}
.tell span{float: left; margin-left: 10px;}
.tell span i{font-style: normal;font-size: 16px;font-weight: normal;display: block;line-height: 1.5;font-weight: bold;}
.tell span b{display: block;font-size: 16px;line-height: 1.5;font-weight: bold;}
/*menu*/
.menu_bg{border-top: 1px solid #ccc;}
.menu > li { position: relative; float: left; line-height: 3; }
.menu  li a { color: #333; display: block; white-space: nowrap; }
.menu > li > a { padding: 0 45px; font-weight: bold;}
.menu > li:hover > a{color: #fff;background-color: #a40001;}
.menu_drop { min-width: 100%; position: absolute; left: 0; text-align: center; background-color: #a40001; z-index: 99; display: none; }
.menu_drop li a { padding: 0 5px; color: #fff;}
.menu_drop li:hover a { background-color: #fff; color: #a40001; }

/* banner */
.slideCon.slideBox{height: 600px;}
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.slideBox .hd{position: absolute;left: 0;width: 100%;bottom: 10px;}
.slideBox .hd ul{  zoom:1;text-align: center;width: 100%; }
.slideBox .hd ul li{  margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:rgba(255,255,255,.8); box-shadow: 1px 1px 1px rgba(0,0,0,.8) inset; cursor:pointer;  display: inline-block;border-radius: 50%;line-height: 50;overflow: hidden;margin: 0 10px;}
.slideBox .hd ul li.on{ background:#a40001; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; height:600px;}
.slideBox .bd img{ width:100%; height:600px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.8;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:.3;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*sea*/
.sea_bg{background: url(../images/sea.jpg) no-repeat center;padding-top: 30px;padding-bottom: 30px;}
.sea_left{color: #fff;width: 660px;}
.sea_left p{font-size: 18px;}
.sea_left strong{font-size: 23px;}
.sea{color: #333;background-color: #c9c9c9;margin-top: 15px;border-radius: 30px;padding-left: 10px;}
.sea input{
    outline: 0;
}
.sea .sousuob{float: right;border-radius: 30px;width: 100px;height: 30px;line-height: 30px;border: 0;background-color: #a40001;color: #fff;}
.sea .sousuoa{padding-left: 10px;height: 30px;float: left;background: none;border: 0;line-height: 30px;}
/*title*/
.title{color: #838383;}
.title strong{font-size: 24px;display: block;background: url(../images/icon_t.png) repeat-x center;line-height: 1.5;por}
.title strong em{font-style: normal;color: #a40001;background: #fff;padding: 0 80px;position: relative;}
.title strong em:before,.title strong em:after{position: absolute;display: block;width: 8px;height: 8px;content:'';border-radius: 50%;background-color: #a0a0a0;top: 50%;margin-top: -4px;}
.title strong em:before{left: 0;}
.title strong em:after{right: 0;}
.title i{font-style: normal;text-transform: uppercase;font-size: 12px;}

/*products*/
.pro_left{float: left;width: 255px;border: 1px solid #a40001;background-color: #a40001;color: #fff;text-align: center;}
.pro_left strong{display: block;text-align: center;font-size: 20px;margin-top: 15px;}
.pro_left p{font-size: 14px;font-family: arial;text-align: left;padding:16px 15px 20px 20px;}
.pro_left i{display: block;width: 35px;height: 4px;background-color: #e62129;margin: 10px auto;}
.pro_left a{color: #fff;}
.pro_left b{display: block;color: #fff;}
.pro_left ul{margin-top: 15px;background-color: #fff;padding-top: 10px;padding-bottom: 10px;}
.pro_left li{width: 200px;height: 45px;line-height: 45px;margin: 0 auto;margin-bottom: 7px;text-align: center;}
.pro_left li a{color: #333;position: relative;display: block;}
.pro_left li a:after{position: absolute;display: block;content:'';width: 10px;height: 2px;background-color: #fff;right: 10px;top: 50%;margin-top: -1px;}
.pro_left li:hover a,.pro_left li.on a{display: block;background-color: #a40001;color: #fff;border-left: 5px solid #e62129;}
.pro_left img{display: block;margin: 0 auto;margin-top: 10px;}
.pro_left b{font-size: 26px;line-height: 1.5;}
.pro_home_title{background-color: #eeeeee;border-left: 13px solid #a40001;line-height: 55px;padding-right: 15px;padding-left: 15px;margin-bottom: 25px;}
.pro_home_title strong{font-size: 18px;font-weight: normal;}
.pro_home_title em{font-style: normal;text-transform: uppercase;color: #787878;font-size: 16px;}
.pro_home_title a{float: right;display: block;width: 30px;height: 30px;background: url(../images/more.png) no-repeat center;margin-top: 12px;}
.pro_right{float: right;width: 905px;}
.pro_right li{float: left;background-color: #eeeeee;border: 5px solid #eee;margin-bottom: 25px;width: 218.5px;margin-right: 10px;margin-bottom: 20px;}
.pro_right li:nth-of-type(4n){margin-right: 0;}    
.pro_right li:hover{background-color: #a40001;border-color: #a40001;}
.pro_right li:hover a{color: #fff;}
.pro_right li img{width: 100%;height: 155px;}
.pro_right li p{padding: 5px 20px;text-align: center;margin-top: 5px;white-space: nowrap; height: 38px; overflow: hidden;}

/*abouts*/
.abouts_bg{background: url(../images/abouts_bg.jpg) no-repeat center;padding-top: 110px;padding-bottom: 30px;}
.abouts_con{float: right;width: 720px;background: url(../images/abouts.png);padding: 20px 50px;}
.abouts_con strong{font-size: 36px;font-family: arial;text-transform: uppercase;display: block;}
.abouts_con strong em{color: #a40001;font-style: normal;}
.abouts_con span em{font-style: normal;font-size: 24px;margin-bottom: 10px;margin-right: 10px;}
.abouts_con p{margin-bottom: 30px;}
.abouts_con i{width: 50px;height: 4px;background: #a40001;display: block;margin: 30px 0;}
.abouts_con ul li{float: left;width: 60px;text-align: center;margin-right: 40px;}
.abouts_con ul li a{display: block;}
.abouts_con ul li span{width: 50px;height: 50px;display: block;margin: 0 auto;margin-bottom: 10px;}
.abouts_con ul li b{font-style: normal;font-weight: normal;color: #333;}
.abouts_b li.aba span{background: url(../images/aba.png) no-repeat center;}
.abouts_b li.abb span{background: url(../images/abb.png) no-repeat center;}
.abouts_b li.abc span{background: url(../images/abc.png) no-repeat center;}
.abouts_b li.abd span{background: url(../images/abd.png) no-repeat center;}
.abouts_b li.aba:hover span{background: url(../images/abah.png) no-repeat center;}
.abouts_b li.abb:hover span{background: url(../images/abbh.png) no-repeat center;}
.abouts_b li.abc:hover span{background: url(../images/abch.png) no-repeat center;}
.abouts_b li.abd:hover span{background: url(../images/abdh.png) no-repeat center;}

/*services*/
.ser_title li span{display: block;width: 145px;height: 145px;border: 2px solid #e0e0e0;margin: 5px auto;transition: all .5s linear;border-radius: 50%;}
.ser_title li a{ transition: all .5s linear; }
.ser_title li{float: left;width: 20%;text-align: center;padding-bottom: 10px;}
.ser_title li p{min-height: 50px;width: 80%;margin: 0 auto;color: #333;}
.ser_title li.gzsb{margin-left: auto;}
.ser_title li.more{margin-right: 0;}
.ser_title li.sera span{background: url(../images/sera.jpg) no-repeat center;}
.ser_title li.serb span{background: url(../images/serb.jpg) no-repeat center;}
.ser_title li.serc span{background: url(../images/serc.jpg) no-repeat center;}
.ser_title li.serd span{background: url(../images/serd.jpg) no-repeat center;}
.ser_title li.sere span{background: url(../images/sere.jpg) no-repeat center;}
.ser_title li:hover strong{color: #a40001;}
.ser_title li:hover span{border-color: #a40001;}
.ser_title li.sera:hover span{background: url(../images/serah.jpg) no-repeat center;}
.ser_title li.serb:hover span{background: url(../images/serbh.jpg) no-repeat center;}
.ser_title li.serc:hover span{background: url(../images/serch.jpg) no-repeat center;}
.ser_title li.serd:hover span{background: url(../images/serdh.jpg) no-repeat center;}
.ser_title li.sere:hover span{background: url(../images/sereh.jpg) no-repeat center;}

/*case*/
.case_bg{background: #eeeeee;padding-top: 30px;}
.case_bg .title em{background-color: #eeeeee;}
.case_li li{float: left;width: 49%;background-color: #fff;margin-bottom: 20px;padding: 5px;}
.case_li li.odd{float: right;}
.case_li li img{float: left;width: 260px;height: 200px; margin-right: 20px;}
.case_li li strong{display: block;margin-bottom: 10px;margin-top: 10px;}
.case_li li p{height: 60px;overflow: hidden;margin-bottom: 10px;}
.case_li li a.more{background-color: #757575;width: 70px;height: 35px;line-height: 35px;text-align: center;font-weight: bold;color: #fff;border-radius: 15px;padding: 5px 20px;text-transform: uppercase;}
.case_li li:hover a.more{color: #fff;background-color: #a40001;}

/*news*/
.news_left{width: 48%;float: left;background-color: #eeeeee;border-radius: 10px;box-shadow: 10px 10px 15px rgba(0,0,0,.1);padding:30px 20px;}
.news_right{width: 48%;float: right;}
.news_right li{border-bottom: 1px solid #ededed;padding-bottom: 10px;margin-bottom: 10px;}
.news_right li span{float: right;}
.news_right li div a{font-weight: bold;}
.news_right li p{font-size: 12px;color: #777;}
.news_right li:hover a{color: #a40001;}

/* 焦点图 */
.focusBox { float:left; position: relative; width: 100%;  margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left;}
.focusBox .pic img { width: 260px; height: 220px; display: block;float: left;margin-right: 20px; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 45px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 45px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:45px; line-height:45px; position:absolute; bottom:-45px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px; font-weight: normal; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 0px; right: 0px; }
.focusBox .num li{ float: left; position: relative; width: 8px; height: 8px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer;border-radius: 50%; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background-color: #827c77;}
.focusBox .num li.on a,.focusBox .num a:hover{ background:#a40001;  }
.focusBox li a.more{text-transform: uppercase;}
.focusBox li:hover a{color: #a40001;}

/*foot*/
.foot_bg{background-color: #a40001;color: #fff;border-bottom: 1px solid rgba(255,255,255,.2);padding: 10px 0;}
.foot_bg a{color: #fff;}
.foot_a{text-align: center;line-height: 3;}
.foot_a li{display: inline-block;}
.foot_a a{color: #fff;padding: 0 45px;}
.foot_m{border-top: 1px solid #bf0001;margin-top: 15px;}
.foot_b{margin-top: 10px;}
.foot_c{float: right; margin-top: 10px;}

.cont{line-height: 30px;margin-top: 15px;}
.search{width: 500px;}
.con{width: 900px;float: right;}
.con_title span{font-size: 24px;display: block;}
.con_title i{width: 50px;height: 4px;background:#a40001;display: block;margin: 20px 0;}
.my-4{
    margin-top: 30px;
    margin-bottom: 30px;
}
.cont{
    margin-bottom: 15px;
}
.pro_list p{
 padding: 15px;
 background-color: #a40001;
 color: #fff;
}
.link_line{
    width: 100%;
    height: 1px;
    background-color: #bf0001;
}
.img-fluid{
    max-width: 100%;
}
.content_title{
    background: #eee;
    border-left: 10px solid #a40001;
    margin-bottom: 10px;
}
.content_title h2{
    line-height: 55px;
    margin-left: 10px;
    font-size: 18px;
}
.side dl dt a{
    position: relative;
    display: block;
    padding-left: 15px;
}
.side dl dt a:before{
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #333;
    content:'';
}
.side dl dt{
    border-left: 4px solid transparent;
}
.side dl dt:hover{
    background-color: #a40001;
    border-left-color: #e62129;
}
.side dl dt:hover a{
    color: #fff;
}
.side dl dt:hover a:before{
    background-color: #fff;
}