@charset "utf-8";
/* CSS Document */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none;font-family:"Microsoft YaHei","Arial"; color:#999;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
*{margin:0;padding:0;}

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/*产品*/
.tit { width: 100%;  overflow: hidden}
.tit span {  display: block;  width: 270px;  height: 1px;  background: #d2d2d2;  margin:3px auto 0px; position: relative;}
.tit span::after {  content: "";  position: absolute;  width: 46px;  height: 10px;  background: #f68400;  bottom: -5px;  left: 50%;  margin-left: -23px;}
.tit h3 {  width: 100%;  overflow: hidden;  text-align: center;font-size: 1.9rem; margin-top: 20px;  margin-bottom: 0px;}
.tit h3 a { color: #333; }
.tit p {  width: 100%;  text-align: center;  color: #999999; font-size: 13px; line-height: 30px; text-indent:0px;}
.tit dl {  width: 100%;  text-align: center;  color: #999999; font-size: 16px; line-height: 26px; padding-top: 5px; padding-bottom: 10px;}

/*产品导航*/
.about1_info {  display: none;}
.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn; }
.animated {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.pronr {  width: 75%;  overflow: hidden; float: left; margin-top:1%;}
.active  { background: url(../img/ico_h01.png) no-repeat 15px #F68400;  border-radius: 33px; color:white; }
.p_relationbtntab {  width: 100%;  height: 100%; color: #959595; background: url(../img/ico_a01.png) no-repeat 15px;}
.active .e_link div {color:white;}
.e_link-000 {  width: 100%;  height: 50px;  display: block;}
.e_link {  height: inherit;}
.tit_h { font-size: 16px;  line-height: 26px;text-align: left; padding-left: 35px; color: #666;}
.tit_des { font-size: 12px;  line-height: 14px; text-indent:13%; text-align: left; }
/**/


@media only screen and (min-width: 769px) {
  .p_gridbox > .p_gridCell {
    margin-bottom: 0rem;
    margin-top: 0rem;
    margin-left: 0;
  }
}
@media only screen and (min-width: 769px) {
  .p_gridbox .p_gridCell:nth-child(2n) {
    width: 36.95%;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media only screen and (min-width: 769px) {
  .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
    margin-right: 0;
    width: 63.05%;
  }
}


.w_fbtn { width:100%;  margin-top: 15px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #fff; position: relative;}
.w_fbtn  a{  font-size: 14px; color: #fff; }	
.p_CommonBtn {  width:35%; background-color: rgba(255, 255, 255, 0.6); border-radius: 60px; position: absolute; bottom: 0px; left: 7%;}
.p_CommonBtn:hover { color: #fff; background: #ffecc7; color: #ED7044;}
.p_CommonBtna { width:35%; background-color: rgba(255, 255, 255, 1);  color: #ED7044; border-radius: 60px; position: absolute; bottom: 0px;right: 7%; }
.p_CommonBtna:hover { color: #fff; background: #ffecc7; color: #ED7044;}

.w_grid {  width: 100%;  position: relative; float: left; overflow: hidden;}
.p_gridCell {width: 74%; overflow: hidden;}
.p_gridCell img { width: 100%; overflow: hidden;}
.p_gridCell:hover img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.p_box { width: 43%; overflow: hidden;  position: absolute;  top: 15%; right: 1%; background-color: rgba(246, 132, 0, 1);}
.p_gridbox { overflow: hidden; padding: 15px; }
.p_gridbox p{ text-indent:0rem;}
.promenu{ width:23%; overflow:hidden; margin-top:0px; padding: 1%; float: left;}
.promenu ul{ display:inline-block; margin: 0px auto;}
.promenu ul li{width:100%; padding-top:7px; padding-bottom:7px; font-size: 16px; float:left; }

/*手机端*/
@media screen and (max-width:1100px) and (min-width:790px) {
    .promenu {  width: 98%;  overflow: hidden;  margin-top: 0px;  padding: 1%;  float: left;}
    .promenu ul li {  width: 33.3%; padding-top:6px; padding-bottom:6px; font-size: 14px;  float: left; }
    .tit_des {  font-size: 12px;  line-height: 14px;  text-indent: 13%;  text-align: left;}
    .pronr {  width: 100%;  overflow: hidden;  margin-top: 20px; }
    .p_box {  width: 43%; overflow: hidden; top: 15%; background-color: rgba(246, 132, 0, 1);  padding: 15px; margin: 0px auto;}
    .p_gridCell {width: 74%; overflow: hidden;}
    .p_gridCell img { width: 100%; overflow: hidden;}
}
@media screen and (max-width:790px) {
    .p_box {  display:none; }
}
@media screen and (max-width: 790px) and (min-width: 559px){
    .promenu {  width: 98%;  overflow: hidden;  margin-top: 0px;  padding: 1%;  float: left;}
    .promenu ul li {  width: 33.3%; padding-top:5px; padding-bottom:5px; font-size: 14px;  float: left; }
    .tit_des {  font-size: 9px;  line-height: 14px;  text-indent: 13%;  text-align: left;}	
    .pronr {  width: 100%;  overflow: hidden;  margin-top: 20px; }
    .p_gridCell {width: 98%; overflow: hidden; margin: 0px auto;}
    .p_gridCell img { width: 100%; overflow: hidden;}
}
@media screen and (max-width: 559px) and (min-width: 400px){
    .tit_des { display:none;}
    .promenu {  width: 98%;  overflow: hidden;  margin-top: 0px;  padding: 1%;  float: left;}
    .promenu ul li {  width: 46%;  padding-top:5px; padding-bottom:5px; font-size: 14px;  float: left; margin: 1% 2% 1%; }
    .pronr {  width: 100%;  overflow: hidden;  margin-top: 20px; }
    .p_gridCell {width: 96%; overflow: hidden; margin: 0px auto;}
    .p_gridCell img { width: 100%; overflow: hidden;}
    
}


@media screen and (max-width: 399px)and (min-width: 0px)
{
    .tit_des { display:none;}
    .promenu {  width: 98%;  overflow: hidden; margin: 0px auto;}	
    .promenu ul li { width: 46%; padding-top:3px;  padding-bottom:3px; font-size: 13px;  margin: 1% 2% 1%; overflow: hidden;  }
    .tit_h { font-size: 14px;}
    .pronr {  width: 100%;  overflow: hidden; float: left;}
    .p_box { width: 100%; overflow: hidden;  position: absolute;  top: 0%; right: 0%; background-color: rgba(246, 132, 0, 1);}
    .p_gridbox { overflow: hidden; padding: 15px;}
    .p_box p{ font-size: 9px;  line-height: 16px; }
    .p_gridCell { width: 94%; overflow: hidden;  margin: 0px auto; }
    .p_gridCell img { width: 100%; overflow: hidden;}
}

/**/


/*产品3D翻转效果
.demo{padding: 3em 0;}*/
.cjse_p { width: 23%; border: 1px solid #eee; float: left; margin: 15px 0.8%; text-align: center; position: relative;}
.cjse_p .box-img{ transform: rotateY(0); transition: all 0.50s ease-in-out 0s;}
.cjse_p:hover .box-img{ transform: rotateY(-90deg);}
.cjse_p .box-img img{ width: 100%; height: auto;}
.cjse_p .box-content{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: #f6e7b4; transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s;  }
.cjse_p .box-content a { color:white; font-size:16px; }
.cjse_p .box-content a:hover {	color:#F68400; }
.cjse_p:hover .box-content{ transform: rotateY(0);}
.cjse_p .title{ font-size: 20px; color: #fff; text-transform: uppercase;}
.cjse_p .description{ font-size: 14px; line-height: 24px; color: #fff;  }
.cjse_p .title:after,  .box .description:after{ content: ""; width: 80%;  display: block; border-bottom: 1px solid #fff; margin: 15px auto;}
.cjse_p .social-links{ margin: 0;  padding: 0; list-style: none;}
.cjse_p .social-links li{ display: inline-block;  margin: 0 10px;}
.cjse_p .social-links li a{font-size: 16px; color: #a6a6a6;}
.cjse_p .social-links li a:hover{ text-decoration: none; color: #fff;}
.cjse_p .box-content .tit_a {  color: white; font-weight: 700;  line-height: 60px; border-bottom: 1px solid #eee; width: 60%; margin: 7% auto 3%;}
.cjse_p .box-content .tit_a  a{  font-size: 22px;line-height: 60px;}
.box-content a:hover {	color: #ff8400;}
@media only screen and (max-width: 960px) {
.cjse_p .box-content .tit_a {  color: white; font-weight: 700;  line-height: 46px; border-bottom: 1px solid #eee; width: 70%; margin: 3% auto 3%;}
.cjse_p .box-content .tit_a  a{  font-size: 18px;line-height: 46px;}	
}


@media only screen and (max-width: 760px) {
.cjse_p { padding: 2.5%;  width: 40.5%; margin: 2%} 
.cjse_p .box-content .tit_a {  color: white; font-weight: 700;  line-height: 60px; border-bottom: 1px solid #eee; width: 60%; margin: 7% auto 3%;}
.cjse_p .box-content .tit_a  a{  font-size: 22px;line-height: 60px;}
}
@media only screen and (max-width: 560px) {
.cjse_p { padding: 2.5%;  width: 40.5%; margin: 2%}  
.cjse_p .box-content a { color: white;  font-size: 16px;}
.cjse_p .box-content .tit_a {  color: white;  font-size: 18px; font-weight: 600; }
.cjse_p .box-content .tit_a  a{  font-size: 18px;line-height: 46px;}	
}

@media screen and (max-width: 559px) and (min-width: 400px){
.cjse_p { padding: 2.5%;  width: 40%; margin: 2%}  
.cjse_p .box-content a {  color: white;  font-size: 16px;line-height: 34px; }
.cjse_p .box-content .tit_a { font-size: 18px; font-weight: 600;line-height: 34px; width: 74%; margin: 7% auto 3%;}
.cjse_p .box-content .tit_a  a{  font-size: 16px; line-height: 40px;}
.cjse_p .box-content .tit_b p a{ font-size: 14px; font-weight: 600;line-height: 22px; }
}
@media screen and (max-width: 399px) and (min-width: 320px){
.cjse_p { padding: 2.5%;  width: 40%; margin: 2%}  
.cjse_p .box-content a {  color: white;  font-size: 14px;line-height: 34px; }
.cjse_p .box-content .tit_a { font-size: 14px; font-weight: 600;line-height: 23px; width: 74%; margin: 0% auto 0%;}
.cjse_p .box-content .tit_a  a{  font-size: 14px; line-height: 40px;}
.cjse_p .box-content .tit_b p a{ font-size: 12px; font-weight: 600;line-height: 19px; }
}
@media screen and (max-width: 319px) and (min-width: 0px){
.cjse_p { padding: 2.5%;  width: 91%; margin: 2%}  
.cjse_p .box-content a {  color: white;  font-size: 14px;line-height: 34px; }
.cjse_p .box-content .tit_a { font-size: 22px; font-weight: 600;line-height: 34px; width: 74%; margin: 10% auto 5%;}
.cjse_p .box-content .tit_a  a{  font-size: 22px; line-height: 40px;}
.cjse_p .box-content .tit_b p a{ font-size: 16px; font-weight: 600;line-height: 26px; }
}
/*产品3D翻转效果*/
/*公司简介aaa*/
.cjse_about{ width: 100%;overflow: hidden; }
.met-index-body {padding: 0px 0 30px; background: #f5f5f5; width: 100%; overflow: hidden;}
.met-index-about { width: 100%;overflow: hidden; /*padding: 0;  background-color: #f68400;*/}
.met-index-about .we_are_deatails { width: 90%; margin: 0px auto; overflow: hidden; }
.met-index-about .left_side { background-size: cover;   width: 54%;  position: relative;  float: left;}
.met-index-about .right_side { width: 46%;  position: relative;  float: right; overflow: hidden; margin-top: 30px; overflow: hidden; background: url("../img/aboutbg_15.jpg") no-repeat bottom left  #fff;}
@media (max-width: 540px) {
    .met-index-about .right_side {  margin-top: 0px; }
}
.met-index-about .right_side h2 { font-weight: 700;  font-size: 1.9rem;  color: #fff;  position: relative;  padding-top: 19px;  word-spacing: 6px;  padding-bottom: 20px;}
.met-index-about .right_side h2::before {  content: '';  width: 60px;  height: 4px;  background: #f68400;  position: absolute;  top: 70px;}

.left_side { width: 100%; overflow: hidden;}
.left_side img { width: 100%; overflow: hidden;}
.left_side:hover img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.met-index-about .right_side .we_are_deatails > p {  color: #666666;  width: 100%; text-indent: 2rem; line-height: 34px;}

.met-index-about .we_are_opacity { width: 100%;  position: absolute;  top: 0;  right: 0;}
.met-index-about .we_are_border { width: 100%;  position: absolute;  top: 0;  right: 0;}
.met-index-about .we_are_border h2 { font-weight: 700; font-size: 1.625rem; color: #fff; background: #f68400; display: inline; position: absolute;  padding: 12px 39px; top: 45px;  right: 0;}
.about_a{ width: 100%; overflow: hidden; }
.about_a li{ width: 50%; float:left; line-height: 26px; overflow: hidden }
.about_a li p{  padding-top: 5px; padding-bottom: 5px; color: #666666;}

@media screen and (max-width: 640px) and (min-width: 560px){
    .met-index-about .right_side h2::before { position: absolute;  top: 55px;}  
}
@media screen and (max-width: 559px) and (min-width: 190px){
    .about_a li{ width: 90%; float:left; line-height: 26px; overflow: hidden ; display: block;}
    .about_a li p{ padding-top: 5px; padding-bottom: 5px; color: #666666; font-size: 14px;}
    .met-index-about .we_are_border h2 {  font-weight: 700;  font-size: 1.3rem;  color: #fff;  background: #f68400;  display: inline;  
    position: absolute;  padding: 10px 15px;  top: 40px;  right: 0;}
    .met-index-about .right_side h2::before { position: absolute;  top: 50px; }
    
}


@media (max-width: 991px) {
	.met-index-about .left_side, .met-index-about .right_side .we_are_deatails p { width: 100%; }
	.met-index-about .right_side { width: 100%; height: auto;  }
	.met-index-about .right_side .we_are_deatails > p {  width: 98%; text-indent: 2rem; font-size: 14px; line-height: 22px; margin: 0px auto;}
	.met-index-about .right_side h2 {  font-weight: 700;  font-size: 1.3em; }
	.we_are_deatails { width: 94%; margin: 0px auto; overflow: hidden; clear: both; }
}

@media screen and (max-width: 1200px) and (min-width: 991px)
{
.we_are_deatails > p { width: 96%; text-indent: 2rem; font-size: 14px; line-height: 23px;}
.met-index-about .right_side h2 {  font-weight: 700;  font-size: 1.6em;  color: #fff;  position: relative;  padding-top: 15px;  padding-bottom: 25px;}
.met-index-about .right_side .we_are_deatails > p {  color: #666666;  width: 94%; text-indent: 2rem; line-height: 23px;}
.met-index-about .right_side h2::before {  content: '';  width: 45px;  height: 3px;  background: #f68400;  position: absolute;  top: 60px;}

}

@media screen and (max-width: 1600px) and (min-width: 1201px)
{
.we_are_deatails > p { width: 96%; text-indent: 2rem; font-size: 14px; line-height: 23px;}
}

.cjse_baout_btn {  width: 100%;  max-width: 170px;  height: 100%; min-height: 46px;  margin-top: 35px;  margin-left: auto; margin-right: 4%; margin-bottom: 45px; }
.cjse_baout_btn .p_CommonBtn_ab { background-color: rgba(246, 132, 0, 1);  height: 46px; line-height: 46px; text-align: center;  padding-left: 40px; padding-right: 40px;}
.cjse_baout_btn .e_btn {  display: table;  cursor: pointer;  text-decoration: none; }
.cjse_baout_btn a{ color: #ffffff;}


/*ABOUT 数字*/
.inum_ul { width: 100%; height: auto; overflow: hidden; display: block;}
.inum_ul li { width: 16.666%; height: auto; overflow: hidden; display: block; float: left; text-align: center; border-right: 1px solid #dadada; box-sizing: border-box; margin-top: 30px;}
.inum_ul li i { font-size:2.6rem; color:#ff6600; line-height: 45px; vertical-align:bottom; font-style: initial;font-family: Impact;}
.inum_ul li sup { font-size: 14px; display: inline-block; vertical-align: bottom; margin-left: 5px;}
.inum_ul li p { display: block; font-size: 14px; line-height: 20px; color: #333333; overflow: hidden; text-align: center; margin-top: 10px;}
.inum_ul li:last-child { border: none;}

@media only screen and (max-width: 1100px) {
	.inum_ul li { width: 33.333%;  }
	.inum_ul li:nth-child(3) {    border: none;  }
}
@media screen and (max-width: 460px) and (min-width: 0px){
.inum_ul li { width: 50%;  }
.inum_ul li i { font-size:1.9rem; color:#ff6600; line-height: 34px; font-family: Impact;}
}
/*新闻*/

.inews_bg { width: 100%; overflow: hidden; display: block; padding-bottom: 15px; }
.inews_ul { width: 100%; max-width: 1300px; margin: 0px auto 15px; overflow: hidden; display: block;}
/*
.inews_ul li { width: 23%; margin: 0px 1%; height: auto; overflow: hidden; display: block; float: left; box-sizing: border-box; margin-top: 0px;}
.inews_ul li .con_re { width: 100%; overflow: hidden; display: block; position: relative;}


.inews_ul li .ab_bg { width: 100%; height: 0; background: rgba(0,0,0,.75); display: block; overflow: hidden; padding: 0%; box-sizing: border-box; position: absolute; z-index: 9; bottom: 0; left: 0; transition: all .5s;}
.inews_ul li:hover .ab_bg { height: 100%; padding: 8%;}
.inews_ul li .ab_con { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; opacity: 0; transition: all .8s; color: #ffffff;}
.inews_ul li:hover .ab_con { opacity: 1;}
.inews_ul li .tit a { font-size: 18px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #ffffff;}
.inews_ul li .des { font-size: 14px; line-height: 25px; margin-top: 5%; overflow: hidden; text-overflow: ellipsis; color: #ffffff; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.inews_ul li .more { width: 110px; height: 35px; display: block; position: absolute; z-index: 10; right: 0; bottom: 0; border-radius: 5px; overflow: hidden;}
.inews_ul li .more a { display: block; font-size: 14px; line-height: 35px; overflow: hidden; background: #f68400; text-align: center; color: #ffffff;}
.inews_ul li .more a:hover { background: #ff6600;}

/*服务支持*/
.cjse_service {  width: 100%; overflow: hidden;  margin: 0px auto 30px; background: url("../img/headbg.jpg") center top no-repeat;}
.content {   max-width: 1300px; margin: 0 auto 5px; clear: both; overflow: hidden;}
.cjse_service ul { width: 100%; margin: 15px auto 30px;  overflow: hidden;}
.cjse_service li {  background: #f0f0f0; float: left;  width: 23%; margin: 0px 1% 0px 1%;  text-align: center; padding:1% 1% 1% 1%; box-sizing: border-box; z-index: 5; transition: all .3s; }
.cjse_service li:hover {  background-color: rgba(230, 100, 0, 0.15);display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9); }



.ab_l { width: 100%; height: 100%; overflow: hidden; display: block; background: rgba(0,0,0,0); top: 0; left: 0;  padding:16% 12% 6% 12%; box-sizing: border-box; position: absolute; z-index: 5; transition: all .3s;}
.cjse_service li:hover .ab_l  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}

.cjse_service li a {  display: block;  width: 100px;  margin: 40px auto 15px;  font-size: 22px; font-weight: 500;  }
.cjse_service li .line {  width: 20px;  height: 1px;  background-color: #626060;  margin: 0 auto;}
.cjse_service li p {  font-size: 1rem;  line-height: 2.0rem; }
.cjse_service li a span {  display: block;  width: 100px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0px 0px;
}

.cjse_service ul li img {  width: 60px;  height: 60px;  }

/*按钮*/
.b-btn { color: #fff; background: rgba(255, 100, 0, 0.9); border-radius: 30px;  padding: 5px 13px; font-size: 14px; text-align: center;position: absolute; bottom: 10%; left: 35%;}
.b-btn:hover {  font-size: 14px; color: #fff; background: #ff6600; }
.text-red {  color: #ff6600; font-weight: 700;  }

@media screen and (max-width: 870px) and (min-width: 640px){
.cjse_service li {  background: #f0f0f0; float: left;  width: 23%; margin: 0px 1% 0px 1%;  padding: 0px 0px 40px;  text-align: center;}
.cjse_service li a {  display: block;  width: 100px;  margin: 40px auto 15px;  font-size: 18px; font-weight: 500;  }
.cjse_service li p {  font-size: 14px;  line-height: 2.0rem; }
}
@media screen and (max-width: 640px) and (min-width: 320px){
.cjse_service li {  background: #f0f0f0; float: left;  width: 46%; margin: 0px 2% 30px 2%;  padding: 0px 0px 40px;  text-align: center;}
.cjse_service li a {  display: block;  width: 100px;  margin: 40px auto 15px;  font-size: 22px; font-weight: 500;  }
.cjse_service li p {  font-size: 16px;  line-height: 2.0rem; }
.inews_ul li { width: 46%; margin: 0px 2% 15px; height: auto; overflow: hidden; display: block; float: left; box-sizing: border-box; }
.ibot_left { width: 46%; margin: 0 2%; overflow:hidden; display: block; float: left; position: relative;}
}


.ibot_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative; background: url("../img/headbg.jpg") center top no-repeat;}
.ibot_left { width: 24%; margin: 0 0.5% 0%; overflow:hidden;  float: left; position: relative; }

.ibot_bg .ibot_left:hover .img img { transform: scale(1.2, 1.2); transition: transform 0.4s ease 0s;}
.ibot_bg .ab_l { width: 100%; height: 100%; overflow: hidden;  background: rgba(0,0,0,0); padding:7% 7%; box-sizing: border-box;  z-index: 5; transition: all .3s;}
.ibot_bg .ibot_left:hover .ab_l  {display: block; overflow: hidden; background: rgba(0,0,0,.7); transform: scale(0.9,0.9);}
.ibot_bg .ab_l .con_bg { width:100%; overflow: hidden; display: block;}
.ibot_bg .ab_l .tit { font-size:26px;  line-height: 40px; overflow: hidden; color: #ffffff; font-weight: 600; text-align: center; }
.ibot_bg .ab_l .des { font-size: 16px; line-height: 23px; margin-top: 15px; color: #ffffff; transition: all 300ms linear; float: left;}
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 1% auto 1%;}
.ibot_left .con_bg .tit_c { width: 40px;  margin: 0% auto 0%;  font-size: 16px; font-weight: 500;  }
.ibot_left .con_bg h4 { font-size: 18px; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { font-size: 14px;  color: #fff;  line-height: 22px; }

@media screen and (max-width: 360px) and (min-width: 190px){
.ibot_left { width: 46%; margin: 0 2% 3%; overflow:hidden; float: left;}
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 3% auto 3%;}
.ibot_left .con_bg h4 { font-size: 18px; font-weight: 500; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { font-size: 16px;  color: #fff; text-align:left; line-height: 26px; display:none; }
.inews_ul li { width: 46%;  margin: 0px 2% 3%; height: auto; overflow: hidden; display: block; float: left; box-sizing: border-box;  }
}
@media screen and (max-width: 360px) and (min-width: 190px){
 .ibot_left .con_bg .tit_c img {  display: block;  width: 70%;  margin: 0% auto 0%; }
 .b-btn { display:none;}
}
@media screen and (max-width: 539px) and (min-width: 361px){
.ibot_left { width: 46%; margin: 0 2% 2%; overflow:hidden; float: left;}
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 3% auto 3%;}
.ibot_left .con_bg .tit_c img {  display: block;  width: 80%;  margin: 0% auto 0%; }
.ibot_left .con_bg h4 { font-size: 16px; font-weight: 600; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { display:none; } 
.b-btn { color: #fff; background: rgba(255, 100, 0, 0.9); border-radius: 30px;  padding: 5px 0px; font-size: 14px; width: 60%; text-align: center;position: absolute; bottom: 15%; left: 20%;}
}
@media screen and (max-width: 640px) and (min-width: 540px){
.ibot_left .con_bg p { font-size: 14px;  color: #fff; text-align:left; line-height: 22px; }
}
@media screen and (max-width: 840px) and (min-width: 641px){
.ibot_left { width: 46%; margin: 0 2% 2%; overflow:hidden; float: left;}
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #ff68400;  margin: 3% auto 3%;}
.ibot_left .con_bg .tit_c img {  display: block;  width: 70%;  margin: 0% auto 0%; }
.ibot_left .con_bg h4 { font-size: 18px; font-weight: 600; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { font-size: 16px;  color: #fff; text-align:left; line-height: 26px; }	
}
@media screen and (max-width: 1100px) and (min-width: 841px){
.ibot_left { width: 23%; margin: 0 1% 2%; overflow:hidden; float: left;}
.ibot_left .con_bg .line {  width: 26px;  height: 2px;  background-color: #f68400;  margin: 3% auto 3%;}
.ibot_left .con_bg .tit_c img {  display: block;  width: 70%;  margin: 0% auto 0%; }
.ibot_left .con_bg h4 { font-size: 16px; font-weight: 600; color: #f68400;  text-align: center;  }
.ibot_left .con_bg p { font-size: 12px;  color: #fff; text-align:left; line-height: 19px; }	
}

/*见证工程*/
.wrap1200 { max-width: 1300px;  margin: 0 auto;}
.index_al{ width: 100%; overflow: hidden;}
.index_al .index_anli{ margin:15px auto 20px; overflow:hidden; }
.index_al .index_abli li{width:100%;overflow:hidden;}
.index_al .index_anli img,.index_sbpz dd img{ width:100%;height:auto;}
.index_al .syal_l{float: left; width:48%;}
.index_al .syal_r{float: right; width:50%; }
.index_al .syal_r h3{ font-size: 22px; font-weight: normal; line-height: 40px;}
.index_al .syal_r .index_clnl { width: 100%; overflow: hidden;font-size: 16px;}
.index_al .syal_r .index_clnl dt{ width: 48%; float: left; margin:0% 1%; line-height:40px; border-top: solid 0px #ddd;border-bottom: solid 1px #ddd;}
.index_al .syal_r .index_clnl dt i{ color: #f68400;  font-style: normal; font-weight: 500; padding-right: 10px; }
.index_al .syal_r .index_ys { font-size: 16px;font-weight: normal; line-height: 29px; padding-top: 15px;}

.index_sbpz {width: 100%; margin:20px 0 30px -2%;overflow: hidden;}
.index_sbpz dd {float:left; width:31.333%; margin-left:2%; position:relative; }
.index_sbpz dd p {display:block; position:absolute; bottom:0; text-align:center; background-color: rgba(0, 0, 0, .65); width:100%; height:36px; line-height:36px; font-size:16px;}
.index_sbpz dd p a{ color:#fff;}
.syal_ckxq{ width: 130px;; line-height:44px; background-color:#f68400; overflow:hidden; text-align: center;}
.syal_ckxq a{ color: #fff;}	
.index_al .tit dl b {  margin: 0 4px;  font-weight: bold;  font-size: 26px;  color: #ea5504; padding-top: 10px;}
@media (max-width:960px){
.index_al .syal_r h3{ font-size: 16px; line-height: 46px;}	
.index_al .syal_r .index_clnl dt{font-size: 14px;line-height: 34px;}
.index_al .syal_r .index_ys { font-size: 14px; font-weight: normal;line-height: 26px; }
.index_sbpz {width: 100%; margin:10px 0 10px -2%;overflow: hidden;}
.index_al .syal_r .index_ys { padding-top: 5px;}	
.syal_ckxq { width: 100px;  line-height: 34px;  background-color: #f68400;  overflow: hidden;  text-align: center;}	
}
@media (max-width:768px){
.index_al .syal_r .index_clnl dt{font-size: 14px;}
.index_al .syal_r .index_ys { font-size: 14px; font-weight: normal; }
.index_al .syal_r h3{ font-size: 18px; font-weight: normal; line-height: 46px;}
.pro_cptj li p{margin: 5px 0 15px;font-size: 16px;}
.index_hxsl_l .hxsl_img .hxsl_p span{display: none;}
.index_al .syal_l{width:94%; overflow: hidden; margin: 0px 3%;}
.index_al .syal_r{width:96%; overflow: hidden; margin-top: 0px;}
.index_sbpz{display: none;}
.syal_ckxq{display: block;}
.syal_ckxq,.index_al .index_anli{margin-top: 15px;}
}
@media (max-width: 470px) {
    .index_al .syal_r .index_clnl dt { font-size: 14px; }
    .index_al .syal_r .index_ys { font-size: 14px; font-weight: normal; }
}
@media (max-width:360px){
    .index_al .syal_r .index_clnl dt{font-size: 13px;line-height: 26px;}
}

/**/
.w-newsList2{position: relative; overflow:hidden;}
.w-newsList2 .adSN_page{ position: absolute; left: auto; right:1%; bottom:18px;width: auto; z-index: 10; text-align: right; }
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 6px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #f68400;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}


@media (max-width:767px){
	.w-newsList2 .adSN_page{ top: auto; bottom: 3%; right: 3% ;  text-align: center;}
}
@media screen and (max-width: 830px) and (min-width: 291px){
    .w-newsList2 .adSN_page span { width: 40px; }
}