/**********

	CDSS 2.0

*********/

/*********重置层**********/

html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,ol {

	margin: 0;

	padding: 0;

	outline:none;

}

.p-tables{border-collapse:collapse;border-spacing:0;border:0;}

body{text-align:left; line-height:1;}

*, :after, :before, html {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

html,body{

	width:100%;

}

/*A*/

a{

	text-decoration:none;

}

a:hover{

	text-decoration:none;

}

/*img*/

img{ border:0 none; vertical-align:top;}

/*li*/

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

/*浮动*/

.fl{

	float:left;

	display:inline;

}

.fr{

	float:right;

	display:inline;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	content: " ";

	clear: both;

	height: 0;

	line-height: 0;

}

.clearfix {

	zoom: 1;

}

img{boder:0;}

a{blr:expression(this.onFocus=this.close());}

a{blr:expression(this.onFocus=this.blur());}

a:focus { -moz-outline-style: none; }

a:focus { outline: none; }

button{ cursor:pointer;}

/*i,em重置*/

i,em{ font-style:normal;}

input::-webkit-input-placeholder{

	color:#8c9eba;

	font-size: 15px;

}

input::-moz-placeholder{   /* Mozilla Firefox 19+ */

	color:#8c9eba;

	font-size: 15px;

}

input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

	color:#8c9eba;

	font-size: 15px;

}

input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

	color:#8c9eba;

	font-size: 15px;

}

.flex-row {

	display: flex;

	flex-direction: row;

}

.flex-column {

	display: flex;

	flex-direction: column;

}

.flex-center {

	justify-content: center;

	align-items: center;

}

.justify-content-start {

	justify-content: flex-start;

}

.align-items-start {

	align-items: flex-start;

}

.justify-content-center {

	justify-content: center;

}

.align-items-center {

	align-items: center;

}

.justify-content-end {

	justify-content: flex-end;

}

.align-items-end {

	align-items: flex-end;

}

.flex-wrap-wrap {

	flex-wrap: wrap;

}

.justify-content-space-between {

	justify-content: space-between;

}

.flex-1 {

	flex: 1;

}

.header {

	padding-top: 101px;

	position: relative;

	z-index: 9999;

}

.header .ph-box {

	background-color: #ffffff;

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	display: none;

	z-index: 999;

}

.header .ph-box .logo img{

	height: 26px;

}

.header .phone-menu .mobile-menu {

	width: 18px;

	height: 48px;

	position: relative;

	display: block;

	background: none;

	border: none

}

.header .phone-menu .menu-i {

	height: 1.5px;

	left: 0px;

	position: absolute;

	border-radius: 1px;

	font-style: normal;

	background-color: #ffffff;

	display: block;

	transition: all 0.5s

}

.header .phone-menu .menu-i {

	background-color: #000;

}



.header .phone-menu .menu-i-1 {

	width: 18px;

	top: 16px

}



.header .phone-menu .menu-i-2 {

	width: 12px;

	top: 23px

}



.header .phone-menu .menu-i-3 {

	width: 18px;

	top: 30px

}



.header .phone-menu .mobileMenuOn {

	z-index: 1001

}



.header .phone-menu .mobileMenuOn .menu-i-1 {

	transform: translateY(8px) rotate(45deg);

	background-color: #fff

}



.header .phone-menu .mobileMenuOn .menu-i-2 {

	opacity: 0

}



.header .phone-menu .mobileMenuOn .menu-i-3 {

	transform: translateY(-6px) rotate(-45deg);

	background-color: #fff

}

.header .phone-menu .mobileMenuOn .menu-i-1{

	background-color: #000

}

.header .phone-menu .mobileMenuOn .menu-i-3{

	background-color: #000

}

.header .phone-menu .nav-open-noscroll {

	overflow: hidden !important;

	height: 100%

}



.header .phone-menu .mobile-nav-model {

	background: #fff;

	width: 100vw;

	height: calc(100vh - 54px);

	position: absolute;

	top: 54px;

	left: 0;

	display: none;

	box-shadow: none !important;

	z-index: 1000;

	overflow-y: auto

}



.header .phone-menu .mobile-nav-model .uk-close {

	color: #000

}

.header .phone-more-menu {

	background-color: #f1f1f1;

	position: fixed;

	right: 0;

	top: 48px;

	left: 0;

	bottom: 0;

	overflow: auto;

	z-index: 9999;

	display: none;

}

.phone-more-menu .pd .cell {

	border-bottom: 1px solid #F5F5F5;

}

.phone-more-menu .pd .cell .cell-nav {

}

.phone-more-menu .pd .cell .cell-nav .text{

	font-size: 16px;

	color: #000000;

	font-family: "Roboto";

	flex: 1;

}

.phone-more-menu .pd .cell .cell-nav .text a{

	font-size: 16px;

	color: #000000;

	padding: 20px 16px;

	display: block;

}

.phone-more-menu .pd .cell .cell-nav .down{

	width: 20px;

	height: 20px;

	background-image: url("../fonts/27af4337ff704cbc9abf3382e685483d.woff");

}

.phone-more-menu .pd .cell .cell-nav .up{

	width: 20px;

	height: 20px;

	background-image: url(../fonts/097d3d5578254146a13842509f28c909.woff);

}

.phone-more-menu .pd .cell .cell-main {

	background: #F5F5F5;

}

.phone-more-menu .pd .cell .cell-main a{

	display: block;

	padding: 15px 0;

	color: #666666;

}

