@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.abs{position:absolute;}
.rel{position:relative;}


/*header*/
.top_bg{min-width: 1200px; background: #f3f3f3;}
.top{width: 1200px; height: 35px; line-height: 35px; color: #333; font-size: 14px; margin: 0 auto;}
.tel{float: right; height: 35px; padding-left: 22px; background: url(../images/tel.jpg) no-repeat left center;}
.tel span{font-size: 20px; font-weight: bold;}
.header{width: 1200px; margin: 0 auto;}
.logo{float: left; width: 462px;}
.search_part{float: right; width: 350px; padding-top: 31px;}
.search{float: left; width: 280px; padding-left: 9px; height: 34px; line-height: 34px; border: solid 1px #dbdbdb; border-right: none; color: #cecece; font-size: 14px;}
input.search::-webkit-input-placeholder{color:#cecece;}
input.search:-moz-placeholder{color:#cecece;}
.search_btn{float: left; width: 60px; height: 36px;}
.hot_ss{padding: 0 10px; color: #333; line-height: 30px;}
.hot_ss a{color: #333; padding-right: 10px;}

.nav_bg{min-width: 1200px; background: #0262ac;}
.nav{width: 1152px; height: 50px; margin: 0 auto;}
.nav li{float: left; width: 144px; line-height: 50px; text-align: center; font-size: 16px;}
.nav a{color: #fff; display: block;}
.nav a:hover{background: #c1333f;}
.nav .nav_on a{background: #c1333f;}

/* banner */
.flexslider{min-width:1200px;position:relative;overflow:hidden; margin: 0 auto;}
.slides{position:relative;z-index:1;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:23px;height:23px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:23px;height:23px;line-height:80px;overflow:hidden;background: url(../images/b_01.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background: url(../images/b_02.png) no-repeat;}


/*mainbody*/
.about_bg{min-width: 1200px; background: #f3f3f3; padding: 52px 0 40px 0;}
.about_part{width: 1200px; margin: 0 auto;}
.about{float: left; width: 555px; padding-right: 16px; height: 184px; line-height: 26px; border-bottom: solid 1px #cfcfcf; color: #666; font-size: 15px;}
.about h4{color: #333; font-size: 18px; font-weight: normal; text-transform: uppercase; margin-bottom: 17px;}
.about h4 span{font-size: 14px; font-family: arial;}
.about p{height: 78px; overflow: hidden;}
.about_more{width: 62px; background: url(../images/about_icon.jpg) no-repeat right center; text-transform: uppercase; font-size: 14px; margin-top: 12px;}
.about_more a{color: #666;}

.fzlc{float: right; width: 242px; height: 137px; padding: 40px 0 0 25px; background: #0257b2; margin: 9px 0 0 14px; color: #fff; text-transform: uppercase;}
.fzlc h4{font-size: 24px; font-weight: normal; line-height: 32px; margin-bottom: 20px;}
.fzlc a{color: #fff; font-size: 14px;}

.honor{float: right; width: 242px; height: 137px; padding: 40px 0 0 25px; background: #be2e44; margin: 9px 0 0 14px; color: #fff; text-transform: uppercase;}
.honor h4{font-size: 24px; font-weight: normal; line-height: 32px; margin-bottom: 20px;}
.honor a{color: #fff; font-size: 14px;}

.ser_part{width: 1200px; padding: 37px 0 50px 0; margin: 0 auto;}
.ser_title{width: 100%; text-align: center; line-height: 32px; font-family: arial; color: #333; font-size: 14px; text-transform: uppercase; margin-bottom: 28px;}
.ser_title h4{line-height: 50px; padding-bottom: 10px; color: #0262ac; font-size: 24px; font-family: "微软雅黑"; background: url(../images/ser_tbg.png) no-repeat center bottom;}
.blk_29 {width: 1200px; height: 665px; overflow: hidden; position: relative;}
.blk_29 .LeftBotton {width: 35px; height: 35px; background: url(../images/ser_left.jpg) no-repeat; position: absolute; left: 492px; bottom: 0; cursor: pointer;}
.blk_29 .RightBotton {width: 35px; height: 35px; background: url(../images/ser_right.jpg) no-repeat; position: absolute; right: 492px; bottom: 0; cursor: pointer;}
.blk_29 .Cont {width: 1200px; height: 620px; overflow: hidden;}
.ser{width: 1200px; height: 620px; margin-right: 43px; overflow: hidden;}
.ser ul{width: 1244px;}
.ser li{float: left; width: 268px; text-align: center; height: 210px; padding-top: 58px; background: #f3f3f3; color: #333; font-size: 16px; line-height: 30px; margin: 0 43px 42px 0; display: inline; position: relative;}
.ser img{width: 70px; height: 70px; margin-bottom: 4px;}
.ser a{color: #333;}
.ser_blue{width: 268px; height: 236px; padding-top: 32px; background: url(../images/ser_more.jpg) no-repeat center bottom #0262ac; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; display: none;}
.ser li:hover .ser_blue{display: block;}
.ser_fon{width: 222px; text-align: left; height: 168px; line-height: 28px; color: #fff; font-size: 16px; margin: 0 auto; overflow: hidden;}
.ser_more{width: 120px; height: 35px; line-height: 35px; text-align: center; background: #0262ac; font-size: 14px; position: absolute; left: 540px; bottom: 0;}
.ser_more a{color: #fff;}

.adva_bg{min-width: 1200px; padding: 27px 0 40px 0; margin-bottom: 37px;}
.adva_t{width:1200px; height:35px; overflow: hidden; margin: 0 auto;}
.adva_t ul{width: 1204px;}
.adva_t li{float:left; width:168px; height:35px; line-height:35px; text-align:center; cursor:pointer; color:#fff; font-size:16px; background: #0262ac; margin-right: 4px; display: inline;}
.adva_t li.adva_ton{color:#fff; background: #c1333f; position:relative;}
.adva_k{padding:44px 0;}
.adva_fon{width: 1020px; text-align: center; line-height: 28px; color: #333; font-size: 16px; margin: 0 auto;}
.adva_more{
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  background: #333;
  margin: 0 auto;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.adva_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#0262ac;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.adva_more:hover, .adva_more:focus, .adva_more:active {
  color:#fff;
}
.adva_more:hover:before, .adva_more:focus:before, .adva_more:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.adva_more a{color: #fff;}

.case_part{width: 1200px; margin: 0 auto 20px;}
.case_t{width:1198px; text-align: center; line-height: 40px; height:40px; border: solid 1px #ececec; font-weight: bold; overflow: hidden;}
.case_t a{padding: 0 30px; display: inline-block; margin: 0 -15px;}
.case_t .case_ton{color:#fff; background: url(../images/case_tbg.png) no-repeat center top; background-size: 100% 100%; position:relative;}
.case_k{padding-top:30px;}
.case{width: 1192px; margin: 0 auto;}
.case li{float: left; width: 284px; margin: 0 7px 25px 7px;}
.case_pic{width: 284px; height: 322px; overflow: hidden; margin-bottom: 8px;}
.case_pic img{width:284px; height:322px; transition:all 0.4s; -webkit-transition:all 0.4s; margin-bottom: 10px;}
.case_pic img:hover{transform:scale(1.2); -webkit-transform:scale(1.2);}
.case_fon{color: #666; font-size: 14px; line-height: 26px; padding: 0 8px;}
.case_fon h4{
  color: #333;width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;}
.case_fon p{
  width:278px;
  line-height:30px;}

.message_bg{min-width: 1200px; background: #f3f3f3; padding: 37px 0 22px 0;}
.message{width: 1200px; margin: 0 auto;}
.message li{padding: 19px 0;}
.mes{float: left; width: 190px; padding-right: 5px; height: 35px; line-height: 35px; text-align: right; color: #333; font-size: 16px;}
.name{float: left; width: 340px; height: 35px; line-height: 35px; padding-left: 10px; border: none; background: #fff; color: #333;}
input.name::-webkit-input-placeholder{color:#333;}
input.name:-moz-placeholder{color:#333;}
.add{float: left; width: 882px; height: 75px; line-height: 24px; padding: 5px 0 0 10px; border: none; background: #fff; color: #333;}
input.add::-webkit-input-placeholder{color:#333;}
input.add:-moz-placeholder{color:#333;}
.btn_tj{width: 120px; height: 30px; background: #0262ac; border: none; color: #fff; font-family: "微软雅黑"; font-size: 16px; margin: 0 25px; cursor: pointer;}


/*footer*/
.foot_bg{min-width: 1200px; background: #004f8c; padding: 33px 0 43px 0;}
.foot{width: 1200px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; margin: 0 auto;}
.foot a{color: #fff; padding: 0 16px;}
.copyright{width: 1200px; text-align: center; line-height: 32px; color: #fff; font-size: 16px; margin: 0 auto;}


/*product*/
.path_bg{min-width: 1200px; background: #f3f3f3; margin-bottom: 45px;}
.path{width: 1200px; height: 35px; line-height: 35px; color: #333; font-size: 14px; margin: 0 auto;}
.path img{float: left; width: 17px; height: 17px; margin: 9px 14px 0 6px;}
.path a{color: #333;}

.main{width: 1200px; min-height: 300px; _height:300px; margin: 0 auto 110px;}
.left{float: left; width: 260px;}
.right{float: right; width: 910px;}
.pro_bg{background: #f3f3f3; padding-bottom: 25px; margin-bottom: 38px;}
.pro_tit{width: 208px; height: 73px; line-height: 73px; border-bottom: solid 1px #e5e5e5; color: #333; font-size: 20px; margin: 0 auto;}
.pro_list{width: 208px; margin: 0 auto;}
.pro_list li{height: 54px; line-height: 54px; padding-left: 15px; border-bottom: solid 1px #e5e5e5; background: url(../images/pro_icom.jpg) no-repeat left center; font-size: 14px;}
.pro_list a{color: #333;}

.con_tit{border-bottom: solid 1px #e5e5e5; padding: 0 0 16px 9px; line-height: 18px; color: #333; font-size: 14px; margin-bottom: 16px;}
.con_tit img{float: left; width: 41px; height: 33px; margin: 3px 12px 0 0;}
.con_tit h4{font-size: 24px; font-weight: normal; line-height: 22px;}
.con{padding: 0 10px; line-height: 25px; color: #333; font-size: 14px; margin-bottom: 22px;}
.con p{padding-bottom: 10px;}

.cer_bg{width: 260px; height: 148px; padding-top: 10px; background: url(../images/cer_bg.jpg) no-repeat;}
.cer_tit{width: 230px; height: 41px; line-height: 32px; border-bottom: solid 1px #82badb; color: #fff; font-size: 16px; font-weight: bold; margin: 0 auto 18px;}
.cer_tit img{float: left; width: 28px; height: 30px; margin-right: 5px;}
.cer{width: 237px; padding-bottom: 15px; margin: 0 auto;}
.zsh{float: left; width: 160px; height: 27px; line-height: 27px; padding-left: 8px; border: none; background: #fff; color: #a1a1a1; font-size: 14px;}
input.zsh::-webkit-input-placeholder{color:#a1a1a1;}
input.zsh:-moz-placeholder{color:#a1a1a1;}
.btn_cx{float: right; width: 57px; height: 27px; border: none; background: #c1333f; color: #fff; font-size: 14px; cursor: pointer;}

.pro{width: 910px; overflow: hidden;}
.pro ul{width: 924px;}
.pro li{float: left; width: 294px; margin: 0 14px 20px 0; display: inline;}
.pro_pic{width: 284px; height: 322px; overflow: hidden; margin-bottom: 8px;}
.pro_pic img{width:284px; height:322px; transition:all 0.4s; -webkit-transition:all 0.4s; margin-bottom: 10px;}
.pro_pic img:hover{transform:scale(1.2); -webkit-transform:scale(1.2);}

.page{width: 100%; text-align: center; padding-top: 54px; font-size: 15px;}
.page a{border: solid 1px #ddd; background: #eee; padding: 0 5px; line-height: 23px; display: inline-block; color: #3c3c3c; margin: 0 3px;}
.page a:hover{border: solid 1px #004f8c; background: #004f8c; color: #fff;}
.page span a{width: 58px; text-align: center; display: inline-block; line-height: 23px;}

#page{width: 100%; text-align: center; padding-top: 54px; font-size: 15px;}
#page a{border: solid 1px #ddd; background: #eee; padding: 0 5px; line-height: 23px; display: inline-block; color: #3c3c3c; margin: 0 3px;}
#page a:hover{border: solid 1px #004f8c; background: #004f8c; color: #fff;}
#page span a{width: 58px; text-align: center; display: inline-block; line-height: 23px;}


/*二级页*/
.clearfix::after{
  content: "";
  clear: both;
  display: block;
  height: 0;
}
.m_news{
  padding: 10px 0 40px;
}
.m_news li{
  border-bottom: solid 1px #ececec;
  padding: 30px 0;
}
.m_news_con{
  width: 590px;
  padding:27px 0 0 ;
}
.m_news_con a{
  display: block;
  color: #666;
  font-size: 16px;
}
.m_news_con span{
  color: #666666;
  background: url(../images/main5.jpg) no-repeat left center;
  display: block;
  padding-left: 20px;
  line-height: 38px;
}
.m_news_con p{
  color: #b0b0b0;
  height: 48px;
  overflow: hidden;
}


/*三级页*/
#news_list ul { width: auto;height: 230px;padding: 9px;}
#news_list ul li {  width: auto;  padding-left: 10px; height: 30px; line-height: 30px; *height: 27px; *line-height: 27px; padding-right: 10px;color:#000;}
#news_list a{color:#000;}
#news_list a:hover{ text-decoration:none; }
#news_list ul li:hover{ text-decoration:none; position: relative; right: 0px; top: 1px;}
#news_list .one {background: #F0F0F0;} 
#news_list ul li span { float: left;}
#news_list ul li strong { float: right; font-weight: normal;}
#news_con { width: auto;  min-height: 360px;  padding: 15px;  padding-right: 0px; color:#000; text-align:justify;}
#news_con .h1 { text-align: center; font-size: 16px;  height: 35px; line-height: 35px;}
#news_con .h2 { text-align: center; font-weight: normal;  width: auto;  height: 25px; line-height: 25px;  border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;  color: #666;  margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center;  margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;}