*{ 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; }
.sy_img img{ text-align:center; }


#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; }



@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: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;  }
}





.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(404.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{ display:inline-block; padding:0.5em 1.5em; font-weight:bold;  }
.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: 1em;  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(404.png); background-repeat:no-repeat; }
.content_text li{ color:#666; font-size:15px; line-height:32px;}



.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 {solid #ccc; width:100%;}
.text_content p{ text-indent:32px; line-height:28px;}
.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;}


.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;list-style:none;}
.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:32px; 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:42px;}
.dt_content_text p{ text-indent:42px; line-height:42px;}
.dt_content_text h2{ line-height:48px; }



.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;}



	
	
.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(404.png); background-size:100%; width:100%; height:100%; }
.im2{ background-image:url(404.png); background-size:100%; width:100%; height:100%; }
.im3{ background-image:url(404.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;}
.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:6px 0; border-top:0px solid #9ea2b7;  border-bottom:0.5px solid #adadad ; line-height:22px; margin-top:6px; text-align:center;}

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

.cp_title{ margin-bottom:48px;}
.cp_title h3{ margin-bottom:48px;}

.fa_content h2{ margin-bottom:48px;}



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


@media(max-width:1440px ){
.bottom-banner {  min-height: 640px;}
}
.col-md-3{list-style:none;}

@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; }