.phone-more-menu .pd .cell .cell-main .menu-cell {

	padding: 20px 40px;

	border-bottom: 1px solid #EEEEEE;

}

.phone-more-menu .pd .cell .cell-main .menu-cell .label{

	font-size: 14px;

	color: #000000;

	font-family: "Roboto";

}

.phone-more-menu .pd .cell .cell-main .menu-cell .value{

	font-size: 14px;

	color: #666666;

	font-family: "Roboto";

	padding-top: 8px;

}

.marginAuto {

	width: 1200px;

	margin: 0 auto;

}

.app-img {

	position: relative;

	display: inline-block;

	overflow: hidden;

}

.app-img img{

	width: 100%;

	height: 100%;

	object-fit: contain;

}

.hide-text {

	overflow:hidden;

	text-overflow: ellipsis;

	-webkit-line-clamp: 10;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}

.hide-text-1 {

	overflow:hidden;

	text-overflow: ellipsis;

	-webkit-line-clamp: 1;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}

.hide-text-2 {

	overflow:hidden;

	text-overflow: ellipsis;

	-webkit-line-clamp: 2;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}

.hide-text-3 {

	overflow:hidden;

	text-overflow: ellipsis;

	-webkit-line-clamp: 3;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}

/* 焦点图 */

.page-banner {

	width: 100%;

	height: 469px;

}

.page-banner .app-img {

	width: 100%;

	height: 100%;

}





.pages {

	padding-top: 40px;

}
.app-page .pages {
    height: auto !important;
    min-height: auto !important;
}

.pages .prev{

	width: 30px;

	height: 30px;

	background-color: #ffffff;

	background-image: url("../images/page-prev.png");

	background-position: center;

	background-repeat: no-repeat;

	display: block;

	border: 1px solid #E5E5E5;

	margin: 0 8px;

}

.pages .prev:hover{

	background-color: #989898;

}

.pages .next{

	width: 30px;

	height: 30px;

	background-color: #ffffff;

	background-image: url("../images/page-next.png");

	background-position: center;

	background-repeat: no-repeat;

	display: block;

	border: 1px solid #E5E5E5;

	margin: 0 8px;

}

.pages .next:hover{

	background-color: #989898;

}

.pages .num {

	width: 30px;

	height: 30px;

	background-color: #ffffff;

	display: block;

	border: 1px solid #E5E5E5;

	margin: 0 4px;

	font-size: 14px;

	color: #9A9A9A;

	text-align: center;

	line-height: 30px;

}

.pages .num:hover {

	background-color: #046159;

	color: #ffffff;

}

.pages .on {

	background-color: #046159;

	color: #ffffff;

}

@media only screen and (max-width: 1530px) and (min-width:1024px) {

	.marginAuto {

		margin: 0 auto;

		padding: 0 15px !important;

		width: 100%;

	}

}

@media only screen and (max-width: 1024px) and (min-width:0px) {

	.marginAuto {

		margin: 0 auto;

		padding: 0 15px !important;

		width: 100%;

	}

	/*.header {*/

	/*	padding-top: 48px;*/

	/*}*/

	/*.header .ph-box {*/

	/*	display: block;*/

	/*}*/

	/*.page-banner {*/

	/*	width: 100%;*/

	/*	height: 160px;*/

	/*}*/

	.page-info-title .title {

		font-size: 20px;

	}

	.page-info-title .des {

		font-size: 13px;

		padding-top: 12px;

	}

	.about-nav .cell {

		width: calc(100% / 3);

	}

}











/*

.fullSlide{

	width:100%;

	position:relative;

	height:746px;

}

.fullSlide .bd{

	margin:0 auto;

	position:relative;

	z-index:0;

	overflow:hidden;

}

.fullSlide .bd ul{ width:100% !important; }

.fullSlide .bd li{ width:100% !important; height:746px; overflow:hidden; text-align:center; }

.fullSlide .bd li a{ display:block; height:746px; }

.fullSlide .hd{

	width:100%;

	position:absolute;

	z-index:1;

	bottom:0;

	left:0;

	height:30px;

	line-height:30px;

	background:url(../images/touming.png) repeat-x;

	text-align:center;

	_background:#000;

	_filter:alpha(opacity=60);

}

.fullSlide .hd ul{ text-align:center; padding-top:5px; }

.fullSlide .hd ul li{

	cursor:pointer;

	display:inline-block;

	*display:inline;

	zoom:1;

	width:8px;

	height:8px;

	margin:5px;

	background:url(../images/tg_flash_p.png) -18px 0;

	overflow:hidden;

	line-height:9999px;

}

.fullSlide .hd ul .on{ background-position:0 0;}

<div class="fullSlide">

                <div class="bd">

                    <ul>

                        <li style="background:url(../images/banner.jpg) center 0 no-repeat;">

                            <a target="_blank" href="#"></a>

                        </li>

                        <li style="background:url(../images/banner.jpg) center 0 no-repeat;">

                            <a target="_blank" href="#"></a>

                        </li>

                    </ul>

                </div>

                <div class="hd">

                    <ul></ul>

                </div>

            </div>



    // $(".fullSlide").slide({

    //     titCell: ".hd ul",

    //     mainCell: ".bd ul",

    //     effect: "fold",

    //     autoPlay: true,

    //     autoPage: true,

    //     trigger: "click"

    // });

*/

