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

.s287_dh
{
	width:100%;
	float:left;
	background: #f55d73;
	position: fixed;
	z-index: 9999999;
	top: 0;
}
.s287_dh_1
{
	width:1200px;
	margin:auto;
	height: 110px;
	/* box-shadow: 0 0 10px 5px #00000017; */
	position: relative;
}
.s287_dh_logo
{
	float:left;
}
.s287_dh_logo img
{
	float:left;
	margin-top: 25px;
	margin-left: 30px;
}
.s287_dh_nav
{

float: left;

margin-left: 65px;
}
.s287_dh_nav li
{
	
float: left;
	
font-size: 15px;
	
line-height: 110px;
	
margin-left: 0px;
}

.v4_search
{
	
right: 0;
	
position: absolute;
	
height: 110px;
}
.v4_sobox
{
	
float: right;
	
margin-top: 38px;
	
margin-right: 20px;
	
height: 110px;
}
.v4_sobg
{
	
margin-top: 10px;
	
/* float: left; */
}
.v4_sobox img
{
	
float: right;
	
margin-bottom: 15px;
}

.index_search{border: 1px solid #e40b0f;width: 240px;height: 32px;float: left;margin-top: 47px;border-radius: 20px;line-height: 32px;position: absolute;left: -225px;background: #fff;display: none;z-index: 99999999;}
.index_search .search_input{float: left;width: 200px;margin-left: 12px;border: 0;outline: 0;background: no-repeat;line-height: 32px;color: #999;}
.index_search .search_btn{width: 18px;height: 18px;background:url(../../images/3/fdj1.png) no-repeat;cursor: pointer;border: 0;outline: 0;margin-top: 7px;/* border-left: 1px solid #ccc; */}
.v4_sobox:hover .index_search
{
	display:block;
}

.hx
{
	background: #e8334d;
	color: #fff;
}
.hx a
{
	color: #fff;
}
.s287_dh_nav li:hover a
{
	/* height: 110px; */
	/* line-height: 110px; */
	color: #fff;
	background: #e8334d;
}
.s287_dh_nav li a
{height: 110px;line-height: 110px;display: inline-block;padding-left: 15px;padding-right: 15px;color: #fff;}
/*常见问题*/
div.screen
{
	display:none;
}
.m_db {
    display: none;
}
.dd {

    display: none;
}
.s107_p1
{
	width:100%;
	float:left;
	height:810px;
	background: #fff;
	position: relative;
}
.s107_p1_c
{
	width:1200px;
	margin:auto;
}
.s107_p1_l
{float: left;margin-top: 240px;}
.s107_p1_l img
{
}
.s107_p1_r
{float: right;margin-top: 80px;}
.s107_p1_r img
{
}
.s107_p2
{
	width:100%;
	float:left;
	background: url(../../images/3/s107_bg2.jpg) repeat-y center;
	height:785px;
	background-attachment: fixed;
	padding-top: 100px;
	background-repeat: no-repeat;
}
.s107_p2_c
{
	width:1200px;
	margin:auto;
}
.s107_p2_l1
{float: left;margin-top: 20px;text-align: right;color: #fff;}
.s107_p2_l1 img
{
}
.s107_p2_l1 p
{font-size: 30px;margin-top: 20px;}
.s107_p2_l1 span
{font-size: 60px;}
.s107_p2_l1 em
{
}
.s107_p2_l2
{float: left;}
.s107_p2_l2 img
{
}
.s107_p2_l3
{float: left;}
.s107_p2_l3 img
{width: auto;}
.s107_p3
{
	width:100%;
	float:left;
	height: 920px;
	background:#fff;
}
.s107_p3_c
{
	width:1200px;
	margin:auto;
	position: relative;
}
.s107_p3_l
{width: 720px;float: left;position: inherit;z-index: 999;margin-top: 110px;}
.s107_p3_l img
{
}
.s107_p3_l span
{color: #eb528f;font-size: 16px;line-height: 30px;margin-bottom: 20px;display: inline-block;}
.s107_p3_l p
{font-size: 24px;color: #eb528f;margin-bottom: 15px;}
.s107_p3_r
{position: absolute;right: 0;z-index: 9;top: 130px;}
.s107_p3_r img
{
}
.s107_p4
{
	 width: 100%;
	 float: left;
	 background: url(../../images/3/s107_p8.jpg) center top;
	 background-repeat: no-repeat;
	 margin-bottom: 50px;
	 height: 970px;
}
.s107_p4_c
{
	width:1200px;
	margin:auto;
}
.s107_p4_t
{text-align: center;margin-top: 120px;margin-bottom: 60px;}
.s107_p4_t p
{color: #fff;font-size: 36px;font-weight: 100;font-family: fangsong;margin-bottom: 10px;}
.s107_p4_b
{text-align: center;}
.s107_p4_b img
{
}
.s107_p5
{
	width:100%;
	float:left;
	background:url(../../images/3/s107_p10.jpg) no-repeat center;
	height:1083px;
}
.s107_p5_c
{
	width:1200px;
	margin:auto;
	position: relative;
}
.s107_p5_t
{width: 500px;float: right;margin-top: 192px;}
.s107_p5_t p
{color: #78c49d;font-size: 75px;font-weight: 600;}
.s107_p5_t span
{color: #78c49d;line-height: 24px;font-size: 15px;}
.s107_p5_b
{position: absolute;right: 0;top: 600px;}
.s107_p5_b h1
{color: #fff;font-size: 100px;}
.s107_p5_b p
{width: 465px;height: 52px;line-height: 52px;text-align: center;background: #f5e828;color: #78c49c;border-radius: 20px;font-size: 34px;}
.s107_banner
{
	margin-top:110px;
}
@media screen and (max-width: 64rem){

div.screen {
    display:block;
}
.s107_banner
{
	margin-top:0px;
}


.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: #f55d73;
	
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;
    /* margin-top: 95px !important; */
}
.fyc {
    width: 95% !important;
    margin: 0 auto;
}
.gywz_c_l {
    width: 95% !important;
    border: 1px solid #f1f1f1;
    padding: 2% 3%;
    margin: auto;
}
.s20_top
{
	display:none;
}
.s20_tp
{
	display:none;	
}
.s20_dh
{
		display:none;	
}
}
@media (max-width: 1440px) and (min-width: 980px){


.s48_bottom_1 {
    width: 90%;
    margin: auto;
}

}
.ys
{
	background: #f55d73;
}
.ys a
{
	color:#fff;
}
.s48_bottom_r1 button
{
	    top: 52px !important;
}
.btn11  button
{
	top: 72px !important;
}
.s20_sp_r i {
    width: 46px;
    height: 46px;
    background: url(../../images/3/video-hover.png) left top no-repeat;
    position: absolute;
    left: 260px;
    top: 165px;
    display: none;
}
.s20_sp_r:hover i {
	display: block;
}

.s20_sp_r1 i {
    width: 46px;
    height: 46px;
    background: url(../../images/3/video-hover.png) left top no-repeat;
    position: absolute;
    left: 360px;
    top: 200px;
    display: none;
}
.s20_sp_r1:hover i {
	display: block;
}


.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: 74px;

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



.logo_s

{
	float:right;
	padding-top: 33px;
	position: absolute;
	right: 0;
	width: 5%;
	height: 50px;
}
.logo_r p:hover
{
	background:#fc9e2d;
	color:#fff;
}
.logo_s img
{
	margin-left: 0%;
	right: 0;


	float: right;
}
.logo_s:hover .sousuo_wrap
{
	display:block;
}

@media screen and (max-width: 64rem){
.s19_top
{
	display:none;
}
.s19_logo
{
	display:none;
}

.s19_bottom {
    display: none;
}
.icp {
    width: 100%;
    float: left;
    background: #f2f2f2;
    display: none;
}

}
.x_logo_r
{
	float:right;
	height: 98px;
	line-height: 90px;
	width: 50px;
}
.x_logo_r1 img
{
	
margin-top: 35px;
	
float: right;
}
.x_logo_r3
{
	
float: left;
}

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

.x_logo_r:hover .fdj_b
{
	display:block;
}




/*s42产品中心*/

@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    /* height:30vh; */
  }
  h1 {
    font-size:24px;
  }
}

@media screen and (max-width: 64rem){
.s42_t1 {
    display: none;
}
.s42_logo {
    display: none;
}
.s290_nav {
    display: none;
}
.s287_dh
{
    display: none;	
}
.flickerplate
{
	padding-top:0px !important;
}
.s107_p1_c {
    width:95%;
    margin: auto;
}
.s107_p1_l img {
	width:100%;
}
.s107_p1_r img {
	width:100%;
}
.s107_p1_l {
    float: left;
    margin-top: 40px;
}
.s107_p2 {
    width: 100%;
    float: left;
    background: url(../../images/3/s107_bg2.jpg) repeat-y center;
    height: auto;
    background-attachment: fixed;
    padding-top: 100px;
    background-repeat:repeat;
}
.s107_p2_c {
    width:95%;
    margin: auto;
}
.s107_p2_l1 {
    float: left;
    margin-top: 20px;
    text-align: right;
    color: #fff;
    width: 100%;
}
.s107_p2_l1 img {
    width: 100%;
}
.s107_p2_l2 img {
    width: 100%;
}
.s107_p3_c {
    width:95%;
    margin: auto;
    position: relative;
}
.s107_p3_l {
    width: 100%;
    float: left;
    position: inherit;
    z-index: 999;
    margin-top:50px;
}
.s107_p3_l img {
    width: 100%;
}
.s107_p3_r img {
    width: 100%;
}
.s107_p3_r {
    position: inherit;
    right: 0;
    z-index: 9;
    top: 30px;
}
.s107_p4_c {
    width: 95%;
    margin: auto;
}
.s107_p4_b img {
    width: 100%;
}
.s107_p5_c {
    width: 95%;
    margin: auto;
    position: relative;
}
.s107_p5_t {
    width: 100%;
    float: right;
    margin-top: 192px;
}
.s107_p5_b {
    position: initial;
    right: 0;
    top: 600px;
    width: 100%;
}
.s107_p5_b p {
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #f5e828;
    color: #78c49c;
    border-radius: 20px;
    font-size: 24px;
}
body, html {
    font-size: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}
.footer-element {
    position: absolute;
    /* top: 37%; */
    right:0 !important;
    width: 474px;
    height: 463px;
    line-height: 120px;
    text-align: center;
    background-color: #f55d73;
    border-radius: 50%;
    z-index: 2;
}
}
@media (max-width: 1400px) and (min-width: 980px){

}
@media screen and (max-width: 768px){

}

/*css部分*/

   @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

            0%{

                transform: scale(1);  /*开始为原始大小*/

            }

            25%{

                transform: scale(0.7); /*放大1.1倍*/

            }

            50%{

                transform: scale(0.7);

            }

            75%{

                transform: scale(1);

            }

        }

    .ballon{

width: 142px;

height: 189px;

/* background: url("images/balloon.png"); */

background-size: 120px 180px;

-webkit-animation-name: scaleDraw; /*关键帧名称*/

-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/

-webkit-animation-duration: 5s; /*动画所花费的时间*/

}