@charset "utf-8";

*{margin:0;padding:0;}

.lim_m_rm { display: none!important; }

body{margin:0 auto !important;max-width:640px;min-width:320px;width: 100%;background: #fff !important;overflow-x: hidden;}

body,button,input,select,textarea{color:#505050;font:12px/1.5 Microsoft Yahei;}

h1,h2,h3,h4,h5,h6{text-align:center;font-size:100%;}

li,ol,ul{list-style:none;}

a{outline:0;color:#282828;text-decoration:none;}

fieldset,img{border:0;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{outline:0;font-size:100%;}

textarea{resize:none;}

img{vertical-align:top;}

#QIAO_INVITE_CONTAINER{display: none!important;}

article,aside,footer,header,hgroup,nav,section{display:block;}

h2{color:#303132;text-align:center;}

.clear,.clearfix{ zoom:1; }

.cb{clear:both;}

.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden; }

.over{overflow:hidden;}

.fr{float:right;}

.fl{float:left;}

.pr {position: relative;}

.pa {position: absolute;}

.ovfHiden {overflow:hidden;height: 100%;}

.auto {margin:0 auto;}

.wp {width: 100%;min-width:320px;max-width: 640px;margin:0 auto;overflow: hidden;}

.wp img {width: 100%;height: auto;}

/**澶村熬**/

.newHead {max-width:640px;width: 100%;min-width: 320px;height: 0.9rem;overflow: hidden;margin: 0 auto;background:#fff;background-size:100%;position: relative;}

.newHead img {width: 100%;}

.newHead {padding:0;}

.newHead .navBtn {position: absolute; width: 0.46rem;height: 0.49rem;left: 0.2rem;top: 0.18rem;}

.newHead .zixun {position: absolute; width: 0.54rem;height: 0.47rem;right: 0.2rem;top: 0.18rem;}

.newHead .logo {display: block;width: 4.3rem;height: 0.72rem;text-align: center;line-height: 0.72rem;margin: 0 auto; padding-top:0.05rem;}

.newHead .logo img {width: 4.3rem;height: auto;vertical-align: middle;}

/* 閫氱敤瀵艰埅鏍峰紡 */

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2') format('woff2'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal}

.fixed-menu {width: 100%; min-width: 320px; max-width:640px; position: fixed;top: 0;left: -100%; z-index: 10000;background: #fff; }

.fixed-menu-nav { margin:0 0.2rem; clear:both; }

.return { width:100%; background: #403748; }

.return span { font-size: 0.18rem; display: block; height: 0.58rem; line-height: 0.58rem; text-indent: 1.5em; color: #fff; float:left; }

.return i { float:right; height: 0.58rem; line-height: 0.58rem; margin-right: 10%; }

.return i:before { font-family:'FontAwesome'; content:"杩斿洖"; color: #fff;	font-size: 0.2rem; font-style: normal; }

.project_content_box{max-width: 640px;overflow: hidden;margin-bottom: 8%;}

.project_main{overflow: hidden;background:#51455c;}

.project_main .project_nav{width: 22%;float: left;overflow-y:scroll;margin:0;padding:2%;background: #403748;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.project_main .project_item{width: 70%;float: right;overflow-y:scroll;}

.project_nav li{color:#fff;text-align: center;font-size: 0.2rem;position: relative;padding: 0.2rem 0;}

.project_nav li:after{content:"";width: 30%;height: 1px;background: #fff;position: absolute;left: 50%;margin-left: -15%;bottom:20%;}

.project_nav li.on:before{content:""; width: 0;height: 0;border-top: 0.5em solid transparent;border-left: 0.8em solid #5f506d;border-bottom:0.8em solid transparent;position: absolute;right:-0.4em;top: 50%;margin-top: -0.6em;}

.project_nav li.on{background: #5f506d;}

.project_main .project_item .item_box dl{padding:4% 0;border-bottom: 0.01rem solid #74677f;overflow: hidden;margin-bottom: 4%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.project_main .project_item .item_box dl dt{font-size: 0.24rem;font-weight: 700;color:#fff;overflow: hidden;margin-bottom: 5%;padding-left: 4%;}

.project_main .project_item .item_box dl dd{float: left;padding:1% 4%;margin:0 5% 5% 0;}

.project_main .project_item .item_box dl dd a{font-size: 0.16rem;color:#c3b8cd;display: block;width: 100%;height: 100%;text-align: center;}

.project_main .project_item .item_box dl:last-child{border-bottom: none;}

#item_nav{max-width:640px;margin:0 auto;overflow:hidden;}

#item_nav{max-width:640px;margin:0 auto;overflow:hidden;}

#item_nav .item_nav{background: #fff;position: relative;}

#item_nav .item_nav ul li{padding:3% 0;text-align: center;}

#item_nav .item_nav ul li a{font-size:0.24rem;}

#item_nav .item_nav ul li.on{border-bottom: 0.01rem solid #403748;}

#item_nav .item_nav ul li.on a{font-weight: 700;}



.index_hot{overflow: hidden;height: 1.05rem;background: #e1e1e1;margin:0.05rem auto;}

.index_hot .left{float: left;margin-left: 0.3rem;margin-top: 0.15rem;margin-right:5%; width: 0.99rem;height: 0.77rem;}

.index_hot .right { width: 70%;float: left;height: 1.05rem;padding: 2% 0%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.index_hot .right .tg_scroll { width: 100%; overflow: hidden; }

.index_hot .right .tg_scroll ol li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.index_hot .right .tg_scroll ol li a{font-size: 24px;display: inline-block;}

.index_hot .right .tg_scroll ol li a .th{color:#fff;background: #dc3171;padding:0 1%;border-radius: 15%;margin-right:2%;}

.index_hot .right .tg_scroll ol li a .zk{color:#943ebe;border:0.01rem solid #943ebe;padding:0 1%;border-radius: 15%;margin-right:2%;}

.fot_nav {width: 6.4rem;height: 1.55rem;margin: 0.1rem auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 2%;}

.fot_nav a {display: block; float: left;margin-right: 4%;}

.fot_nav a:last-child {margin-right: 0;}

.fot_nav img {width: 1.31rem;height: 1.31rem;}

.t_hot{ max-width:640px;min-width:320px;overflow: hidden;position:absolute;top: 0;width:100%; height:0.85rem; background:#ddd; z-index:98}

.t_hot ul {display:flex;-ms-display:flex;-webkit-display:flex;-moz-display:flex;}

.t_hot ul li { flex:1;-webkit-flex:1;-ms-flex:1; -moz-flex:1;height:0.85rem; line-height:0.24rem; color:#FFFFFF; font-size:0.2rem; text-align:center; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2)}

.t_hot ul li a{color:#525152;display:table-cell;vertical-align:middle;}

.t_hot ul li:last-child{border-right:0;}

.t_hot ul li:first-child {color:#fff;background: #e741f6;flex-grow:0;-webkit-flex-grow:0;flex-grow:0;flex-grow:0;-webkit-flex-basis: 0.85rem;flex-basis: 0.85rem;}

.t_hot ul li:first-child a {color:#fff;}

.t_hot ul li p{ display:block;width: 100%;height: 100%;display: table;}

.Top {width: 0.5rem;height: 0.5rem;position: fixed;right: 5%;bottom:20%;background: rgba(255,255,255,.5);display: block;z-index: 990;border-radius: 50%;text-align: center;line-height: 0.5rem;font-size: 0.18rem;color: #e741f6;-moz-box-shadow: 0 0 0.08rem rgba(8,1,3,.2);-webkit-box-shadow: 0 0 0.08rem rgba(8,1,3,.2);box-shadow: 0 0 0.08rem rgba(8,1,3,.2);}

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

	.index_hot .right .tg_scroll ol li a{font-size: 18px;display: inline-block;}

}

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

	.index_hot .right .tg_scroll ol li a{font-size: 16px;display: inline-block;}

}

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

	.index_hot .right .tg_scroll ol li a{font-size: 14px;display: inline-block;}

}

.mask { position: relative; }

.mask sup { width: 0.2rem; height: 0.2rem; font-size: 0.14rem; background: #ff5764; border-radius: 50%; display: block; line-height: 0.2rem; text-align: center; color: #fff; position: absolute; top: 30%; right: 21%; font-style: normal; }

@keyframes zx{

/*	0%{

		-webkit-transform: scaleX(1) scaleY(1);

		transform: scaleX(1) scaleY(1);

	}

	100%{

		-webkit-transform: scaleX(1.05) scaleY(1.05);

		transform: scaleX(1.05) scaleY(1.05);

	}*/

}

@keyframes shake {

	0%, 100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

	10%,30%,50%,70%,90% {

		-webkit-transform: translateY(-5%);

		transform: translateY(-5%);

	}

	20%,40%,60%,80% {

		-webkit-transform: translateY(-5%);

		transform: translateY(-5%);

	}

}

.news-box {padding:0.1rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}

.news-zx {width: 5.4rem;height: 0.56rem; margin: 0.5rem auto;overflow: hidden;}

/*鏂囩珷鍜ㄨ鎸夐挳鐨勯珮搴�*/

.news-zx { margin-top: 0.2rem ;margin-bottom: 0.2rem ;}

.news-zx a {width: 2.5rem;height: 0.56rem;display: block;}

.real-banner {width: 100%;min-width: 320px;max-width: 640px;height: auto;margin: 0 auto;}

/* 鍙充晶婕傛诞鏉� */

.hot_right{width: 1.2rem;height: 1.52rem; position: fixed;right: -100px;top:40%;z-index: 100;opacity: 0;animation:swing 1s 1s ease both; transition: all 1s ease-in-out;opacity: 0;}

.hot_right img{width: 100%;height: auto;}

.hot_right .hot_close{display: block;width: 20%;height: 15%;position: absolute;right:0px;top:0px;}

.hot_right.animate{right: 0; opacity: 1; }

.hot_hide{right: -100px !important; opacity: 0 !important; }

#hot_hide{right: -100px; opacity: 0; }

.hot_right.animate1{animation:tops 15s infinite; }

/**/

.top_tips{position:fixed;top:-1rem;z-index:990;width:100%;height:1rem;line-height:1rem;max-width:640px;min-width: 320px; background:#fff;color:#333;box-shadow:0 0 0.1rem rgba(10,2,4,.75);}

.top_tips img { float: left; border-radius: 0.05rem; }

.top_tips ul { float: left; }

.top_tips ul li { height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem;}

.top_tips ul li:nth-child(1) { margin-top: 0.05rem; }

@-webkit-keyframes swing{

	0%{-webkit-transform:translateX(0%);}

	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	30%{-webkit-transform:translateX(2%) rotate(2deg);}

	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	60%{-webkit-transform:translateX(2%) rotate(2deg);}

	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	100%{-webkit-transform:translateX(0%);}

}

@-moz-keyframes swing{

	0%{-webkit-transform:translateX(0%);}

	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	30%{-webkit-transform:translateX(2%) rotate(2deg);}

	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	60%{-webkit-transform:translateX(2%) rotate(2deg);}

	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	100%{-webkit-transform:translateX(0%);}

}

@-ms-keyframes swing{

	0%{-webkit-transform:translateX(0%);}

	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	30%{-webkit-transform:translateX(2%) rotate(2deg);}

	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	60%{-webkit-transform:translateX(2%) rotate(2deg);}

	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	100%{-webkit-transform:translateX(0%);}

}

@-o-keyframes swing{

	0%{-webkit-transform:translateX(0%);}

	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	30%{-webkit-transform:translateX(2%) rotate(2deg);}

	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	60%{-webkit-transform:translateX(2%) rotate(2deg);}

	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}

	100%{-webkit-transform:translateX(0%);}

}

@-webkit-keyframes tops{

	0%{top:45%;}

	25%{top:20%;}

	50%{top:70%;}

	100%{top:45%;}

}