﻿body,dl,dd{
    padding:0;
    margin:0;
    -webkit-text-size-adjust: none;
    font-family:'\5FAE\8F6F\96C5\9ED1','Arial';
}
body {

	padding-bottom: 60px;
}
.box{
    width:100%;
    float:left;
    box-sizing: border-box;
}
.rol{
    width:100%;
    float:left;
    box-sizing: border-box;
}
.m-box{
    width:1200px;
    margin:0 auto;
    box-sizing: border-box;
}
a{
    border:0;
    text-decoration:none;
    padding:0;
    margin:0;
}
.lt{
    float:left;
    box-sizing: border-box;
}
.gt{
    float:right;
    box-sizing: border-box;
}
.center{
    text-align: center;
}
.header{
    height:120px;
    background:#e6e9f4;
}
.logo{
    margin-top:13px;
}
.header-phone-box{
    width:330px;
    height:60px;
    margin-top:30px;
}
.opction-box{
    box-sizing: border-box;
    padding-left:43px;
    background:url("../img/option-icon.png") no-repeat left;
}
.header-select{
    width:100px;
    height:25px;
    line-height:25px;
    border:1px solid #d9d9d9;
    font-size:12px;
    color:#666666;
}
.header-font1{
    font-size:12px;
    color:#666666;
    background:url("../img/phone-icon.png") no-repeat left;
    padding-left:30px;
    margin-top:10px;
}
.header-font1 span{
    font-size:16px;
    color:#008fd2;
}
.header-font2{
    font-size:12px;
    color:#666666;
    padding-left:30px;
    margin-top:10px;
}
.header-font2 span{
    font-size:16px;
    color:#008fd2;
}
.header-font2 a {
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin-top:10px;
}
.nav{
    height:55px;
    line-height:55px;
    /*border-bottom:1px solid #b8b8b8;*/
    /*border-top:1px solid #b8b8b8;*/
    box-shadow: 0 -2px 5px #b8b8b8, /*顶部阴影*/ 0 2px 5px #b8b8b8; /*底边阴影*/
}
.nav-box{
    width:1000px;
    float:left;
    border-right:1px solid #d9d9d9;
    box-sizing: border-box;
    height:55px;
    line-height:55px;
}
.nav-a{
    font-size: 14px;
    color: #000000;
    margin-right: 34px;
    line-height: 55px;
    width: 80px;
    position:relative;
    display:block;
}
.nav-a:last-child{
    margin-right:0;
}
.nav-a:hover{
    color:#0090d9;
}
.nav{
    background:#e6e9f4;
}
.nav-font{
    width:200px;
    height:55px;
    line-height:55px;
    font-size:14px;
    color:#999;
    box-sizing: border-box;
    padding-left:38px;
}
.nav-font span{
    margin-right:20px;
}
.nav-img{
    margin-top:20px;
    width:20px;
    height:20px;
    margin-left:7px;
    position:relative;
}
.top-erwei{
    position:absolute;
    top:35px;
    left:-47px;
    z-index: 20000;
    display:none;
}
.nav-img1{
    background:url("../img/top_pico1.png") no-repeat;
}
.nav-img1:hover{
    background:url("../img/top_pico1a.png") no-repeat;
}
.nav-img2{
    background:url("../img/top_pico2.png") no-repeat;
}
.nav-img2:hover{
    background:url("../img/top_pico2a.png") no-repeat;
}
.nav-img3{
    background:url("../img/top_pico3.png") no-repeat;
}
.nav-img3:hover{
    background:url("../img/top_pico3a.png") no-repeat;
}
.index-page1{
    background:#f2f2f2;
    padding-top:40px;
    padding-bottom:40px;
}
.page1-box{
    height:60px;
    border-bottom:1px solid #d9d9d9;
    margin-bottom:40px;
}
.page1-lt{
    width:230px;
    height:30px;
    border-radius:5px;
    background:#dadada;
    line-height:30px;
    text-align: center;
    font-size:14px;
    color:#808080;
    margin-left:12px;
    position:relative;
    cursor: pointer;
}
.page1-lt.on{
    background:#008fd3;
    color:#fff;
}
.page1-lt:first-child{
    margin-left:0;
}
.page1-lt.on .page1-btn{
    display:block;
}
.page1-btn{
    position:absolute;
    bottom:-7px;
    left:107px;
    display:none;
}
.page1-ro{
    width:10px;
    height:10px;
    box-sizing: border-box;
    border:1px solid #d9d9d9;
    background:#fff;
    position:absolute;
    left:110px;
    bottom:-35px;
    border-radius: 50%;
}
.page1-lt.on .page1-ro{
    border:1px solid #008fd3;
}
.page1-lt-btn{
    width:35px;
    float:left;
    margin-right:65px;
    margin-top:130px;
    cursor: pointer;
}
.page1-lt-btn-1{
    width:35px;
    float:left;
    margin-right:65px;
    margin-top:130px;
    cursor: pointer;
}
.page1-gt-1{
    margin-top:130px;
    cursor: pointer;
}
.page1-gt{
    margin-top:130px;
    cursor: pointer;
}
.page1-news-box{
    width:1000px;
    float:left;
    display:none;
}
.page1-news-box.on{
    display:block;
}
.page1-news-img{
    width:436px;
    float:left;
    margin-right:36px;
}
.page1-news-gtbox{
    width:528px;
    float:left;
}
.news-rol1{
    height:40px;
    border-bottom:1px dashed #cccccc;
    line-height:40px;
    background:url("../img/news-icon1.png") no-repeat left;
    padding-left:20px;
    font-size:14px;
    color:#4c4c4c;
}
.page1-page1{
    display:none;
}
.page1-page1.on{
    display:block;
}
.index-page2{
    height:620px;
    background:url("../img/index-page2bg.jpg") no-repeat;
    background-attachment:fixed;
}
.index-page2-lt{
    float:left;
    width:870px;
    height:500px;
}
.page2-lt-ptn{
    width:22px;
    margin-right:18px;
    margin-top:225px;
}
.page2-gt-ptn{
    width:22px;
    margin-top:225px;
}
.page2-body{
    width:787px;
    height:495px;
    float:left;
    border:10px solid #999;
    box-sizing: border-box;
}
.page2-place{
    margin-top:60px;
}
.page2-entitle{
    font-size:16px;
    color:#999999;
    margin-top:20px;
    margin-bottom:35px;
    text-align: center;
}
.page3-entitle{
    font-size:16px;
    color:#999999;
    margin-top:5px;
    margin-bottom:35px;
    text-align: center;
}
.page2-title{
    position:relative;
}
.page2-title1{
    position:absolute;
    top:20px;
    left:-20px;
    z-index: 0;
}
.index-page2-gt{
    width:280px;
}
.page2-btn{
    width:280px;
    height:85px;
    text-align: center;
    line-height:85px;
    background:#000;
    font-size:24px;
    color:#fff;
    position:relative;
    margin-bottom:24px;
    cursor: pointer;
}
.page2-btn-box.on .page2-btn{
    background:#008fd3;
    color:#ccc;
}
.page2-btn1{
    position:absolute;
    left:125px;
    bottom:-15px;
    display:none;
}
.page2-btn-box.on .page2-btn .page2-btn1{
    display:block;
}
.page2-btn2{
	padding:0 6px;
    height:26px;
    text-align: center;
    line-height:26px;
    color:#fff;
    font-size:12px;
    background:#000;
    margin-right:6px;
    margin-bottom:10px;
    cursor: pointer;
}
.page2-btn2:hover{
    background:#008fd3;
    color:#ccc;
}
.page2-btn2.on{
    background:#008fd3;
    color:#ccc;
}
.page2-btn-2{
    display:none;
}
.page2-btn-box.on .page2-btn-2{
    display:block;
}
.index-page3{
    background:#f2f2f2;
    padding:40px 0;
}
.page3-lt-box{
    width:515px;
    float:left;
    margin-right:35px;
}
.page3-btn-rol{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #999999;
}
.page3-btn{
    width:110px;
    height:30px;
    background:#dadada;
    line-height:30px;
    text-align: center;
    color:#808080;
    margin-left:25px;
    position:relative;
}
.page3-btn a {
	color: #808080;
}
.page3-btn.on a {
	color: #fff;
}
.page3-btn.on{
    background:#008fd3;
    color:#fff;
}
.page3-btn:hover{
    background:#008fd3;
    color:#fff;
}
.page3-btn:nth-child(1){
    margin-left:0;
}
.page3-ro{
    width:10px;
    height:10px;
    box-sizing: border-box;
    background:#f2f2f2;
    border-radius: 50%;
    position:absolute;
    border:1px solid #9b9b9b;
    bottom:-25px;
    left:50px;
}
.page3-btn.on .page3-ro{
    border:1px solid #008fd2;
}
.page3-btn:hover .page3-ro{
    border:1px solid #008fd2;
}
.page3-video-box{
    width:240px;
    height:135px;
    float:left;
    margin-right:35px;
    margin-bottom:20px;
    position:relative;
}
.page3-video-box:nth-child(2n){
    margin-right:0;
}
.page3-font1{
    height:40px;
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.7);
    line-height:40px;
    box-sizing: border-box;
    padding:0 10px;
    font-size:14px;
    color:#fff;
}
.video-icon{
    margin-top:4px;
}
.page3-more{
    background:url("../img/page3-more.png") no-repeat;
}
.page3-gt-box{
    width:650px;
    float:left;
    height:360px;
    position:relative;
}
.page3-box{
    display:none;
}
.page3-box.on{
    display:block;
}
.index-page4{
    padding:40px 0;
}
.page4-lt-box{
    width:790px;
    float:left;
    box-sizing: border-box;
}
.page4-big-box{
    width:630px;
    height:339px;
    float:right;
    overflow: hidden;
    margin-bottom:12px;
}
.page4-l-box{
    width:150px;
    height:105px;
    overflow: hidden;
    float:left;
    margin-bottom:12px;
    margin-right:10px;
    cursor: pointer;
}
.page4-l-box:last-child{
    margin-right:0;
}
.page4-gt-box{
    width:385px;
    float:right;
}
.page4-title{
    font-size:16px;
    color:#4c4c4c;
    margin-bottom:10px;
}
.page4-font{
    font-size:12px;
    color:#808080;
    text-indent: 2em;
    margin-bottom:15px;
}
.page4-more{
    text-align: right;
    font-size:12px;
    color:#008bd1;
    margin-bottom:18px;
}
.title-font1,.title-font2{
    display:none;
}
.index-page5{
    background:#f3f3f3;
    padding:40px 0;
}
.page5-lt{
    width:590px;
    height:380px;
    box-sizing: border-box;
    background:#fff;
    padding:0 20px;
}
.page5-title{
    color:#008bd1;
    font-size:16px;
    height:35px;
    line-height:35px;
    border-bottom:1px solid #999999;
    margin-bottom:20px;
}
.page5-title a{
    font-size:12px;
    color:#666666;
}
.page5-bg{
    margin-top:85px;
}
.page5-lt-lt{
    width:85px;
    padding-top:80px;
}
.page5-lt-gt{
    width:460px;
    float:right;
}
.page5-i{
    width:220px;
    height:133px;
    overflow: hidden;
    margin-right:20px;
    margin-bottom:20px;
}
.page5-i:nth-child(2n){
    margin-right:0;
}
.page5-gt{
    width:590px;
    height:380px;
    box-sizing: border-box;
    padding:30px 50px;
    background:#fff;
}
.page5-font{
    height:80px;
    box-sizing: border-box;
    border:1px solid #d9d9d9;
    padding:20px 25px;
    font-size:12px;
    color:#666666;
}
.footer{
    background:#008ccd;
    padding-top:40px;
    padding-bottom:30px;
}
.footer-btn{
    width:80px;
    float:left;
    margin-right:15px;
}
.footer-btn:nth-child(2){
    margin-right:65px;
}
.footer-title1{
    font-size:16px;
    color:#fff;
    padding-bottom:10px;
    border-bottom:1px solid #fff;
    margin-bottom:5px;
}
.footer-btn1{
    font-size:12px;
    color:#fff;
    line-height:1.6em;
}
.input-rol{
    float:left;
    width:140px;
    margin-right:20px;
}
.input1{
    width:140px;
    height:25px;
    border:1px solid #fff;
    border-radius: 5px;
    background:#33a3d7;
    box-sizing: border-box;
    color:#fff;
    line-height:25px;
    padding-left:27px;
    font-size:12px;
    margin-bottom:10px;

}
.f-i1{
    background:url("../img/f-1.png") no-repeat 5px 6px;
}
.f-i2{
    background:url("../img/f-2.png") no-repeat 5px 6px;
}
.f-i3{
    background:url("../img/f-3.png") no-repeat 5px 6px;
}
.text-rol{
    width:290px;
    margin-right:45px;
}
.textarea{
    width:100%;
    height:95px;
    border:1px solid #fff;
    box-sizing: border-box;
    padding:5px 0;
    padding-left:30px;
    resize: none;
    background:#33a3d7;
    border-radius: 5px;
    background-image:url("../img/f-4.png");
    background-position: 5px 6px;
    background-repeat: no-repeat;
    color:#fff;
    font-size:12px;
}
.submit{
    border:none;
    backgroung-color:none;
    background:url("../img/f-5.png") no-repeat right;
    padding-right:35px;
    height:45px;
    line-height:45px;
    font-size:12px;
    color:#fff;
    cursor: pointer;
}
.footer-lt4{
    width:110px;
    margin-right:30px;
}
.footer-lt5{
    width:325px;
    float:left;
    box-sizing: border-box;
}
.footer-font2{
    color:#fff;
    font-size:12px;
    line-height:2.4em;

}
.q2 span{
    font-size:14px;
    color:#fe0202;
    background:url(../img/f-7.png) no-repeat right;
    padding-right:40px;
}
.q1{
    background:url("../img/q1.png") no-repeat left;
    padding-left:20px;
}
.q2{
    background:url("../img/q2.png") no-repeat left;
    padding-left:20px;
}
.q3{
    background:url("../img/q3.png") no-repeat left;
    padding-left:20px;
}
.q4{
    background:url("../img/q4.png") no-repeat left;
    padding-left:20px;
}
.footer-1{
    height:40px;
    line-height:40px;
    background:#0070a4;
}
.footer-1-font{
    font-size:12px;
    color:#fff;
}
.footer-1-a{
    font-size:12px;
    color:#fff;
}
.footer-1-a a{
    font-size:12px;
    color:#fff;
    padding:0 10px;
}
.page1-2-lt{
    position:relative;
    width:226px;
    height:325px;
    float:left;
    overflow: hidden;
}
.page1-2-lt:last-child{
    margin-right:0;
}
.page1-2-font{
    position:absolute;
    height:130px;
    width:226px;
    bottom:-88px;
    left:0;
    padding:0 16px;
    box-sizing: border-box;
    font-size:16px;
    color:#fff;
    background:rgba(0,0,0,0.8);
    transition: all 0.5s;
    -moz-transition: all 0.5s;	/* Firefox 4 */
    -webkit-transition: all 0.5s;	/* Safari ??Chrome */
    -o-transition: all 0.5s;
}
.page1-2-lt:hover .page1-2-font{
    bottom:0;
}
.page1-2-title{
    height:44px;
    line-height:44px;
    border-bottom:1px solid #fff;
    margin-bottom:10px;
}
.page1-2-font2{
    font-size:12px;
    color:#fff;
    line-height:1.6em;
}

