.banner{ width:100%; height:auto; overflow:hidden; position:relative}
.banner .banner_img{ width:100%; height:auto; display:block}

.controller{ width:100%; height:100px; position:absolute; left:0; bottom:15px; text-align:center}
.controller_all{ width:100%; height:35px; margin-top:15px; line-height:35px; font-size:18px; color:#fff}
.controller_all span{ border:#fff 1px solid; margin-left:10px; border-radius:20px; display:inline-block; width:110px; cursor:pointer;}
.controller_all .hover{ background:#fff; color:#57b857}
.controller_all span:hover{ background:#fff; color:#57b857; transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;}


.text{ width:100%; overflow:hidden; background:#f2f2f2; position:relative;min-height: 1000px;}


.cards{ width:100%; height:930px;position:absolute; left:0; top:0; z-index:333; background:url(/uploads/image/simages/yuan1.png) no-repeat; display:none;background-size: 100% 100%;}
.cards .check{ display:block !important}

.cards .cards_li{ display:none}
.persons{ width:1400px; margin:0 auto; overflow:hidden;}
.fengy{ width:100%; margin:0 auto; overflow:hidden;    margin-top: 25px;}
.fengy li{ width:178px; height:auto; overflow:hidden; float:left; margin-left:45px; margin-bottom:18px; text-align:center; cursor:pointer}
.fengy li img{ width:100%; display:block; height:178px; border-radius:50%}
.fengy li p{ font-size:16px;  line-height:30px;}
.fengy li:hover p{
	 transition:all 0.4s;
	 -moz-transition:all 0.4s;
	 -ms-transition:all 0.4s;
	 -o-transition:all 0.4s;
	 -webkit-transition:all 0.4s;
	 color:#57b857
}
.enquiry{
	width:1175px;
	height:590px;
	border-radius:10px;
	background:#55b955;
	margin:0 auto;
	overflow:hidden;
	margin-top:120px;
    box-shadow: 0px 0px 3px 3px #cadeca;
}
.enquiry_all{ width:100%; height:580px; margin-top:5px; background:#fff;border-radius:10px;}
.enquiry_top{ width:100%; padding:25px 0; border-bottom:#e0f5e0 1px solid; text-align:center}
.enquiry_top span{ font-size:16px; color:#57b857;    letter-spacing: 3px;}
.enquiry_top p{ font-size:18px; color:#57b857; font-weight:600; margin-top:5px}
.enquiry_cen{ overflow:hidden;}
.enquiry_cen_li{ width:175px; height:42px; float:left; margin-right:30px;margin-left:30px; margin-top:70px}
.enquiry_cen_li img{ width:100%; height:100%; display:block}

.enquiry_cen_li1{ width:175px;float:left; margin-right:30px;margin-left:30px; margin-top:70px; overflow:hidden; text-align:center; font-size:14px; color:#444444}
.enquiry1_left{ width:255px; float:left; overflow:hidden;}
.enquiry1_left_li{ margin:40px; overflow:hidden;  width:175px; height:auto}
.enquiry1_left_li img{ display:block}
.enquiry1_right{ width:920px; height:605px; float:left; overflow:hidden}
.enquiry1_right_li{ width:auto; float:left; text-align:center; font-size:18px; margin:20px 0 0 0}
.enquiry1_right_li a{ 
	background:#fff; line-height:36px; 
	display:-webkit-inline-box; 
	margin:0 auto; 
	border-radius:30px;
	color:#444444; 
	transition:all 0.4s; 
	-moz-transition:all 0.4s; 
	-ms-transition:all 0.4s; 
	-o-transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	width: 212px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    display: block;

}
.enquiry1_right .hover a{ background:#56b956; color:#fff}
.enquiry1_right_li a:hover{ background:#56b956; color:#fff}
.enquiry_cen_li1 a:hover{ color: #57b857;transition: all 0.6s; }


.elliptical{ width:170px; height:80px; margin:0 auto; position:relative;    z-index:888;}
.shou{ position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-19px; cursor:pointer}
.cha{ position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-11px; display:none; cursor:pointer}

.labelling{ width:1200px; margin:0 auto; padding:20px 0 0 0; overflow:hidden; text-align:center; position:relative}
.labelling span{ font-size:16px; color:#57b857;    letter-spacing: 3px;}
.labelling p{ font-size:20px; color:#57b857; font-weight:600; margin-top:5px}
.labelling ul{ width:100%; height:35px;    margin-top: 30px; margin-bottom:20px; overflow:hidden; }
.labelling ul li{ padding:0 20px; display:inline-block; margin-right:15px; background:#fff; border-radius:20px; line-height:35px; font-size:16px; cursor:pointer; margin-bottom:10px}
.labelling ul li a{ color:#999}
.labelling ul .hover{background:#57b857}
.labelling ul .hover a{color:#fff}
.labelling ul li:last-of-type{ margin-right:0}
.labelling ul li:hover{
	 transition:all 0.4s;
	 -moz-transition:all 0.4s;
	 -ms-transition:all 0.4s;
	 -o-transition:all 0.4s;
	 -webkit-transition:all 0.4s;
	 background:#57b857
}
.labelling ul li:hover a{
	 transition:all 0.4s;
	 -moz-transition:all 0.4s;
	 -ms-transition:all 0.4s;
	 -o-transition:all 0.4s;
	 -webkit-transition:all 0.4s;
	 color:#fff
}
.san img{ cursor:pointer}





.switching{ width:1200px; overflow:hidden; margin:0 auto; margin-top:30px}
.switching_ul{ width:150px; float:left; overflow:hidden; border:#dfdfdf 1px solid; border-radius:5px}
.switching_ul_li{ width:75px; float:left; line-height:35px; text-align:center; cursor:pointer; transition:all 0.4s; -moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;}
.switching_ul .hover{ background:#e1e1e1}
.switching_ul_li img{ vertical-align:middle}
.switching_ul_li:hover{background:#e1e1e1}
.button{ width:auto; float:right; display:block; border:none; color:#fff; background:#e1e1e1; line-height:35px; padding:0 30px; border-radius:5px; font-size:16px}




.swit_all{ width:1200px; overflow:hidden; margin:0 auto; margin-top:20px}
.swit_all_comm{ width:100%; overflow:hidden;}
.swit_all_comm_ul{ width:787px; overflow:hidden; float:left; height:540px; position:relative}
.swit_all_comm_li{ width:100%; overflow:hidden; cursor:pointer}
.swit_all_comm_li img{ width:787px; height:466px; display:block}
.swit_all_comm_li p{ width:757px; margin:0 auto; padding:0 15px; background:#fff; line-height:75px; font-size:18px; color:#444444; font-weight:600}
.swit_all_comm_li p span{ float:right}
.swit_all_comm_li.clone a:hover p{ color: #57b857;transition: all 0.6s; }

.hd{ position:absolute; left:0; bottom:85px; width:100%; height:25px; line-height:25px; text-align:right}
.hd li{ text-align:center; margin-right:10px; width:25px; height:25px; line-height:25px; background:#fff;       display: inline-block; color:#b2b2b2; font-size:14px; cursor:pointer; transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;}
.hd .on{ background:#57b857; color:#fff}
.hd li:hover{background:#57b857; color:#fff}
.theme{ width:377px; float:right; height:540; overflow:hidden; cursor:pointer}
.theme_titlepic{ width:377px; height:466px; overflow:hidden}
.theme p{ width:347px; margin:0 auto; padding:0 15px; background:#fff; line-height:75px; font-size:18px; color:#444444; font-weight:600}
.theme p span{ float:right}
.theme a:hover p{ color: #57b857;transition: all 0.6s; }


.versions{ width:1200px; overflow:hidden; margin:0 auto; margin-top:35px}
.versions_li{ width:100%; overflow:hidden; display:none}
.versions .check{ display:block}
.versions_li ul{ width:100%; overflow:hidden}
.versions_li ul li{ width:376px; overflow:hidden; float:left; cursor:pointer; margin-right:35px; height:380px}
.versions_li ul li:nth-child(3n){ margin-right:0}

.versions_li ul li .titepic{ width:376px; height:236px; overflow:hidden; position:relative}
.versions_li ul li .titepic .img{ width:100%; height:100%; display:block; transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;}
.versions_li ul li .titepic:hover .img{
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
}
.hot{ position:absolute; right:0; top:0}
.versions_li_text{ width:100%; overflow:hidden; padding:20px 0; text-align:center}
.versions_li_text p{ font-size:18px; color:#444444; font-weight:600; width:90%; margin:0 auto; transition:all 0.4s; -moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; text-align:left;    line-height: 30px;}
.versions_li_labelling{ width:90%; line-height: 45px; margin:0 auto}
.versions_li_labelling a { margin-left: 8px; }
.versions_li_labelling img{ vertical-align:middle; margin-right:5px}
.versions_li_labelling span{ margin-right:5px; color:#666666}
.versions_li_labelling span:last-of-type{ margin-right:0}
.versions_li ul li:hover .versions_li_text p{ color:#57b857}
.versions_li_labelling span:hover a{ color: #57b857;transition: all 0.6s; }
.versions_li_labelling a:hover{ color: #57b857;transition: all 0.6s; }

.versions_li_ul{ width:100%;}
.versions_li_ul_li{ width:100%; overflow:hidden; background:#fff; padding:20px 0; margin-bottom:10px}
.versions_li_ul_li:first-of-type{ padding-top:50px}
.versions_li_ul_li:last-of-type{ padding-bottom:50px}
.versions1_li_text a:hover,
.versions_li_ul_li:hover .title,
.versions_li_ul_li:hover .text_top span{  color: #57b857;transition: all 0.6s; }


.ul_titlepic{ width:565px; height:355px; float:left; margin-left:30px;    box-shadow: 0px 0px 13px #ccc;    border-radius: 10px; overflow:hidden}
.ul_titlepic img{ width:100%; height:100%; display:block}
.versions1_li_text{ width:565px; float:right; overflow:hidden; padding:35px 0;padding-right: 15px;}
.text_top{ overflow:hidden; padding-bottom:20px; border-bottom:#dfdfdf 1px dashed}
.text_top .title{ font-size:20px; color:#444444;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:600; text-align:left; margin-bottom:30px}
.text_top span{ font-size:14px; color:#666666; line-height:30px; text-align:left; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.text_bottom{ width:100%; overflow:hidden; padding:30px 0 0 0}
.text_bottom_all{ width:100%; overflow:hidden; text-align:left;}
.text_bottom_all span{ color:#666;display: block; float:left}
.text_bottom_all .time{ background:url(/uploads/image/simages/yuan8.png) no-repeat;text-indent: 24px; margin-right:30px}
.text_bottom_all .click{ background:url(/uploads/image/simages/yuan9.png) no-repeat;text-indent: 24px; background-position-y:4px; margin-right:30px}
.text_bottom_all_b *{ display:block; float:left; margin-right:10px}
.text_bottom_all_b span:hover{ color:#14c556}
.text_bottom_all_b .hover{color:#14c556}
.text_bottom_f{ width:100%; margin-top:30px; overflow:hidden}
.username{ font-size:14px; color:#666; background:url(/uploads/image/simages/user.png) no-repeat;    width: 175px; float:left;    line-height: 30px;background-position-y: 4px;    text-indent: 32px;}
.sharing{ width:220px; overflow:hidden; float:left; text-align:left;line-height: 30px;}
.sharing_inp{ width:30px; height:35px; float:left; line-height:35px}
.sharing_inp img{ width:100%; height:auto; vertical-align:middle}
.sharing_all{ height:35px; overflow:hidden; line-height:32px; background:url(/uploads/image/simages/yuan15.png) no-repeat; float:left; margin-left:10px;   background-size: 155px  35px; width:0; overflow:hidden; transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;-webkit-transition:all 0.4s;}
.sharing_all img{ vertical-align:middle}
.sharing_all img:first-of-type{ margin-left:10px}



.onload_img svg{
-webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    width: 100px;
    height: 100px;
	opacity:0;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.onload_img{ display:none; text-align:center}
.spannews{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0
}
.spannews span{
	width:33%;
	display:block;
	float:left;
	    text-align: left;
    text-indent: 23px;
    font-size: 14px;
    line-height: 18px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.spannews .newstime{
    background: url(/uploads/image/simages/yuan8.png) no-repeat;background-position-y: 1px;
}
.spannews .yue{
    background: url(/uploads/image/simages/yuan9.png) no-repeat;background-position-y: 3px;
}
.spannews .write{
    background:  no-repeat;background-position-y: 1px;background-size: contain;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }


.onload{
	width: 190px;
    margin: 0 auto;
    line-height: 35px;
    height: 35px;
    background: #fff;
    border-radius: 25px;
    font-size: 16px;
    color: #999191;
    cursor: pointer;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.onload:hover{
	background:#57b857;
	color:#fff
}



/*ý���ѯ*/

@media (max-width: 700px) { 
.onload {
    width: 3rem;
    margin: 0 auto;
    line-height: 0.63rem;
    height: 0.63rem;
    background: #57b857;
    border-radius: 25px;
    font-size: 16px;
    color: #999191;
    cursor: pointer;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    text-align: center;
    color: #fff;
}
.onload_img svg{
	width: 1rem;
    height: 1rem;
}
/*��բ*/
.elliptical{ display: none; }
.banner .banner_img{ display: none; }
.controller{ height: auto;position: inherit; bottom: 0;padding-top: 0.4rem;background: #f2f2f2;}
.cont_l{ display: none; }
.controller_all{ margin-top: 0;line-height: inherit;padding: 0.1rem 0;font-size: 0.22rem; }
.controller_all span{ margin-left: 0;background: #fff;color: #999; }



 /*���ű�ǩ*/

.labelling span{ letter-spacing: 0.04rem; }
.labelling p{ letter-spacing: 0.06rem;font-size: 0.3rem;margin-top: 0;font-weight: inherit; }
.labelling { width: 99%;margin: 0 auto;padding: 0; }
.labelling ul{ margin-top: 0.3rem;margin-bottom: 0px;display: none; }
.labelling ul li { width: 30%;padding: 0.1rem 0;line-height: inherit;font-size: 0.24rem;margin-bottom: 0.14rem;margin-right: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.san img{ margin: 0.2rem 0; }
.san{ display: none; }


/*�汾�л�*/

.switching { width: 94%;overflow: hidden;margin: 30px auto 0;display: none; }



.switching_ul_li { line-height: 30px;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s; -webkit-transition: all 0.4s; }

.swit_all_comm_ul{ width: 100%;height: auto; }
.swit_all_comm_li img{ width: 100%;height: auto; }
.swit_all_comm_li p{ font-size: 0.26rem;color: #333;padding:0;line-height: 0.8rem;width: auto;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center; }
.swit_all_comm_li p span{ display: none; }
.hd{ bottom: 45px;left: -6px;height: 20px;line-height: 20px; }
.height{ height: auto;line-height: inherit; }
.hd li{ width: 15px;height: 15px;line-height: 15px;margin-right: 0;font-size: 0.24rem; }


.versions_li_ul{ width: 94%; margin: 0 auto; }
.versions_li_ul_li:first-of-type{ padding-top: 0; }
.versions_li_ul_li{ padding: 0; }
.ul_titlepic{ margin-left: 0;width: auto;height: auto;float: left; }
.versions1_li_text{ width: 100%;float: none;padding: 0; }
.text_top .title{ font-size: 0.26rem; text-align: center;margin: 0.26rem 0 0.1rem 0; }
.text_top{ text-align: center;padding: 0 0.2rem 0.22rem 0.2rem; }
.text_top span{ font-size: 0.22rem;line-height: inherit;text-align: center; }
.text_bottom{ padding: 0; }
.text_bottom_f{ margin-top:0; }
.versions_li_ul_li:last-of-type{ padding-bottom: 0; }


.versions_li_text p { font-size: 0.26rem;margin-bottom: 0.2rem; }
.versions_li_labelling span { font-size: 0.2rem; }

.versions { width: 100%;display: none; }
.swit_all { width: 100%;margin-bottom: 0.2rem; }
.swit_all_comm { width: 99%;overflow: hidden;margin: 0 auto 0.4rem;box-shadow: 0 0 6px 0 #e2e2e2;border-radius: 6px; }
.versions_li ul { width: 94%; overflow: hidden;margin: 0 auto; }


/*����ר��*/
.theme{ width: 34%;position: relative;height: 158.467px;    display: none; }
.theme_titlepic img{ width: 100%; }
.theme p{ font-size: 0.26rem;width: 100%;padding: 0;line-height: 0.6rem;text-align: center;position: absolute;bottom: 0; }
.theme_titlepic{ width: auto;max-height: 127px; }
.theme p span{ display: none; }

.versions_li ul li{ float: none;width: 100%;margin-bottom: 0.3rem;}
.versions_li ul li .titepic{ width: 100%;}
.versions_li_text { padding: 0.2rem 0;}

.versions_li ul li .titepic{ height: auto; }
.versions_li_labelling{ line-height: 0; }
.versions_li_labelling img{ margin-right: 0.1rem; }




.text{
	display:none;
}
.banner{
	display:none
}
.labelling{
	margin:0.3rem auto
}
.labelling ul li{
	background: #5bba5b;
}
.labelling ul li a{
	color:#fff
}

.mainbox{
    margin-top: 0.3rem !important;
}




}