@charset "utf-8";
/* CSS Document */
*html { background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, tbody, p, th, td, em { -webkit-text-size-adjust:none; margin:0; padding:0; border:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:14px; font-family:Arial; }
body, html {
    font-size: 100%;
    padding: 0;
    margin: 0;
    /* overflow-x: hidden; */
}
body {font-size: 14px;margin: 0px;padding: 0px;color: #666;background-color: #fff;}
ul { margin: 0px; padding: 0px; }
a:active, a:focus { outline:none; }
a {color: #000;text-decoration: none;}
a:hover { color:#6dace2; }
li { list-style-type: none; }
dl, dd, dt, img { margin: 0px; padding: 0px; border:0px; }
/*s19 头部*/
.s19_top
{
	width:100%;
	float:left;
	background: #eff4f7;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #ffffff2e;
}
.s19_top_1
{
	width:1200px;
	margin:auto;
}
.s19_top_c
{
	width:100%;
	float:left;
}
.s19_top_l
{
width: 60%;
float: left;
}
.s19_top_l p
{float: left;margin-right: 30px;color: #000;}
.s19_top_l p img
{
margin-right: 10px;
}
.s19_top_r
{
float: right;
}
.s19_top_r p
{
float: left;
margin-left: 40px;
}
.s19_top_r p a
{
	color: #000;
}
.s19_top_r p a:hover
{
	color: #fff;
}
.s42_logo_l_img
{
    float: left;
}
.s42_logo_l_wz
{
    float: left;
    text-align: center;
    width: 370px;
}
/*s19 头部*/

.index_search{width: 310px;height: 40px;float: left;background: #fff;margin-top: 0px;border: 1px solid #e0e0e0;/* margin-right: 20px; */}
.index_search .search_input{float: left;width: 260px;margin-left: 12px;border: 0;outline: 0;background: no-repeat;line-height: 40px;color: #999;height: 40px;}
.index_search .search_btn{width: 15px;height: 15px;background: url(../../images/3/fdj.png) no-repeat;cursor: pointer;border: 0;outline: 0;margin-top: 13px;/* border-left: 1px solid #ccc; */position: absolute;}

.x_logo_r:hover .fdj_b
{
	display:block;
}
.ys
{
	background: #23b2f1;
}
.ys a
{
	color:#fff;
}
/*S217导航*/
.s42_logo
{
	width:100%;
	float:left;
	height: 150px;
}
.s42_logo_1
{
	width:1200px;
	margin:auto;
}
.s42_logo_l
{
	float:left;
	margin-top: 30px;
	width: 690px;
}
.s42_logo_l img
{
    float: left;
}
.s42_logo_l h1
{
    color: #f9a100;
    font-size: 24px;
}
.s42_logo_l p
{
    color: #23b2f1;
    font-size: 14px;
    float: left;
    width: 45%;
    border: 1px solid #23b2f1;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 10px;
}
.s42_logo_l span
{
    float: left;
    color: #23b2f1;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    font-size: 28px;
}
.s39_logo_r
{
	float:right;
	margin-top: 45px;
	width: 270px;
}
.s39_logo_r img
{
    float: left;
}
.s39_logo_r p
{
    float: left;
    margin-top: 25px;
}
.s39_logo_r1
{
width: 243px;
margin-top: 20px;
float: left;
}
.s39_logo_r1 img
{
float: left;
}
.s39_logo_r1 p
{
  font-size: 18px;
  font-family: "Microsoft YaHei";
  color: rgb(0, 0, 0);
  margin-bottom: 7px;
}
.s39_logo_r1 span
{
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: rgb(119, 119, 119);
}
/*s42 导航*/
.s290_nav
{
	width:100%;
	float:left;
	height:60px;
	border-top: 1px solid #e5e8ef;
}
.s290_nav_1
{
	margin:auto;
	width:1200px;
	background: #fff;
	height: 60px;
}
.s290_nav_1 li
{
	float:left;
	line-height:60px;
	padding-left: 34px;
	padding-right: 34px;
	position: relative;
	/* overflow: hidden; */
}
.s290_nav_1 li:hover
{
    background: #23b2f1;
}
.s290_nav_1 li:hover a
{
	color:#fff;
}
.s290_nav_1 li:hover .s290_xl
{
	display:block;
}
.s290_xl
{
position: absolute;
z-index: 99999;
width: 225px;
left: 0;
display: none;
}
.s290_xl li
{
float: left;
padding: 0 15px;
line-height: 45px;
background: #23b2f1;
height: 45px;
border-bottom: 1px dashed #dddddd61;
width: 100%;
}
/*S217导航*/
.s60_news










{
	width:100%;
	float:left;
}
.s60_news_1
{
	width:1200px;
	margin:auto;
}
.s60_news_1 ul
{
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.s60_news_1 li
{
    width: 280px;
    height: 360px;
    float: left;
    border: 1px solid #eee;
    overflow: hidden;
    margin-right: 26px;
}
.s60_news_txt
{
    padding: 25px;
}
.s60_news_txt h1
{
    font-weight: 100;
    color: #000;
    font-size: 20px;
    height: 25px;
    overflow: hidden;
    margin-bottom: 15px;
}
.s60_news_txt p
{
    line-height: 22px;
    height: 110px;
    overflow: hidden;
}
.s60_news_img
{
    padding: 0px 25px;
    width: 240px;
    overflow: hidden;
    height: 150px;
    border: 1px solid #eee;
    text-align: center;
    display: list-item;
    line-height: 150px;
    margin: auto;
}
.s60_news_img img
{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}


.s19_bottom
{
	width:100%;
	float:left;
	background: #000;
	padding-top: 50px;
	padding-bottom: 50px;
}
.s19_bottom_1
{
	width:1200px;
	margin:auto;
}
.s19_bottom_l
{
	
width: 470px;

	
float: left;
}
.s19_bottom_l img
{
	
}
.s19_bottom_l p
{
	
line-height: 30px;
	
margin-top: 20px;
}
.s19_bottom_r
{
	float:right;
}
.s19_bottom_r1
{

float: left;

margin-left: 80px;

margin-top: 15px;
}
.s19_bottom_r1 h1
{

color: #fff;

font-size: 18px;

font-weight: 100;

margin-bottom: 15px;
}
.s19_bottom_r1 p 
{

margin-bottom: 20px;
}
.s19_bottom_r1 p a
{

color: #b7b8bb;
}.icp
{
	width:100%;
	float:left;
	background:#f2f2f2;
}
.icp_1
{
	width:100%;
	max-width:1200px;


	margin:auto;
}

.icp_l
{
	float:left;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
}
.icp_r
{
	float:right;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
}

.ydct
{
	float:right;
	position: relative;
}
.ydct:hover .ydct_1
{
	display:block;
}
.ydct_1
{
	display:none;
	position: absolute;
	margin-top: -180px;
}
.ydct_1 p
{
	color:#fff;
	font-size:14px;
	text-align:center;
	height:30px;
	line-height:30px;
	background: #999;
}

.m_db {
    display: none;
}
.dd {

    display: none;
}
.s62_pro
{
    width: 100%;
    float: left;
}
.s217_pro
{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.s217_pro_l
{
    float: left;
    width: 286px;
}
.s217_pro_l h1
{
    float: left;
    background: #23b2f1;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-weight: 100;
    font-size: 24px;
}
.s217_pro_l p
{
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #eee;
    padding-left: 40px;
}
.s217_pro_l p:hover
{background: #23b2f1; color:#fff;}
.s62_pro_1
{width: 1200px;margin: auto;position: relative;}
.s62_pro_t
{
    float: left;
    text-align: center;
    width: 100%;
}
.s62_pro_t h1
{
    font-size: 18px;
    color: #000;
    font-weight: 100;
    margin-top: 25px;
    margin-bottom: 10px;
}
.s62_pro_t p
{
    font-size: 30px;
    color: #23b2f1;
    float: left;
    width: 100%;
}
.s62_pro_t span
{
    font-size: 14px;
    width: 20px;
    display: inline-block;
    line-height: 24px;
    margin-top: 5px;
    margin-left: 15px;
    background: #23b2f1;
    height: 2px;
}
.s62_pro_b
{
    width: 890px;
    float: right;
}
.s62_pro_b li
{
    float: left;
    height: 310px;
    width: 285px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 17px;
    margin-bottom: 15px;
}
.s62_pro_img
{
width:285px;
    overflow: hidden;
    height:260px;
    text-align: center;
    display: list-item;
    line-height:260px;
    margin: auto;
    border-bottom: 1px solid #eee;
}
.s62_pro_img img
{
	width: auto;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    }
.s62_pro_wz
{

    width: 285px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #f5f5f5;
    color: #000;
}

.s62_pro_b li:hover .s62_pro_wz
{
	background:#23b2f1;
	color:#fff;
}
.s62_pro_wz p
{}
.s62_bt
{
    position: absolute;
    left: -55px;
    /* z-index: -1; */
}
.s62_about
{
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
    background:url(../../images/3/s62_bg1.jpg) no-repeat bottom right;
    padding-bottom: 50px;
}
.s62_about_1
{
    margin: auto;
    width: 1200px;
    position: relative;
}
.s62_about_l
{
    width: 555px;
    float: left;
}
.s62_about_l h1
{
    font-size: 30px;
    color: #000;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 15px;
}
.s62_about_l span
{
    width: 100px;
    height: 2px;
    background: #23b2f1;
    display: inline-block;
    float: left;
}
.s62_about_l p
{
    color: #23b2f1;
    font-size: 18px;
    margin-bottom: 15px;
}
.s62_about_l em
{
    float: left;
    font-style: inherit;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.s62_about_l h2
{
    float: left;
    width: 180px;
    height: 45px;
    line-height: 45px;
    background: #23b2f1;
    border-radius: 20px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
}
.s62_about_r
{
    float: right;
    width: 550px;
    height: 390px;
}
.s62_about_r img
{
    width: 100%;
}
.s62_case
{
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 30px;
	padding-top: 20px;
}
.s62_case_1
{
    width: 1200px;
    margin: auto;
}
.s62_case_l
{
    float: left;
    width: 680px;
}
.s62_case_l img
{
    width: 100%;
}
.s62_case_r
{
    width: 480px;
    float: right;
    margin-top: 80px;
}
.s62_case_cl
{
    float: right;
    margin-top: 45px;
}
.s62_case_cl img
{}
.s62_case_r h1
{
    font-size:30px;
    color: #000;
    margin-top: 20px;
    font-weight: 100;
}
.s62_case_r h1 a
{
	color: #23b2f1;
}
.s62_case_r p
{
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.s62_case_r span
{
	float: left;
    width: 180px;
    height: 45px;
    line-height: 45px;
    background: #23b2f1;
    border-radius: 20px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
}
.s62_case_r span a
{
    color: #fff;	
}
.s62_case_c
{
	width:100%;
	float:left;
	margin-bottom: 25px;
}
.s62_case_c1
{
	width:1200px;
	margin:auto;
}
.s62_case_cr
{
    float: left;
    width: 480px;
    margin-top: 40px;
}
.s62_case_cr h1
{
    font-size: 22px;
    color: #000;
    margin-top: 20px;
    font-weight: 100;
}
.s62_case_cr p
{
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.s62_case_cr span
{
	float: left;
    width: 180px;
    height: 45px;
    line-height: 45px;
    background: #23b2f1;
    border-radius: 20px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
}
.s62_case_cr span a
{
    color: #fff;	
}
.s62_news
{
	width:100%;
	float:left;
	background:url(../../images/3/news_bg.jpg) center center;
	height:625px
}
.s62_news_c
{
	width:1200px;
	margin:auto;
	position: relative;
}


.s20_news_b li:nth-child(3) {
    float: right;
    margin-right: 0;
}
.s20_news_b li .s20_news_b_img
{

	
height: 290px;
	
text-align: center;
	
border: 1px solid #eee;

}
.s20_news_b li .s20_news_b_img img
{
	
width: 100%;
	
height: 290px;
	
object-fit: contain;
}
.s20_news_b li .s20_news_b_wz
{
	
width: 100%;
	
float: left;
	
margin-top: 25px;
}
.s20_news_b li .s20_news_b_wz em
{
	
float: left;
	
width: 100%;
	
color: #000;
}
.s20_news_b li .s20_news_b_wz span
{
	
background: #ffd9db;
	
padding: 10px;
	
color: #ff7178;
	
margin-right: 15px;
}
.s20_news_b li .s20_news_b_wz h1 a
{color: #000;}
.s20_news_b li .s20_news_b_wz h1
{
  font-size: 18px;
  font-family: "Arial";
  color: rgb(0, 70, 226);
  float: left;
  width: 100%;

  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 100;
  height: 24px;
  overflow: hidden;
}
.s20_news_b li .s20_news_b_wz h1 a:hover
{
  color: #23b2f1;
}
.s20_news_b li .s20_news_b_wz p
{
  font-size: 14px;
  font-family: "Arial";
  color: #fff;
  line-height: 24px;
}


.s100_bg1
{
	width:100%;
	float:left;
	height:740px;
	overflow: hidden;
	position:relative;
}
.s217_product
{
	width:100%;
	float:left;
}
.s217_product_1
{
	width:1200px;
	margin:auto;
}
.s217_product_1 li
{
    float: left;
    height: 335px;
    width: 385px;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 22px;
    margin-bottom: 15px;
    background: #fff;
    position: relative;
}
.s217_product_img
{width: 385px;overflow: hidden;height: 335px;text-align: center;display: list-item;line-height: 335px;margin: auto;border-bottom: 1px solid #eee;}
.s217_product_img img
{
	width: auto;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-height: 100%;
    max-width: 100%;

    }
.s217_product_1 li:hover  .s217_product_wz
{
	transition: all 0.6s;
	bottom:0;
}    
.s217_product_wz
{

position: absolute;

bottom: -145px;

padding: 20px;

width: 100%;


}
.s217_product_1 li:hover .s217_product_wz
{
background: #00a2e9a3;
	color:#fff;
}
.s217_product_1 li:hover .s217_product_wz a
{
	color:#fff;
}
.s217_product_wz p
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    }
.s217_product_wz span
{
    color: #fff;
    line-height: 24px;
}    
.s217_product_wz p a
{
    color: #fff;
}
.s217_product_b
{
	width:100%;
	float:left;
	margin-top:20px;
}
.s27_ry
{
	width:100%;
	float:left;
	position: relative;
	margin-top: 20px;
	background:url(../../images/3/s62_bg3.jpg) no-repeat center #000;
	height: 560px;
}
.s27_ry_1
{
	width:1200px;
	margin:auto;
}
.s27_ry_1 li
{
	float:left;
	width: 280px;
	height: 365px;
	background: #fff;
	margin-right: 26px;
	margin-top: 20px;
	border: 1px solid #eee;
}
.s27_ry_1 li img
{
	cursor: pointer;
    align-items: center;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
}
.s20_news {
    width: 100%;
    float: left;
    position: inherit;
    z-index: 9999999;
}
.s20_news_1 {
    width: 1200px;
    margin: auto;
}

element.style {
}
.s20_news_b {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.s20_news_b li {
    float: left;
    width: 390px;
    padding: 5px 20px;
    border: 1px solid #eee;
    margin-right: 15px;
    height: 375px;
}
.s20_news_b li .s20_news_b_wz {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.s20_news_b li .s20_news_b_wz em {
    float: left;
    width: 100%;
}
.s20_news_b li .s20_news_b_wz h1 {
    font-size: 18px;
    font-family: "Arial";
    color: rgb(0, 70, 226);
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 100;
    height: 24px;
    overflow: hidden;
}
.s20_news_b li .s20_news_b_wz p {
    font-size: 14px;
    font-family: "Arial";
    color: rgb(110, 110, 110);
    line-height: 24px;
    float: left;
    height: 120px;
    overflow: hidden;
}
.s20_news_b li .s20_news_b_img {
    height: 150px;
    border: 1px solid #eee;
    width: 355px;
    overflow: hidden;
    line-height: 150px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.s20_news_b li .s20_news_b_img img {
    vertical-align: middle;
    cursor: pointer;
    align-items: center;
    height: 120px;
    width: auto;
}


.s220_top
{
    width: 100%;
    float: left;
    margin-top: 30px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
}
.s220_top_1
{
    width: 1200px;
    margin: auto;
}
.s220_top_l span
{
    width: 50px;
    height: 2px;
    background: #000;
    display: inline-block;
}
.s220_top_l p
{
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.s220_top_l
{
    float: left;
    width: 399px;
    border-right: 1px solid #e3e3e3;
    height: 160px;
}
.s220_top_l img
{}
.s220_top_c
{
    float: left;
    width: 399px;
    border-right: 1px solid #e3e3e3;


    height: 160px;
    padding-left: 30px;
}
.s220_top_c span
{
    width: 50px;
    height: 2px;
    background: #000;
    display: inline-block;
    float: left;
    margin-top: 10px;
}
.s220_top_c em
{
    float: left;
    font-size: 25px;
    width: 100%;
    color: #999;
    margin-top: 20px;
    margin-bottom: 5px;
}
.s220_top_c p
{
    font-size: 14px;
    color: #000;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.s220_top_c h1
{
    font-size: 32px;
    color: #000;
}
.s220_top_r span
{
    width: 50px;
    height: 2px;
    background: #000;
    display: inline-block;
    float: left;
    margin-top: 10px;
}
.s220_top_r em
{
    float: left;
    font-size: 25px;
    width: 100%;
    color: #999;
    margin-top: 20px;
    margin-bottom: 5px;
}
.s220_top_r p
{
    font-size: 14px;
    color: #000;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 20px;
    height: 20px;
    overflow: hidden;
}
.s220_top_r
{
    float: right;
    width: 399px;
    border-right: 1px solid #e3e3e3;
    height: 160px;
    padding-left: 30px;
}
.s220_pro
{
	width:100%;
	float:left;
}
.s19_pro_1
{
	width:1200px;
	margin:auto;
}
.s19_pro_t
{
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 30px;
}
.s19_pro_t h1
{
    font-size: 35px;
    font-weight: 100;
    color: #23b2f1;
}
.s19_pro_t p
{
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.s27_about
{
	width:100%;
	float:left;
	margin-top: 40px;
	margin-bottom: 0px;
}
.s27_about_1
{
	width:1200px;
	margin:auto;
	text-align: center;
}
.s27_about_1 h1
{

text-align: center;

font-size: 28px;

font-weight: 100;

color: #000;

margin-bottom: 15px;
}
.s27_about_1 span
{

width: 100px;

height: 2px;

background: #0056a3;

display: inline-block;

text-align: center;
}
.s27_about_1 p
{

padding-left: 150px;

padding-right: 150px;

line-height: 28px;

margin-top: 15px;

margin-bottom: 30px;
}
.s27_about_1 img
{

}
.s208_case
{
	width:100%;
	float:left;
}
.s208_case_c
{
	width:1200px;
	margin:auto;
}
.s83_about_l1
{
	margin-bottom:20px;
}
.s208_case_l
{float: left;width: 600px;}
.s208_case_l_img
{float: left;width: 600px;height: 425px;border: 1px solid #eee;overflow: hidden;}
.s208_case_l_img img
{
	object-fit: scale-down;
    line-height:425px;
    height:425px;
    width: 100%;
    overflow: hidden;
}
.s208_case_l_txt
{
}
.s208_case_l_txt h1
{font-size: 24px;color: #000;font-weight: 100;width: 100%;float: left;margin-top: 15px;margin-bottom: 15px;height: 30px;overflow: hidden;}
.s208_case_l_txt p
{width: 100%;float: left;line-height: 24px;height: 72px;overflow: hidden;}
.s208_case_l_txt span
{width: 152px;height: 43px;line-height: 43px;display: inline-block;text-align: center;background: #00a2e9;color: #fff;border-radius: 20px;margin-top: 20px;}
.s208_case_l_txt span a
{color:#fff;}
.s208_case_r
{float: right;width: 570px;}
.s208_case_r li
{float: left;width: 570px;margin-bottom: 15px;}

.s208_case_r_img img
{object-fit: scale-down;line-height:210px;height:210px;width: 100%;overflow: hidden;border: 1px solid #f1f1f1;}
.s208_case_r_img
{width: 300px;height: 210px;float: left;}
.s208_case_r_txt
{width: 250px;float: right;margin-top: 30px;}
.s208_case_r_txt h1
{font-size: 18px;font-weight: 100;color: #000;height: 24px;overflow: hidden;margin-bottom: 10px;}
.s208_case_r_txt p
{line-height: 24px;color: #999;height: 72px;overflow: hidden;}
.s208_case_r_txt span
{font-size: 18px;margin-top: 15px;float: left;color: #00a2e9;}
.s208_case_r_txt span a
{color: #00a2e9;}
@media screen and (max-width: 64rem){
.s220_top_1 {
    width:95%;
    margin: auto;
}
.s220_top_l {
    float: left;
    width:100%;
    border-right: 1px solid #e3e3e3;
    height: 160px;
	padding-left: 30px;
}
.s220_top_c {
    float: left;
    width:100%;
    border-right: 1px solid #e3e3e3;
    height: 160px;
    padding-left: 30px;
}
.s220_top_r {
    float: right;
    width: 100%;
    border-right: 1px solid #e3e3e3;
    height: 160px;
    padding-left: 30px;
}
.s19_pro_1 {
    width:95%;
    margin: auto;
}
.nav-tabs > li {
    width: 32% !important;
    overflow: hidden;
}
.s62_case {
    margin-bottom: 0px;
}
.s62_case_cr h1 {
    margin-top: 0px;
}
}
@media screen and (max-width: 64rem){
.s62_pro_1 {
    width:95%;
}
.s62_pro_t {
    width: 100%;
}
.s62_pro_t span {
    font-size: 14px;
    color: #999999;
    width: 100%;
    display: inline-block;
    line-height: 24px;
    margin-top: 5px;
    margin-left: 0px;
}
.s62_pro_b li {
    float: left;
    height: 310px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 0px;
    margin-top: 25px;
}
.s62_pro_wz {
    width: 100%;
}
.s62_about_1 {
    margin: auto;
    width: 95%;
    position: relative;
}
.s62_about_l {
    width: 100%;
    float: left;
}
.s62_about_r {
    float: right;
    width: 100%;
    height:auto;
}
.s62_case_1 {
    width: 95%;
    margin: auto;
}
.s62_case_l {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
}
.s62_case_r {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.s62_case_c1 {
    width:95%;
    margin: auto;
}
.s62_case_cr {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.s62_case_c {
    width: 100%;
    float: left;
    /* background: url(../../images/3/s62_bg3.jpg) no-repeat right bottom; */
    height: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
.s62_news_c {
    width:95%;
    margin: auto;
    position: relative;
}
.s62_news {
    width: 100%;
    float: left;
    background:#c13234;
    height: auto;
}
}
@media screen and (max-width: 64rem){
.s60_nav
{
	display:none;
}
.s60_about_1 {
    width:95%;
    margin: auto;
}
.grid--item:nth-child(7n-1), .grid--item:nth-child(1) {
  margin-left: 0px;
}
.grid--item {
    margin-top:0px;
    width: calc(50% - 10px);

}
.s60_about_b {
    width: 100%;
}
.s60_about_b h1 {
    font-size: 30px;
    color: #000;
    font-weight: 100;
}
.s60_pro_1 {
    width:95%;
    margin: auto;
}
.s60_bg3 {
    height: auto;
}
.s60_news_1 {
    width: 95%;
    margin: auto;
}
.s60_pro_ws {
    position: inherit;
    top: 0px;
}
.s60_news_1 li
{
    width: 100%;
    height: 360px;
    float: left;
    border: 1px solid #eee;
    overflow: hidden;
    margin-right: 26px;
    margin-bottom: 15px;
}
.s19_bottom {
    display: none;
}
.icp {
    display: none;
}
.m_db
{
	 display: block !important;
}

.dd {
    display: block !important;
}

.bottom_1_2
{
	
width: 19.6%;
float: left;
text-align: center;
background: #f2f2f2;
padding-top: 3%;
padding-bottom: 3%;
border-right:  1px solid #fff;
}
.bottom_1_2 i
{
	font-size: 24px;

}
.bottom_1_2 p
{
	
font-size: 14px;
}
.bottom_1_3 i
{
	font-size: 24px;
	color:#fff;
}
.bottom_1_3 p
{
	color:#fff;
	font-size: 16px;
}
.bottom_1_3
{width: 40%;float:right;text-align: center;background: #23b2f1;padding-top:3%;padding-bottom:3%;}
.m_db
{
	/* display:block !important; */
	width: 100%;
	float: left;
	background: #1f1f1f;
	padding-top:  5%;
	padding-bottom: 5%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 39px;
	margin-bottom: 14%;
}
.dd
{
	/* display:block !important; */
	width: 100%;
	float: left;
	position: fixed;
	bottom: 0px;    
	z-index: 999999999999999999999;
	background: #f1f1f1;
}
.cpbox {
    width: 95% !important;
    margin: 0 auto;
}
}
@media screen and (max-width: 64rem){
.s19_top
{
	display:none;
}
.s42_logo
{
	display:none;
}
.s290_nav

{
	display:none;
}
.s217_pro_l {
    float: left;
    width:100%;
}
.s62_pro_b {
    float: left;
    width:100%;
}
.s217_product_1 {
    width:95%;
    margin: auto;
}
.s27_ry_1 {
    width:95%;
    margin: auto;
}
.s27_ry_1 li {
    float: left;
    width: 100%;
}
.s20_news_1 {
    width:95%;
    margin: auto;
}
.s20_news_b li {
    float: left;
    width: 100%;
    margin-right: 0px;
}
.s20_news_b li .s20_news_b_img {
    height: 150px;
    border: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    line-height: 150px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.s20_news_b li .s20_news_b_img img {
    vertical-align: middle;
    cursor: pointer;
    align-items: center;
    height: 120px;
    width: 100%;
}
.s217_product_1 li {
    float: left;
    height: 335px;
    width:100%;
    overflow: hidden;
    border: 1px solid #eee;
    margin-right: 22px;
    margin-bottom: 15px;
    background: #fff;
}
.s217_product_wz {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #f5f5f5;
    color: #000;
}
.s62_case_cl img {
    width: 100%;
}
.s27_about_1 {
    width: 95%;
    margin: auto;
    text-align: center;
}
.s27_about_1 p {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.s27_about_1 img {
    width: 100%;
}
.s208_case_c {
    width: 95%;
    margin: auto;
}
.s208_case_l {
    float: left;
    width: 100%;
}
.s208_case_l_img {
    float: left;
    width: 100%;
    height: 425px;
    border: 1px solid #eee;
    overflow: hidden;
}
.s208_case_r {
    float: right;
    width: 100%;
}
.s208_case_r li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.s208_case_r_img {
    width: 100%;
    height: 210px;
    float: left;
}
.s208_case_r_txt {
    width: 100%;
    float: right;
    margin-top: 30px;
}
.s27_ry {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px;
    background: url(../../images/3/s62_bg3.jpg) no-repeat center #000;
    height: auto;
}
}
#container {
  color:#999;
  text-transform: uppercase;
  display:block;
  float: left;
}

#flip {
  height: 35px;
  overflow:hidden;
}

#flip > div > div {
  color:#000;
  padding: 0 18px;
  /* line-height: 45px; */
  height:45px;
  margin-bottom:45px;
  display:inline-block;
}

#flip div:first-child {
  animation: show 5s linear infinite;
}

#flip div div {

}
#flip div:first-child div {

}
#flip div:last-child div {

}

@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}