/*无缝轮播*/
.page2-banner {
    width: 1920px;
    height: 325px;
    position: relative;
    overflow: hidden;
    float:left;
}
.page2-banner-box{
    padding-left:0px;
}
.page1-2-box{
    height:200px;
    overflow: hidden;
}
.page1-4-font{
    font-size:14px;
    color:#666;
    font-weight:bold;
    line-height:2em;
    cursor: pointer;
}
.page1-4-font:hover{
    color: #008fd2;
    text-decoration: underline;
}
.page1-4-font1{
    font-size:12px;
    color:#666;
    line-height:1.8em;
}
.page1-page3-box1{
    width:495px;
    height:325px;
    overflow: hidden;
    position:relative;
    margin-right:17px;
}
.page1-page3-img1{
    width:495px;
    height:325px;
}
.page1-page2-footer{
    position:absolute;
    left:0;
    bottom:0;
    height:45px;
    line-height:45px;
    color:#fff;
    background:rgba(0,0,0,0.8);
}
.page1-page3-box2{
    width:235px;
    height:155px;
    overflow: hidden;
    float:left;
    margin-right:17px;
    margin-bottom:15px;
    position:relative;
}
.page1-page3-img2{
    width:235px;
    height:155px;
}
.subMenu{
    position:absolute;
    top:55px;
    left:-20px;
    width:100px;
    z-index: 20000;
    background: #FFF;
    border-top: 2px solid #0084d2;
    padding: 7px 0;
    box-sizing: border-box;
    display:none;
}
.subMenu dl dd {
    line-height: 24px;
    padding: 3px 0;
    height: 24px;
    float:left;
    width:100%;
    box-sizing: border-box;
    display:block;
}
.nav_a2 {
    float:left;
    width:100%;
    display: block;
    line-height: 24px;
    text-align: center;
    outline-style: none;
    color: #666;
    text-decoration: none;
    font-size:12px;
}
.nav_a2:hover{
    background:#0084d2;
    color:#fff;
}
/*.page1-page3-box2:nth-child(n+1){*/
    /*margin-right:0;*/
