*{ margin:0px; padding:0px;}

body{ font-family:"微软雅黑"; font-size:16px;  margin:0px; padding:0px; }
.cs{ margin: 50px auto;  overflow: hidden;}  
.cs img{ cursor: pointer; transition: all 0.6s;}  
.cs img:hover{ transform: scale(1.1); } 
.zt a{ text-decoration:none; color:#252525; font-size:16px;}
.zt a:hover{ text-decoration:none; color:#ff8400; }



/* -------------------------------------
 * 产品联系人  start
 * ------------------------------------- */
.lx{ width: 100%;  background-color: dodgerblue;  background-image:url(../image/lx_bg.png); background-size: 100%; color: aliceblue; padding-bottom: 60px; }
.lx .row{ margin-top: 48px; margin-bottom: 32px; }
.lx .col-md-7 i{ font-style: normal;}
.zxhd{  margin: auto; }
.zxhd ul{ width: 60%; margin: auto;  background-color: blue;}


.lxrxx{ width: 100%; text-align: center; overflow: hidden;  margin-bottom: 32px; background-image:url(../image/line_lx.png); background-repeat: no-repeat; background-position: 50% 50%; }
.lxrxx ul{ width: 35%;  margin: auto;}
.lxrxx li{ float: left; list-style: none; margin-left: 60px;}
.lxrxx li span{ display:inline-block; margin-right: 16px;}



.zxhd li{ float: left; width: 25%; text-align: center; list-style:none; }
.zxhd li a{  border: 1px solid #ffffff; padding: 6px 32px; border-radius: 100px; color: aliceblue; font-size: 20px; font-weight: normal;}
.zxhd li a:hover{   border: 1px solid #ffffff; padding: 6px 32px; border-radius: 100px; color: aliceblue; text-decoration: none; background-color: #052f7b;}
.lx .col-md-5{ text-align: right;}

/* -------------------------------------
 * 产品联系人  end
 * ------------------------------------- */



/* -------------------------------------
 * 产品演示表单  start
 * ------------------------------------- */
.cpbd{ width: 80%; border: 1px solid #ccc; margin: auto; margin-top: 48px; padding-bottom: 32px; padding-top: 16px;  text-align: center; }
.cpbd h2{ background-color:#fff; position: relative; bottom: 54px; display: inline-block; padding-left: 32px; padding-right: 32px; color:#666；   }
.cpbd .col-sm-10{ text-align: left;}


/* -------------------------------------
 * timeline  start
 * ------------------------------------- */
#timeline {  list-style: none;  margin: 0px 0 30px 120px;  padding-left: 30px;  border-left: 3px solid #eee;}
#timeline li {  margin: 82px 0;  position: relative;}
#timeline p {  margin: 0 0 15px; }

.date {  margin-top: -10px;  top: 50%;  left: -158px;  font-size: 16px; font-weight:bold;  line-height: 20px;  position: absolute; }

.circle {  margin-top: -6px;  top: 50%;  left: -36px;  width: 10px;  height: 10px;  background: #ccc;  border-radius: 50%;  display: block;  position: absolute;}

.content {  max-height: 20px;   padding-top:32px;  border-color: transparent;  border-width: 2px;  border-style: solid;  border-radius: 0.5em;  position: relative;}
.content a{ text-decoration:none;}
.content a:hover { text-decoration:underline; }

.content:before, .content:after {  content: "";  width: 0;  height: 0;  border: solid transparent;  position: absolute;  pointer-events: none;  right: 100%;}
.content:before {  border-right-color: inherit;  border-width: 20px;  top: 50%;  margin-top: -20px;}
.content:after {  border-right-color: #fff;  border-width: 17px;  top: 50%;  margin-top: -17px;}


.content p {  max-height: 0;  color:#252525;  text-align: justify;  word-break: break-word;  hyphens: auto;  padding-bottom:8px; }
.relative label {  font-size: 18px;  position: absolute;  z-index: 100;  cursor: pointer;  transition: transform 0.2s linear; color:#00649d;}
.radio {  display: none;}

.radio:checked + .relative label {  cursor: auto;  transform: translateX(42px); padding-top:16px;}
.radio:checked + .relative .circle {  background: #f98262;}
.radio:checked ~ .content {  max-height: 120px;  border-color: #eee;  margin-right: 20px;  transform: translateX(20px);  transition: max-height 0.3s linear, border-color 0.4s linear, transform 0.1s linear; padding-left:16px;  padding-right:16px;}
.radio:checked ~ .content p {  max-height: 60px;  color: #252525;  transition: color 0.2s linear 0.2s; padding-top:16px; }


/* -------------------------------------
 * mobile phones (vertical version only)
 * ------------------------------------- */
@media screen and (max-width: 767px) {
  #timeline {    margin-left: 0;    padding-left: 0;    border-left: none;  }
  #timeline li {   margin: 32px 0;  }

  label {  width: 85%;    font-size: 1.1em;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    display: block;    transform: translateX(18px); padding-top:16px; }
  .content {  padding-top: 32px;    border-color: #eee; padding-bottom:60px; }
  .content:before, .content:after {    border: solid transparent;    bottom: 100%;  }
  .content:before {   border-bottom-color: inherit;    border-width: 17px;    top: -16px;    left: 50px;    margin-left: -17px;  }
  .content:after {    border-bottom-color: #ffffff;    border-width: 20px;    top: -20px;    left: 50px;    margin-left: -20px;  }
  .content p {    font-size: 0.9em;    line-height: 1.4; padding:12px 12px 0px 16px;  }
  .circle, .date {    display: none;  }
}

/* -------------------------------------
 * timeline  end
 * ------------------------------------- */



.map{ margin: 10px auto;  overflow: hidden; }  
.map img{ cursor: pointer; transition: all 0.6s; }  
.map img:hover{ transform: scale(1.2); } 



.td_pic img{ width:90%;}

.title_line{  background-image:url(../image/title_bg_line.png); background-repeat:no-repeat; background-position:50% 50%;}

.color_fff{ color:#FFF;}
.color_252525{ color:#252525;}
.color_000{ color:#000;}
.color_666{ color:#666;}
.color_999{ color:#999;}
.color_ffa200{ color:#ffa200;}
.color_1e7dff{ color:#1e7dff; text-decoration:underline;}

.sub_title{  width:100%;  line-height:28px; text-align:center; font-weight:bold;}
.sub_title span{ display:block; width:100px; line-height:32px; color:#fff; background-color:#2c99f5; margin-left:24px; padding:0px 10px;}
.sub_text_title{ width:120px; height:42px; line-height:42px; color:#FFF; background-color:#09F;}

.p1 { line-height:24px; height:24px; }
.cd a{ color:#fff; padding-left:8px; padding-right:8px;}
.cd a:hover{ color:#3399ff; }



.left_img{ background-image:url(/images/previous.png);}

.margin_top_25{ margin-top:25px;}
.margin_top_45{ margin-top:45px;}
.margin_top_65{ margin-top:65px;}
.margin_top_85{ margin-top:85px;}

.margin_bottom_25{ margin-bottom:25px;}
.margin_bottom_45{ margin-bottom:45px;}
.margin_bottom_65{ margin-bottom:65px;}
.margin_bottom_85{ margin-bottom:85px;}

.padding_top_25{ padding-top:25px;}
.padding_top_45{ padding-top:45px;}
.padding_top_65{ padding-top:65px;}
.padding_top_85{ padding-top:85px;}

.padding_bottom_25{ padding-bottom:25px;}
.padding_bottom_45{ padding-bottom:45px;}
.padding_bottom_65{ padding-bottom:65px;}
.padding_bottom_85{ padding-bottom:85px;}




.header {  background-color: #fff;}
.logo {  float: left;}

.top-menu{  float:right;  margin-top:1.0em; }
.top-menu ul li{  font-weight:bold;display:inline-block; padding:0.5em 1.5em;  }
.top-menu ul li a.active {  color: #2f91ff; font-weight:bold; border-bottom:3px #2f91ff solid;}
.top-menu ul li a:hover {  color: #2f91ff; font-weight:bold;}
.top-menu ul li a {  font-size: 1.2em;  text-decoration: none;  text-transform: capitalize;  color:#252525; padding:5px 0px; }
.copyrights{ text-indent:-9999px;	height:0;	line-height:0;	font-size:0;	overflow:hidden;}
span.menu {  display: none;}



.promo-area {  color: #252525; margin-top:45px;  }
.brands-area {  border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; }
.promo-area .zigzag-bottom, .brands-area .zigzag-bottom{background: #f4f4f4}
.single-promo {  font-size: 20px;    font-weight: 200;    padding: 30px 10px;  margin-bottom:30px;    text-align: center; font-weight:bold;}
.single-promo i {  font-size: 50px;}

.single-promo a{ color:#fff; text-decoration:none;}
.single-promo a:hover{ color:#fff; text-decoration:none;}

.single-promo:hover {  background: #3390f6; }
.promo1 { background:#5a88ca;}
.promo2 { background:#ffd900;}
.promo3 { background:#fa8072;}
.promo4 { background:#4abebd;}
.section-title {  font-family: "Raleway",sans-serif;  font-size: 50px;  font-weight: 100;  margin-bottom: 50px;  text-align: center;}

.product-f-image {    position: relative;}
.product-hover {   height: 100%;    left: 0;    position: absolute;   top: 0;    width: 100%;overflow: hidden;border: 1px solid #ddd;}
.product-hover:after {  background: none repeat scroll 0 0 #000;  content: "";  height: 100%;  left: -100%;  opacity: 0.6;  position: absolute;
  top: 0;  width: 100%;transition: .4s;}
.product-hover a {    background: none repeat scroll 0 0 #5a88ca;    border-radius: 5px;      display: block;    font-size: 16px;
    left: 10%;    margin: 0;    padding: 10px;    position: absolute;    text-align: center;    text-transform: uppercase;
    border: 1px solid #5a88ca;    width: 80%;z-index: 99; transition: .4s;}

.content_text{ overflow:hidden;    }
.content_text p{ color:#666; line-height:32px; text-indent:32px; overflow:hidden; width:100%;  font-size:16px;  }
.content_pic_left{ float:left;  overflow:hidden; width:520px; }
.content_text_right{ float:left; width:520px;   overflow:hidden; padding-left:32px;   }
.content_text_right p{ line-height:32px; color:#666; font-size:15px;}
.product_lx{ height:450px; background-color:#f8f8f8; background-image:url(/image/pic_banner.png); background-repeat:no-repeat;}
.content_text li{ color:#666; font-size:15px; line-height:32px;}


/* CSS 新加start*/
.zc_title .bt{ display:block; width:5px; height:36px; background-color:#0579cb; float:left; margin-right:16px; }
.fwys b{ font-size:16px; display:block; width:100%; line-height:48px; }
.fwys p{ font-size:16px; }
.jszc p{ line-height:32px; margin-top:25px;}
.zc_title span{ display:inline-block; margin-right:16px; width:5px; height:36px; background-color:#0579cb; float:left;}


.sub_left_menu{ text-align:left; padding:0px; padding-left:16px; }
.sub_left_menu ul{ margin:0px; padding:0px;}
.sub_left_menu a{ color:#252525; text-decoration:none;}
.sub_left_menu .active{ color:#0579cb;}

.sub_left_menu li{ border-bottom:1px solid #ccc; padding:16px 10px; list-style:none;  }
.sub_left_menu span{ display:inline-block; margin-right:10px; float:left; height:50px;}

.sub_left_menu2{ text-align:left; padding:0px; padding-left:16px; }
.sub_left_menu2 ul{ margin:0px; padding:0px;}
.sub_left_menu2 a{ color:#252525; text-decoration:none;}
.sub_left_menu2 .active{ color:#0579cb;}

.sub_left_menu2 li{ border-bottom:1px solid #ccc; padding:16px 10px; }


.sub_content { border-left:0px solid #ccc; min-height:600px;}
.text_content p{ text-indent:32px; line-height:36px;}
.text_content img{ width:72%;}
.text_content span{ font-size:18px; background-color:#09F; color:#fff; display:inline-block; padding:6px 36px; margin:8px;   border-radius:100px; text-indent:0px;}
.text_content h4{ text-indent: 32px; margin-top: 32px; color:#253165;}
.text_content h5{ text-indent: 32px; margin-top: 32px; color:chocolate; font-size: 16px;}
.text_content table th{ padding: 10px;  background-color: #d9e6fa;}
.text_content table td{padding: 10px; }


.fa_content p{ text-indent:32px; line-height:28px;}
.fa_content .img img{ width:80%;}
.fa_content span{ font-size:18px; background-color:#09F; color:#fff; display:inline-block; padding:6px 36px; margin:8px;   border-radius:100px; text-indent:0px;}
.fa_content li{ font-weight:bold;}
.fa_content h4{ color:#09F; font-size:16px; margin-top:16px; float:left; display:block; width:100%; }

.sub_content b{ display:inline-block; text-indent:0px; margin-right:12px;  }
.sub_content ul{ width:90%; margin:auto; overflow:auto;}
.sub_content ul li{ float:left; width:100%; line-height:36px; list-style-position: inside; }


.cj{ margin-top:24px; margin-bottom:24px; width:100%;}
.cj .col-md-6{  overflow:hidden; margin-top:1em;}
.cj i{ display:inline-block; float:left;  width:14%;}
.cj_js{ line-height:24px;  width:86%; float:right; }
.cj_js b{ width:100%;}


.sub_mbx{ line-height:60px;}


.gy_gywm em{ font-style:normal; font-size:24px; color:#CCC; width:100%; border-bottom:1px solid #eee; display:inline-block; margin-bottom:25px; padding-bottom:25px;}

.gy_gywm p{line-height:28px;}
.gy_gywm img{ width:50% 50%;}
.gy_gywm span{ font-size:18px;  color:#fff; display:inline-block;  text-indent:0px;}




.btn_tj{ width:240px; height:48px; background-color:#0498ff; border:0px; border-radius:100px; color:#ffffff; margin:auto; margin-top:24px;}
.lxwm i{ color:#F00; font-style:normal; display:inline-block; margin-left:10px; }
.ypfs b{ display:inline-block; float:left; width:100%; line-height:48px;  font-weight:bold;  }
.ypfs span{ display:inline-block; float:left; margin-right:10px;  }
.ypfs p{ padding-left:5%; color:#485d8d; }
.rmgw{ border-top:3px solid #ebedf0; margin-top:25px; margin-bottom:25px;}
.rmgw span{ display:block; float:left; width:100%; margin-bottom:25px;}
.rmgw b{ display:block; margin-top:45px; width:100%; text-align:center;}
.rmgw ul{ height:148px;}
.rmgw li{ list-style:none; line-height:32px; text-align:center;}
.rmgw a{ color:#252525;}
.rmgw a:hover{ color:#0579cb; text-decoration:none;}



.gsjj_test p{ line-height:24px; text-indent:32px; color:#252525;}

.bor{ border-bottom:1px solid #eee; margin-bottom:45px;}

.dt_content_text span{ width:100%; text-align:center; display:block; margin-bottom:32px;}
.dt_content_text p{ text-indent:32px; line-height:32px;}
.dt_content_text h2{ line-height:48px; }

.cp_list{ font-weight: normal; border-bottom: 1px solid #eee;   padding-bottom: 32px;}
.cp_list a{color:#222; }
.cp_list a:hover{color:#155597; text-decoration: none; }
.cp_title{ margin-top: 32px; margin-bottom: 16px; font-size: 18px; color: #155597;} 
.cp_title span{ display:inline-block; margin-right: 16px;}

.cp_list ul{ margin-left: 54px;}
.cp_list li{ line-height: 36px;}
.cp_list i{ display:inline-block; border-radius:100px; width:24px; height:24px; margin-left:8px; background-image:url(/image/zhengque.png); background-repeat: no-repeat; }


.cp_dh{ line-height: 36px; margin-bottom: 48px;  color:#666;}
.cp_dh a{ display: inline-block; margin-left: 16px; margin-right: 16px; color:#666;}
.cp_dh a:hover{ display: inline-block; margin-left: 16px; margin-right: 16px; color:#155597; text-decoration: none;}


/*----------------------------------------*/
/* 8. Support Area CSS
/*----------------------------------------*/
.support-area{ padding:0px;}
.support-area .single-support {
  border-right: 0px solid #ddd;
  flex: 0 0 20%; padding:5px;
}



.fa_nor{ margin:auto; text-align:center;  overflow:hidden; padding-bottom:96px; cursor:pointer }
.fa_nor span{ display:block; width:52px; height:59px; text-align:center;  margin:auto; margin-top:16px; }
.fa_nor img{ font-size:50%;}
.fa_nor p{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 20px; text-align:left; margin-top:6px; padding:8px; font-size:16px; }
.fa_nor h4{ line-height:32px; color:#252525;  padding:0px 10px; font-weight:bold;}

.overlay{ margin:auto; text-align:center; color:#ffffff; overflow:hidden;  padding-bottom:25px;  cursor:pointer }
.overlay span{ display:block; width:71px; height:82px; text-align:center;  margin:auto; margin-top:16px; }
.overlay img{ font-size:50%;}
.overlay p{ border-top:1px solid #fff; border-bottom:1px solid #fff; margin:10px 20px; text-align:left; margin-top:6px; padding:8px; font-size:16px; }
.overlay h4{ line-height:32px; padding:0px 10px; font-weight:bold;}
.btn_jjf_gd{ width:140px; height:45px; background-image:url(../image/btn_jjfa_gd.png); border:0px; background-color:transparent; margin-top:12px;}


/* CSS 新加end*/
	
	
.img img{ width:100%;}
.img2 img{ width:60%;}

.news{ width:100%; border:1px solid #ccc; padding:5px; overflow:hidden; margin-bottom:16px;  }
.news h4{ line-height:24px;}
.news a{ text-decoration:none; color:#666;}
.news a:hover{ text-decoration:none; color:#252525;}

.news i img{ width:100%;}
.news p{ float:left; color:#999;}



.gsjj {  color: #252525; margin-top:45px;  color:#fff;  }
.gsjj div{ margin:0px; padding:0px;}
.gsjj-promo { margin:0px; padding:0px;width:100%; color:#fff;  font-size: 28px;    font-weight: 200; height:220px;      text-align: center; font-weight:bold;}
.gsjj-promo p{ width:100%;   color:#fff;  line-height:220px; text-indent:0px; }
.gsjj-promo img{ width:100%; height:100%; }
.gsjj-promo:hover {  background: #2a84f4;  color:#fff; }
.promo { background:#4c96f3; width:100%;}



.jjfa {  color: #252525; margin-top:45px;  color:#fff;  margin:0px; padding:0px; }
.jjfa-promo { margin:0px; padding:0px; color:#fff;  font-size: 28px;    font-weight: 200;  margin-bottom:45px;       text-align: center; font-weight:bold;}
.jjfa-promo p{    color:#fff;   text-indent:0px; }
.jjfa-promo:hover {  background: #d4000c;  color:#fff; }
.promo_color { background:#ec0a17; }
.jjfa a{ color:#666666;}
.jjfa a:hover{ color:#000; text-decoration:none;}

.jjfa h4 a{ color:#000;}
.jjfa h4 a:hover{ color:#0062c5;}


.im1{ background-image:url(../image/bg1.png); background-size:100%; width:100%; height:100%; }
.im2{ background-image:url(../image/bg2.png); background-size:100%; width:100%; height:100%; }
.im3{ background-image:url(../image/bg3.png); background-size:100%; width:100%; height:100%; }



.bz{ text-align:left;}

.bz b{ display:inline-block; margin-top:18px; font-size:18px; float:left; font-weight:normal; }
.bz i{  display:inline-block; float:left; font-size:14px;  margin-top:5px; color:#6b798e; font-style:normal;  }
.bz p{  font-size:16px; line-height:32px; padding-top:12px;}
.bz span{ display:block; float:left; margin-right:5px;}


.gtzg{  border-top:1px solid #dddddd;  border-bottom:1px solid #dddddd; margin-top:48px; margin-bottom:48px; padding-top:25px; padding-bottom:25px;}
.gtzg_bt{ font-size:18px; font-weight:bold; vertical-align:middle; margin-top:10px; }
.gtzg_bt span{ display:block; width:100%; text-align:left;  font-size:14px; margin-right:5px; }
.gtzg_kh{  border-left:1px solid #dddddd;}
.gtzg_kh li{ float:left; margin-right:48px; list-style:none; font-size:16px; margin-top:16px; margin-bottom:16px; }
.gtzg_kh li span{ display:inline-block; margin-right:16px; }




.xc{ margin-bottom:10px; background-image:url(../image/db_bg.png); background-repeat:no-repeat; background-size:100% 100%; text-align:center; color:#ffffff;  }
.btn_lxwm{ border:1px solid #ffffff;; background-color:transparent; color:#ffffff; padding:8px 24px; margin-bottom:32px;  border-radius:5px;}
.hzkh{ border:1px solid #eeeeee; padding:10px; margin:2px; margin-top:16px; margin-bottom:16px; font-size:16px; background-color:#ffffff;}
.hzkh span{ display:block; width:100%; text-align:center; margin-top:32px; }
.hzkh b{ display:block; width:100%; text-align:center; margin-top:12px; font-size:16px;}
.hzkh .img{ margin:0px; padding:0px;}
.hzkh .img img{ width:100%; }


.bottom{ background-color:#253165; color:#ffffff; height: 100%; }
.bottom a{ color:#e2e7ff;}
.bottom a:hover{ color:#088bff; text-decoration:none;}
.ewm { margin-top:20px; margin-left:20%;}
.ewm li{ float:left; margin-right:8%;  }
.ewm li span{ width:100%; display:block; text-align:center; }

.bottom_menu{ padding-left:0px; margin-top:16px;}
.bottom_menu ul{ margin:0px; padding:0px;}
.bottom_menu li{ list-style:none; line-height:32px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.bottom p{ color:#ffffff; text-align:center; margin-top:16px;}
.bottom p span{ display:inline-block; margin-right:10px;}
.bottom p i{ display:inline-block; margin-left:10px;}

.yqlj{ padding:10px 0; border-top:1px solid #9ea2b7;  border-bottom:1px solid #9ea2b7; line-height:32px; margin-top:16px;}

.yqlj a{ margin-right:18px;}


/*--about--*/

.banner img{ width:100%; max_height:200px;}

/*---- responsive-design -----*/
@media(max-width:1440px){
.bottom-banner {  min-height: 640px;}
}
@media (max-width: 1366px){
.bottom-banner {  min-height: 606px;}
.banner-text {  margin: 14em 0 0 0;}
}
@media (max-width: 1280px){
.bottom-banner {  min-height: 565px;}
}
@media (max-width: 1080px){
.bottom-banner {  min-height: 460px;}
.banner-text {  width: 50%;  margin: 9em 0 0 0;}
.banner-text h1 {  font-size: 3em;}
.banner-text p {  font-size: 1.1em;}

span.menu{	display: block;	text-align: left;	cursor: pointer; position: relative;}
.top-menu ul{ display: none;	position:absolute;	width: 100%; z-index: 9999;	left:0%; margin:0.7em 0em; background:rgba(29, 28, 24, 0.93); border:0;}
.top-menu span.menu{display: block;}
.top-menu ul li{ display: block; float:none; text-align: center;}
.top-menu ul li a{ color:#fff;	display:block; margin:0; background:none; border:none; padding:0.4em; font-size:1em; }
.header {  padding: 0.5em 0; }