@charset "gb2312";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
    font-family:"Microsoft YaHei", "微软雅黑";
	background:#fff;
}
/*@media (min-width:1025px) and (max-width:1440px) {*{font-size:12px;}}*/
.fl{ float:left;}
.fr{ float:right;}
.head{ width:100%; height:144px; text-align:center; background:#fff;}
.bottom{width:100%; height:55px;text-align:center; background:#dcdcdc; color:#666; line-height:55px; font-size:14px;}

/*内容开始*/
.bm_bg{width:100%;padding:40px 0; overflow:hidden;}
.bm_main{ width:1200px; margin:0 auto; overflow:hidden;font-size:15px;color:#888;}
.bm_main .titles{ font-size:16px; height:36px; overflow:hidden; font-weight:bold; color:#df2c2c;text-indent: 15px;position: relative;}
.bm_main .titles:before{content:"";position:absolute;width:5px;height:16px;margin-right:3px; top:3px;left:5px; border-left:5px solid #df2c2c;}

.bm_one_bg{background:#fff;}
.bm_one_main .content{  margin-top:5px; line-height:25px;}
.bm_two_bg{background:#f5f5f5;}
.bm_two_main ul{ overflow:hidden;padding:10px; margin-top:10px;}
.bm_two_main ul li { width:160px; height: 140px; background: #fff; padding: 35px 50px; text-align: center; margin-right:40px; float: left;border-radius:5px;-webkit-box-shadow: 0 0 15px 2px #ddd;
    -moz-box-shadow: 0 0 15px 2px #ddd;
    box-shadow: 0 0 15px 2px #ddd;-moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; bottom: 0; position: relative; }
.bm_two_main ul li:hover { position: relative; bottom: 5px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-box-shadow: 0 0 10px 2px #d3d3d3; -moz-box-shadow: 0 0 10px 2px #d3d3d3; box-shadow: 0 0 10px 2px #d3d3d3; }
.bm_two_main ul li:last-child{ margin-right:0;}
.bm_two_main ul li p{line-height:25px;font-size:16px; }
.bm_two_main img { height: 57px; width: auto; }

.bm_three_main ul{ overflow:hidden;padding:10px;}
.bm_three_main ul li { width:130px; height: 120px; background: #fff; padding: 35px 0px; text-align: center; margin-right:20px; float: left;
   -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; bottom: 0; position: relative; }
.bm_three_main ul li:hover { position: relative; bottom: 5px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.bm_three_main ul li:last-child{ margin-right:0;}
.bm_three_main ul li p{line-height:25px;font-size:16px; }
.bm_three_main img { height: 78px; width: auto; }

.bm_four_main ul li {width:200px;padding: 35px 30px;}

.bm_five_main .last_title{ text-align:center; font-size:30px; color:#666; height:40px; line-height:40px;}
.bm_five_main {width:1000px; }
.bm_five_main ul{overflow:hidden;padding:10px;}
.bm_five_main ul li { width:218px; height:210px; background: #fff; padding: 145px 40px 0 40px; text-align: center; margin-right:40px; float: left;
   -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; bottom: 0; position: relative; }
.bm_five_main ul li:hover { position: relative; bottom: 5px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.bm_five_main ul li:last-child{ margin-right:0;}
.bm_five_main ul li p{line-height:25px;font-size:16px; }
.bm_five_main ul li.img_01{ background:url(../images/five_01.jpg) center no-repeat;}
.bm_five_main ul li.img_02{ background:url(../images/five_02.jpg) center no-repeat;}
.bm_five_main ul li.img_03{ background:url(../images/five_03.jpg) center no-repeat;}


.bm_price_btn{ width:280px; height:60px; line-height:60px; margin:0 auto; background:#22c959; color:#fff; border-radius:5px; text-align:center; margin-bottom:60px; font-size:15px; position:relative;}
.bm_price_btn i{ font-style:normal; font-size:35px; font-weight:bold; position:absolute; top:0;}
/*浮动QQ客服*/
#floatDivBoxs{width:146px;position:fixed;bottom:0px;/*top:370px;*/left:-175px;z-index:10085;}
#floatDivBoxs .floatDtt{width:100%;height:154px; background: url(/images/online_topbg.png) no-repeat;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{    margin: 0 15px 0px 16px;background-color: #af0000;padding: 2px 0px 5px 0px;}
#floatDivBoxs .floatDqq li{height:35px; padding: 0px 5px; font-weight:bold;}
#floatDivBoxs .floatDqq li a{ text-align:center; color:#af0000;text-decoration:none;outline:none; padding:4px; background:#fff; font-size:14px; display:block; width:95px; line-height: 20px;    border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;    box-shadow: 1px 1px rgba(0,0,0,0.25);}
#floatDivBoxs .floatDqq li a:hover{ background:#fff; color:#000;}
#floatDivBoxs .floatDbg{width:100%;height:61px;background:url(/images/online_botbg.png) no-repeat;}
#rightArrow{width:25px;height:25px;background:url(/images/online_arrow.png) no-repeat;position:fixed;bottom:300px;left:-146px;z-index:10085;}
#rightArrow a{display:block;height:25px;}
.left_div{ background:url(/images/left_div.png) no-repeat; width: 34px; height: 173px;  position: fixed;bottom:60px;/*top:560px;*/left: 0px;z-index: 10085;}


.pro-shield-banner {
    background: url(../images/banner_yxd_bj.jpg) center top / 100% 100% no-repeat rgb(20, 33, 86); width:100%; margin-top:-5px;float:left;
}
 .pro-banner {
    height: 28.625rem;
    overflow: hidden;
}
 .pro-shield-banner .container {
    background: url(../images/banner_yxd_qj.png) right center no-repeat;
}
 .container {
    width: 1200px;
    margin: 0px auto;
}
  .pro-banner .container {
    height: 26.375rem;
    margin-top: 2.25rem;
    overflow: hidden;
}
  .container .banner-box {
    margin: 4.25rem auto 0px;
}
  .banner-box .wz-animate {
    animation-fill-mode: both;
    animation-duration: 1.2s;
    animation-name: fadeInUp;
}
  .banner-box .wz-animate h1 {
    font-size: 3.125rem;
    line-height: 5rem;
    color: rgb(255, 255, 255);
}
  .banner-box .wz-animate h2 {
    font-size: 2.125rem;
    line-height: 3.75rem;
    color: rgb(255, 255, 255);
}
  .banner-box .wz-animate p {
    margin-top: 1.5rem;
    width: 45.625rem;
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: rgba(255, 255, 255, 0.6);
}