/*}*/
.b-page4-lt{
    width:415px;
    height:340px;
    box-sizing: border-box;
    border:1px solid #999999;
    padding:20px 25px;
}
.b-page4-title{
    font-size:20px;
    color:#4c4c4c;
    line-height:1.8em;
    font-weight:bold;
    text-align: center;
}
.b-page4-font1{
    font-size:12px;
    color:#666;
    height:35px;
    line-height:35px;
    border-bottom:1px solid #dbdbdb;
}
.b-page4-gt{
    width:770px;
    height:340px;
    box-sizing: border-box;
    border:1px solid #f2f2f2;
    padding:20px 15px;
}
.b-page4-gt-lt{
    width:180px;
    float:left;
}
.b-page4-img{
    width:142px;
    height:114px;
}
.b-page4-font2{
    font-size:12px;
    color:#4c4c4c;
    margin-top:5px;
    margin-bottom:10px;
}
.page3-more-btn{
    font-size:16px;
    color:#878787;
    margin-top:40px;
}
.page3-more-btn a{
    width:100px;
    height:25px;
    border:1px solid #878787;
    text-align: center;
    line-height:25px;
    display:inline-block;
}
.banner-m-box{
    width:1920px;
    margin:0 auto;
}

.agents_wrap {
	height: 456px;
	width: 765px;
}
.agents_foot_wrap {
	width: 648px;
	background: url(../img/agents_bg.png) no-repeat;
	overflow: hidden;
	height: 98px;
	position: absolute;
	margin-top: 333px;
	margin-left: 58px;
}
.agents_foot {
	position: absolute;
	height: 98px;
}
.agents_img_item {
	padding-right: 10px;
	cursor: pointer;
	height: 98px;
	float: left;
}
.agents_img_item img {
	height:96px;
	width:150px;
	border:1px solid #FFF;
}
.agent_arrow {
	height: 26px;
	width: 17px;
	position: absolute;
	margin-top: 365px;
	cursor: pointer;
}
.agent_l {
	margin-left: 30px;
	background: url(../img/agent_l.png) no-repeat;
}
.agent_r {
	margin-left: 710px;
	background: url(../img/agent_r.png) no-repeat;
}


