@charset "utf-8";
/* Style Reset */
html { font-size: 625%; -webkit-text-size-adjust: none; max-height: 100% }
body { font-size: 0.22rem; }
body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt { margin: 0; padding: 0; font-family: "微软雅黑"; }
ul, ol, li, dl, dt, dd { list-style: none; }
a {text-decoration: none;outline: 0px;color: #1C1D1B;}
fieldset, img { border: 0; }
img { max-width: 100%; }
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea { -webkit-appearance: none; }
.c { clear: both; width: 100%; }
.fa{color: #1c1d1b;}

/**/

@media all and (min-width:640px) {
.w { /* width: 640px !important; */
margin: 0 auto; position: relative; padding-top: 0%; }
}
 @media only screen and (max-width:479px) and (min-width:321px) {
html { font-size: 70px; }
}
 @media only screen and (max-width:320px) {
html { font-size: 60px; }
}
/*header*/

header { }
.logo { display: inline-block; height: auto; }
.w {width: 100%;margin: 0 auto;}
.h {}
/* footer */

.footer { width: 100%; position: fixed!important; bottom: -3px; right: 0; z-index: 9999; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.foot {width: 100%;position: fixed;height: 0.8rem;bottom: 0;left: 0;z-index: 10;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;background: #dcb6cb;padding-top: 3px;}
.foot-relative { position: relative; width: 100%; height: 0.8rem; }
.foot a {display: block;float: left;width: 33%;color: #fefefe;text-align: center;}
.foot a h3 { width: 100%; text-align: center; font: 0.18rem/0.4rem "microsoft yahei"; }
.common-pro-search { width: 90%; height: 0.533rem; background: #fff; margin: 2% auto; }
.common-text { float: left; border: 0; background: #fff; width: 84.45%; height: 0.533rem; text-indent: 0.1rem; font: 0.16rem/0.533rem "microsoft yahei"; border-radius: 0; }
.common-submit { float: right; width: 15.55%; border: 0; font-size: 0.36rem; line-height: 0.533rem; color: #fff; height: 0.533rem; border-radius: 0; background: none; background: #333; }
/*qitaye  */


/*  */

.title_p { height: 0.3rem; line-height: 0.3rem; border-left: 0.1rem solid #f3e7cc; background: #ccf3dc; margin-top: 0.1rem; color: #7f7f7f; padding-left: 9px; font-size: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.title_p a { color: #03bbf8; font-size: 0.15rem; }
/*  */

.back {display: block;width: 21%;overflow: hidden;border-radius: 0.3rem;background: #ff2663!important;text-align: center;color: #F1E7E7!important;margin: 0 auto;margin-top: 0.1rem;margin-bottom: 0.2rem;height: 0.4rem;line-height: 0.4rem;}
/*  */


/* nav */

body {position: relative;width: 100%;height: 100%;}
.allpage {position: relative;z-index: 10;background: #fff;height: auto;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;right: 0;min-height: 5rem;}
.clicked { right: 120px!important; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.nav { width: 120px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.fixed {width: 120px;height: 100%;position: fixed;right: 0;top: 0;bottom: 0;z-index: 5;overflow-x: hidden;-webkit-overflow-scrolling: touch;background: #fca718;}
.nav li { width: 120px; margin: 0 auto; }
.nav li a {display: block;width: 100%;color: #fff;text-align: center;font-size: 0.21rem;line-height: 0.8rem;}
.nav li a i { margin-right: 1%; }
.nav li:last-child { margin-bottom: 20%; border-bottom: 0; }
#allmap { width: 100%; height: 8rem; font-size: 0.18rem }
.share { bottom: 5%; display: none; z-index: 9; position: fixed!important; width: 100%; }
.black-fixed { position: fixed; z-index: 99999!important; left: 0; width: 0; top: 0; height: 150%; background: rgba(0, 0, 0, 0.29); text-align: right; font-size: 0.4rem; color: #fff; line-height: 2; right: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0; }
.black-clicked { width: 100%; padding-right: 2%; left: -127px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; }

/* zhuti */
.fixed{/* background: url(../images/nav2a.jpg); */}
.foot,.head{/* background: #fca718; */box-shadow:  0 0 10px rgba(0,0,0,0.5);color: red;}
/*  */
/*  */
.nav_i2 { }
.nav_i2 ul li {width: 23%;margin-right: 0.5%;margin-top: 1%;text-align: center;height: 1rem;line-height: 0.5rem;float: left;border-radius: 12px;padding: 1% 0.5%;margin-left: 0.5%;}
.nav_i2 ul li img{
    width: 98%;
    border-radius: 12px;
    height: 1rem;
}
.nav_i2 ul li a { color: #fefefe; }
.nav_i2 ul li:hover { background: #259dfc }
/*  */
/*  */
.home_menu{
	background: #ffffff;
	max-width:640px;
	min-width: 320px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999999;
	border-top: 1px solid #d0cccc;
}
.home_menu ul{
	width: 100%;
	float: left;
	overflow: hidden;
}
.home_menu .li{
	float: left;
	width: 20%;
	position: relative;
	padding: 0.2rem 0;
}
.home_menu ul li:nth-child(1),.home_menu ul li:nth-child(5){
	border-left: none;
}
.home_menu ul li:nth-child(3),.home_menu ul li:nth-child(2){
	border-right: none;
}
.home_menu .li a{
	color: #170303;
	display: block;
	text-align: center;
	position: relative;
}
.home_menu .li img{
	display: block;
	width: 37%;
	margin: 0 auto 5px;
}
.home_menu .li1{
	width: 22%;
	position: absolute;
	top:-30%;
	left: 39%;
}
.wx {
    font-size: 0.1rem;
    overflow: hidden;
    line-height: 0.5rem;
    position: fixed;
    bottom: 10%;
    left: 0;
    width: 100%;
    padding: 0.2rem 0.1rem;
    background: #fff;
    z-index: 999999999;
    display: none;
}
.wx h3 {
    font-size: 0.2rem;
    line-height: 0.3rem;
}
.wx p {
    overflow: hidden;
}
.wx span {
    user-select: text;
    color: #0da056;
    font-size: 0.3rem;
    float: left;
    margin-left: 0.1rem;
}
.wx a {
    background: #0da056;
    color: #fff;
    float: right;
    padding: 0 0.4rem;
    font-size: 0.22rem;
}
.wx img {
    float: right;
    width: 8%;
    margin-top: 1%;
    height: auto;
}
/*  */
.h{height: 1.5rem;}
/*  */
/*  */
.nav_i3{
    width: 95%;
    display: block;
    margin: 0 auto;
}
.nav_i3 ul li{
    float: left;
    /* border: 1px solid black; */
    margin-right: 6px;
    padding: 2% 2%;
    width: 40%;
    margin-bottom: 2%;
    border-radius: 6px;
    margin-left: 2%;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    /* background: #fca718; */
    font-size: 0.2rem;
    margin-top: 1%;
    box-shadow:  0 0 10px rgba(0,0,0,0.5);
    white-space: nowrap;
    overflow:hidden;
    /* display: block; */
    /* text-overflow:ellipsis; */
}
.nav_i3 ul li a{
    width: 79%;
    color: #ff7260;
    margin: 0 auto;
    white-space: nowrap;
    overflow:hidden;
    display: block;
    text-overflow:ellipsis;
}
/*  */
/*  */

.pro2 {padding-bottom: 2%;}
.pro2 ul li {width: 45%;float: left;margin-right: 1%;margin-left: 1.6%;text-align: center;margin-top: 2%;padding: 2% 1% 0;/* background: #c9f0de; */box-shadow:  0 0 10px rgba(0,0,0,0.5);}
.pro2 ul li:hover { }
.pro2 ul li a { color: #524b49; }
.pro2 ul li div{
    width: 100%;
    height: 2.2rem;
}
.pro2 ul li img {display: block;margin: 0 auto;height: 100%;}
.pro2 ul li span {height: 0.5rem;line-height: 0.5rem;width: 100%;white-space:nowrap;overflow:hidden;display: block;text-overflow:ellipsis;}
/*  */

.pro3 { }
.pro3 ul li {width: 32%;float: left;margin-right: 0.8%;margin-left: 0.4%;text-align: center;margin-top: 1%;box-shadow:  0 0 10px rgba(0,0,0,0.5);}
.pro3 ul li:hover { }
.pro3 ul li div{
    width: 90%;
    height: 1.6rem;
    display: block;
    margin: 0 auto;
    margin-top: 4%;
}
.pro3 ul li a {color: #082944;}
.pro3 ul li img {display: block;margin: 0 auto;height: 100%;}
.pro3 ul li span { height: 0.5rem; line-height: 0.5rem; }
/*  */
.mt20{ margin-top: 12px}
/*  */
.h2r{height: 0.3rem;}
/*  */
.language{
    /* border: 1px solid red; */
    width: 62%;
    margin: 0 auto;
    margin-bottom: 2%;
}
.language ul li{
    float: left;
    text-align: center;
    width: 49%;
    margin-right: 1%;
}
.language ul li img{}