#bottom_form {
	height:60px;
	position:fixed;
	bottom: 0;
	width: 100%;
	background: url(../img/bottom_form_bg.png) repeat;
	z-index: 9999;
}
#bottom_form_wrap {
	height: 60px;
	width: 1200px;
	margin: 0 auto;
	background: url(../img/bottom_form_content.png) no-repeat 0 2px;
}
#b_f_i1 {
	border: 1px solid #FFF;
    box-sizing: border-box;
	height: 26px;
	width: 133px;
	position: absolute;
	margin-left: 657px;
	margin-top: 2px;
	padding: 0 5px;
	color: #FFF;
	background-color: transparent;
}
#b_f_i2 {
	border: 1px solid #FFF;
    box-sizing: border-box;
	height: 26px;
	width: 133px;
	position: absolute;
	margin-left: 657px;
	margin-top: 32px;
	padding: 0 5px;
	color: #FFF;
	background-color: transparent;
}
#b_f_s1 {
	border: 1px solid #FFF;
    box-sizing: border-box;
	height: 26px;
	width: 133px;
	position: absolute;
	margin-left: 890px;
	margin-top: 2px;
	padding: 0 5px;
	color: #FFF;
	background-color: transparent;
}
#b_f_s1 option {
	color: #333;
}
#b_f_btn {
	background: url(../img/bottom_form_btn.png) no-repeat;
	height: 30px;
	width: 92px;
	border: none;
    box-sizing: border-box;
	position: absolute;
	margin-left: 1060px;
	margin-top: 18px;
	cursor: pointer;
	background-size: 100% 100%;
}
#bottom_form_success {
	position: absolute;
	height: 283px;
	width: 510px;
	left: 50%;
	margin-left: -255px;
	background: url(../img/bottom_form_success.jpg) no-repeat;
	z-index: 10001;
	top: 10%;
}
#bottom_form_success_out {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 10000;
	top: 0;
	background: url(../img/bottom_form_bg.png) repeat;
}
#bottom_form_success_close {
	height: 20px;
	width: 20px;
	position: absolute;
	margin-left: 500px;
	margin-top: -10px;
	cursor: pointer;
	background: url(../img/bottom_form_success_close.png) no-repeat;
}
.index-page100 {
	height: 600px;
	background: url(../img/index100.jpg) no-repeat center;
}
.index-page100-title {
	text-align: center;
	padding: 30px 0;
}
.index-page100-title span {
	display: inline-block;
	height: 70px;
	width: 220px;
	background: url(../img/product_title.jpg) no-repeat;
}
.prod_lists {
	padding-top: 70px;
	position: absolute;
	z-index: 100;
}
.prod_lists .prod_cate_title {
	height: 59px;
	width: 283px;
	margin: 0;
	padding: 0;
	background: url(../img/product_cate_title.png) no-repeat;
	cursor: pointer;
}
.prod_lists .prod_cate_title_02 {
	background-position: 0 -64px;
}
.prod_lists .prod_cate_title_03 {
	background-position: 0 -128px;
}
.prod_lists ul {
	display: none;
	margin: 0 0 10px 6px;
	padding: 0;
	list-style: none;
	width: 300px;
}
.prod_lists ul.prod_act {
	display: block;
}
.prod_lists ul li {
	cursor: pointer;
	display: block;
	float: left;
	background: #FFF;
	width: 85px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	margin-right: 10px;
	margin-bottom: 15px;
}
#prod_bigpic {
	position: absolute;
	height: 600px;
	z-index: 90;
	left: 50%;
}
.doyoo_f_original body{overflow: auto!important;padding-bottom:40px;}
.doyoo_f_original{overflow:auto !important;}
.doyoo_f_frame{display:none !important;}
body,html {
	min-width:1200px; overflow-x:hidden; display:block; 
}
body {position: relative; padding-bottom: 40px;
}


/*.doyoo_f_original .footer-1 {
	margin-bottom: 43px;
}*/


.jrad {
		    display: block;
		    position: fixed;
		    width: 1920px;
		    bottom: 0;
		    left: 50%;
		    transform: translateX(-50%);
		    z-index: 10000;
		    animation: 3s myAnimate linear forwards;
		    overflow: hidden;
		    animation-delay: 8s;
		    cursor: pointer;
		}
		.jrad img {
		    display: block;
		    width: 100%;
		}
		@-webkit-keyframes myAnimate {
		    0% {
		        display: block;
		        left: 50%;
		        bottom: 0;
		        width: 1920px;
		        height: auto;
		        border-radius: 0%;
		        background: #fff;
		    }
		    35% {
		        display: block;
		        left: 50%;
		        bottom: 0;
		        width: 10px;
		        height: auto;
		        border-radius: 0%;
		    }
		    45% {
		        display: block;
		        left: 50%;
		        bottom: 0;
		        width: 10px;
		        height: 10px;
		        border-radius: 50%;
		    }
		    95% {
		        display: block;
		        left: 90%;
		        bottom: 83%;
		        width: 10px;
		        height: 10px;
		        border-radius: 50%;
		        background: #0873bd;
		    }
		    100% {
		        display: none;
		        left: 90%;
		        bottom: 83%;
		        width: 10px;
		        height: 10px;
		        border-radius: 50%;
		        background: #0873bd;
		    }
		}
		.stars img {
		    display: block;
		    width: 100%;
		    /* height: 100%; */
		}
		.stars {
		    position: fixed;
		    opacity: 0;
		    /* display: none; */
		    bottom: 83%;
		    left: 90%;
		    z-index: 10;
		    width: 90px;
		    height: 90px;
		    cursor: pointer;
		    animation: 3s swingAnimate infinite ease alternate ;
		    animation-delay: 11s;
		}
		.stars p {
		    position: absolute;
		    width: 100%;
		    text-align: center;
		    top: 92%;
		    /* transform: translateY(-50%); */
		    color: #ffda01;
		    font-size: 16px;
		    font-weight: 700;
		    white-space: nowrap;
		}
		.about_new_cly{display:block; overflow:hidden; width:0; height:0;}
		@-webkit-keyframes swingAnimate {
		    0% {
				opacity: 1;
		        /* display: block; */
		        bottom: 83%;
		        height: 90px;
		    }
		    45% {
		        /* display: block; */
		        bottom: 83%;
		        height: 88px;
		    }
		    50% {
		        /* display: block; */
		        bottom: 83%;
		        height: 86px;
		    }
		    60% {
				opacity: 1;
		        /* display: block; */
		        bottom: 83%;
		        height: 83px;
		    }
		    65% {
		        /* display: block; */
		        bottom: 86%;
		        height: 90px;
		    }
		    80% {
		        /* display: block; */
		        bottom: 87%;
		        height: 90px;
		    }
		    100% {
				opacity: 1;
		        /* display: block; */
		        bottom: 83%;
		        height: 83px;
		    }
		}

