.pageWidth {
	width: 1200px;
	margin: 0 auto;
}

.header {
	height: 80px;
	background: rgba(255, 255, 255, 0.95);
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	line-height: 80px;
}

.header .logo {
	padding-right: 60px;
	position: relative;
	z-index: 9;
}

.header .logo img {
	display: block;
	margin-top: 26px;
	height: 28px;
}

.header .nav {
	position: relative;
	width: 75%;
	height: 80px;
	left: 20px;
	top: 0;
}

.header .nav li {
	float: left;
	padding: 0px 30px;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.header .nav li:hover span {
	display: block;
}

.header .nav li span {
	display: none;
	position: absolute;
	top: 77px;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 100;
}

.header .nav li span i {
	display: block;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: #fff;
}

.header .nav li span i:hover {
	background: #f5f5f5;
}

.header .nav li a {
	color: #5e6f83;
}

.header .nav .active {
	position: relative;
}

.header .nav .active a {
	color: #264d79;
	font-weight: bold;
	display: inline-block;
}

.header .nav li:hover a {
	color: #264d79;
	font-weight: bold;
}

.header .nav .block {
	width: 48px;
	height: 3px;
	background: #264d79;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 99;
}

.header .nav li a:hover {
	color: #264d79;
}

.header .btn {
	width: 78px;
	height: 38px;
	border: 1px solid #109bd6;
	position: relative;
	z-index: 9;
	display: block;
	line-height: 38px;
	margin-top: 20px;
}

.header-block {
	height: 80px;
	overflow: hidden;
}
/*妫ｆ牠銆�*/
/*.indexBanner{ background:url(/Templates/Default/images/pc/201705141203.jpg) no-repeat 50% 0; height:600px;}*/
.indexBanner {
	background: url(/Templates/Default/images/pc/banner1.png) no-repeat 50%
		0;
	height: 600px;
}

.indexBanner .banner-text {
	top: 245px;
}

.indexBanner .banner-btn {
	top: 335px;
}

.indexBanner .banner-text,.indexBanner .banner-btn {
	width: 100%;
	left: 0;
	text-align: center;
}

.indexBanner .banner-btn a {
	display: block;
	margin: 0 auto;
	width: 259px;
	height: 119px;
	background: url(/Templates/Default/images/pc/banner-btn.png) no-repeat;
	-webkit-transition: .6s;
	transition: .6s;
}

.indexBanner .banner-btn a:hover {
	background: url(/Templates/Default/images/pc/banner-btn2.png) no-repeat;
}

.feature {
	padding-bottom: 80px;
}

.feature li {
	width: 25%;
	float: left;
	text-align: center;
	cursor: pointer;
}

.feature li .li {
	padding: 40px 0 20px 0px;
	-webkit-transition: .3s;
	transition: .3s;
	width: 90%;
	height: 250px;
	display: block;
	margin: 0 auto;
}

.feature li .li:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .2);
	transform: translate3d(0px, 0px, -5px);
}

.feature .icon {
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #1296DB;
	color: #1296DB;
	line-height: 80px;
	transition: .3s;
}

.feature .icon i {
	font-size: 50px;
	display: inline-block;
}

.feature .icon.icon1 {
	border: 1px solid #FABC8C;
	color: #FABC8C;
}

.feature .icon.icon2 {
	border: 1px solid #67BE91;
	color: #67BE91;
}

.feature .icon.icon3 {
	border: 1px solid #EB6877;
	color: #EB6877;
}

.feature li:hover .icon {
	background: #1296DB;
	color: #fff;
}

.feature li:hover .icon.icon1 {
	background: #FABC8C;
	color: #fff;
}

.feature li:hover .icon.icon2 {
	background: #67BE91;
	color: #fff;
}

.feature li:hover .icon.icon3 {
	background: #EB6877;
	color: #fff;
}

.feature p {
	padding: 0px 50px;
}

.feature .tit,.data_list .tit {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin-top: 15px;
	font-size: 20px;
}

.feature .info,.data_list .info {
	line-height: 28px;
	margin-top: 5px;
	font-size: 14px;
	color: #6f85a1;
}

.data_list .info {
	width: 80%;
	display: block;
	margin: 0 auto;
	height: 56px;
}

.data_list .tit {
	margin-top: 0;
	line-height: 40px;
	height: 40px;
}

.data_list .tit i {
	font-size: 35px;
	display: inline-block;
	vertical-align: middle;
	color: #68D5DB;
	padding: 0 10px;
}

.data_list .line {
	border: 1px solid #20C2CB;
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: relative;
	margin: 0px auto 60px;
	transition: all .3s;
}

.data_list .line em {
	border-top: 1px solid #20C2CB;
	width: 325px;
	display: block;
	position: absolute;
	top: -76px;
	left: -5px;
	transform: rotate(-29deg);
}
/*.data_list ul{margin-top:50px;}*/
.data_list li {
	width: 300px;
	float: left;
	text-align: center;
	cursor: pointer;
}

.data_list li .li {
	height: 180px;
}

.data_list li .li.li0 {
	padding-top: 90px;
}

.data_list li .li.li0 .line {
	margin: 60px auto 0px;
}

.data_list li .li.li1 .tit i {
	color: #D1CF05;
}

.data_list li .li.li2 .tit i {
	color: #4E9FFB;
}

.data_list li .li.li3 .tit i {
	color: #E08B8E;
}

.data_list li .li.li1 .line,.data_list li .li.li1 .line em {
	border-color: #D1CF05;
}

.data_list li .li.li2 .line,.data_list li .li.li2 .line em {
	border-color: #4E9FFB;
}

.data_list li .li.li3 .line {
	border-color: #E08B8E;
}

.data_list li .li.li1 .line em {
	transform: rotate(29deg);
	top: 90px;
	left: -4px;
}

.data_list li:hover .li .line {
	background: #20C2CB;
}

.data_list li:hover .li.li1 .line {
	background: #D1CF05;
}

.data_list li:hover .li.li2 .line {
	background: #4E9FFB;
}

.data_list li:hover .li.li3 .line {
	background: #E08B8E;
}

/*.bot li {width:25%;}*/
.page-tit {
	text-align: center;
	width: 100%;
	padding: 80px 0 60px;
}

.page-tit p {
	font-size: 40px;
	line-height: 60px;
}

.page-tit i {
	background: url(/Templates/Default/images/pc/line.png) no-repeat center;
	display: block;
	height: 30px;
	width: 24%;
	margin: 0 auto;
}

.more {
	padding-bottom: 80px;
}

.more li {
	width: 50%;
	float: left;
	cursor: pointer;
}

.more li  .border:hover {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .3);
	background: #fff;
}
/*.more li  .border:hover .icon span.bg-out{-webkit-transform:rotate(80deg);-webkit-transform-origin:50% 50%;transform: scale(1.2);opacity:0;}*/
/*.more li  .border:hover .icon span.bg-inside{-webkit-transform:rotate(-30deg);-webkit-transform-origin:50% 50%;}*/
.more li .border {
	min-height: 160px;
	width: 100%;
	margin: 10px auto;
	border-radius: 5px;
	transition: all .5s ease;
	display: inline-block;
	text-align: left;
}

.more li .border b {
	color: #26A2D9;
	line-height: 30px;
	vertical-align: middle;
	font-size: 14px;
	display: block;
	text-align: right;
	font-weight: normal;
	padding: 0 25px;
}
/*.more li .border .link span{padding-right:10px;}*/
.more li .border b i { /* padding:0px 8px; */
	vertical-align: middle;
	font-size: 20px;
	font-style: normal;
	display: inline-block;
	margin-top: -1px;
	margin-left: -5px;
}
/*.more li .border .icon{width: 50px;height: 50px;display:inline-block;position:relative;vertical-align:middle;margin-left: 20px;}*/
/*.more li .border .icon span.bg-out,.more li .border .icon span.bg-inside{display: inline-block; height: 80px;width: 80px;opacity:.8;position:absolute;top:0px;left:0px;transition:all .5s ease;background:url(/Templates/Default/images/pc/bg-inside.png) no-repeat;background-size:cover;}*/
/*.more li .border .icon span.bg-out{transform:rotate(30deg);opacity:.5;transition:all .5s linear;}*/
.more li .border span {
	color: #26A2D9;
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	padding: 0 10px 0px 25px;
}
/*.more li .border .icon img{display:block;padding-top: 8px;width: 36px;}*/
.more p {
	padding: 0px 25px;
}

.more .tit {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	color: #26A2D9;
}

.more .info {
	line-height: 28px;
	margin-top: 5px;
	font-size: 14px;
	color: #7B7B7B;
	min-height: 60px;
}

/*鐎广垺鍩涘鍫滅伐*/
/*.example{position:relative;z-index:-2;} */
.example h2 {
	line-height: 80px;
	font-size: 25px;
	width: 100%;
	text-align: center;
}

.example .pageWidth {
	position: relative;
	z-index: 1;
}

.example .rg {
	display: inline-block;
	width: 50%;
	margin: 30px 0px;
	vertical-align: middle;
}

.example .rg ul {
	font-size: 0;
}

.example .rg ul li {
	width: 24%;
	color: #999;
	font-size: 15px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	padding: 40px 25px;
	border: 1px solid #f5f5f5;
	height: 120px;
	line-height: 30px;
	position: relative;
	vertical-align: middle;
}

.example .rg ul li i {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	font-size: 30px;
	line-height: 60px;
}

.example .rg ul li.active {
	background: #26A2D9;
	color: #fff;
	border-color: #26A2D9;
}
/*.example .rg ul li.active .ic{background: url(/Templates/Default/images/pc/selected.png) no-repeat}*/
.example .lf {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	margin: 30px 0;
	height: 350px;
	overflow: hidden;
	position: relative;
}

.example .lf .conts {
	position: relative;
}

.example .lf .cont {
	width: 100%;
	overflow: hidden;
}

.example .lf .cont.active {
	display: block;
}

.example .lf .cont:after {
	content: "";
	display: block;
	clear: both;
}
/*.example .rg ul li .lf-l{display:none;position:absolute;height:100%;width:100%;top:0;left:0;z-index:10;background:#fff;box-shadow: 0px 0px 14px 0px rgba(0,0,0,.2);transition:.5s;}*/
/*.example .rg ul li:hover .lf-l{display:block;}*/
/*.example .rg ul li .lf-l span{color: #26A2D9;*/
/*    font-size: 15px;*/
/*    overflow: hidden;*/
/*    display:inline-block;*/
/*    padding:0 15px;line-height:22px;margin-top:80px;}*/
.example .lf .cont .lf-l {
	display: block;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	width: 480px;
}

.example .lf .cont .lf-l span {
	line-height: 25px;
	display: block;
	font-size: 15px;
	color: #797878;
	padding-top: 10px;
}

.example .lf .cont .lf-r {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.example .lf .cont .lf-r img {
	height: 300px;
	display: block;
	margin: 0 auto;
}

.bot-title {
	background: url(/Templates/Default/images/pc/bg-bot.png) no-repeat;
	height: 300px;
	background-size: cover;
}

.bot-title h1 {
	letter-spacing: 2px;
	font-size: 45px;
	width: 100%;
	text-align: center;
	line-height: 90px;
	color: #fff;
	padding-top: 40px;
}

.bot-title a {
	display: block;
	width: 14%;
	text-align: center;
	color: #fff;
	border: 2px solid #fff;
	height: 50px;
	line-height: 50px;
	font-size: 21px;
	margin: 50px auto;
	border-radius: 30px;
}

.bot-title a:hover {
	color: #FFF;
	opacity: .7;
	cursor: pointer;
}
/*閼辨梻閮撮幋鎴滄粦*/
.Contact {
	height: 290px;
	padding: 36px 18px;
}

.Contact ul {
	width: 70%;
	display: inline-block;
	font-size: 0px;
	float: left;
}

.Contact ul li {
	float: left;
}

.Contact ul li div {
	width: 95%;
	margin: 0 auto;
}

.Contact ul li div p:hover a {
	color: #333;
	cursor: default;
}

.Contact ul li div p a {
	color: #888;
	font-family: '瀵邦喛钂嬮梿鍛寸拨';
	font-weight: 500;
}

.Contact ul li div p.default:hover a {
	cursor: pointer;
}

.Contact ul li div p.contact-tit {
	margin-bottom: 5px;
}

.Contact ul li div p.contact-tit span {
	font-size: 17px;
	vertical-align: middle;
	font-family: '瀵邦喛钂嬮梿鍛寸拨';
	font-weight: 500;
	color: #676666;
}

.Contact ul li div p.contact-tit img {
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
	margin-top: -2px;
}

.Contact ul li div p {
	text-align: left;
	padding-left: 10px;
	color: #797979;
	font-size: 14px;
	line-height: 40px;
}

.Contact .contact-rg {
	width: 30%;
	display: inline-block;
	float: right;
}

.Contact .contact-rg p {
	line-height: 37px;
	text-align: center;
	font-size: 17px;
	margin-bottom: 10px;
	font-family: '瀵邦喛钂嬮梿鍛寸拨';
	font-weight: 500;
	color: #676666;
}

.Contact .contact-rg img {
	width: 190px;
	margin: 0 auto;
	display: block;
	border: 2px dotted #ccc;
}

.loginBg {
	background: url(/Templates/Default/images/pc/201705152137.jpg) no-repeat
		50% 50%;
	background-size: cover;
	padding: 140px 0px 60px 0px;
}

.loginBox {
	width: 360px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.3);
	padding: 40px 60px;
}

.loginBox .title {
	font-size: 30px;
	height: 82px;
	line-height: 60px;
	overflow: hidden;
	color: #fff;
	position: relative;
	text-align: center;
}

.loginBox .title .line {
	width: 40px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 10px;
}

.loginBox .textbox {
	height: 50px;
	line-height: 50px;
	position: relative;
	margin-top: 30px;
	padding-right: 102px;
}

.loginBox .error:after {
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(/Templates/Default/images/pc/error.png) no-repeat;
}

.loginBox .success:after {
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(/Templates/Default/images/pc/success.png) no-repeat;
}

.loginBox .textbox .tit {
	width: 70px;
	white-space: nowrap;
	text-align: right;
	position: absolute;
	left: 20px;
	top: 0;
	color: #b6b5b4;
	font-size: 14px;
	-webkit-transition: .3s;
	transition: .3s;
}

.loginBox .textbox input {
	width: 100%;
	font-size: 14px;
	border: 0px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #b6b5b4;
	background: none;
	color: #b6b5b4;
	padding-left: 100px;
	-webkit-transition: .3s;
	transition: .3s;
}

.loginBox .textbox input:focus {
	border: 1px solid #fff;
	box-shadow: 0 1px 12px rgba(255, 255, 255, 0.3);
	color: #fff;
}

.loginBox .focus .tit {
	color: #fff;
}

.loginBox .button input {
	width: 100%;
	cursor: pointer;
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	height: 52px;
	line-height: 52px;
	background: #139ad4;
	border: 0px;
	-webkit-transition: .3s;
	transition: .3s;
}

.loginBox .button input:hover {
	box-shadow: 0 1px 12px #15b1e1;
	background: #15b1e1;
}

.loginBox .link {
	text-align: right;
	line-height: 46px;
	font-size: 14px;
}

.loginBox .link a {
	color: #b6b5b4;
}

.loginBox .link a:hover {
	color: #fff;
}

.loginBox .reg-text {
	line-height: 46px;
	color: #b6b5b4;
	margin-top: 20px;
	font-size: 16px;
}

.loginBox .reg-text a {
	color: #139ad4;
}

.zmnLoginBg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.zmnLoginBg img {
	min-width: 100%;
	height: 100%;
}

.zmnLogin {
	width: 420px;
	margin: 0 auto;
	height: 400px;
	background: #fff;
	padding: 30px 0px;
	position: absolute;
	top: 50%;
	margin-top: -245px;
	left: 50%;
	margin-left: -215px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	z-index: 99;
}

.zmnLogin .logo {
	margin: 0px 40px;
}

.zmnLogin .logo img {
	height: 35px;
}

.zmnLogin .load-bar {
	height: 5px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	background: #ebebeb;
	overflow: hidden;
	display: none;
}

.zmnLogin .load-bg {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #16afdf;
	border-radius: 30px;
	z-index: 10;
}

.zmnLogin .gray-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity = 5);
	-moz-opacity: 0.05;
	-khtml-opacity: 0.05;
	opacity: 0.05;
	z-index: 9;
	display: none;
}

.zmnLogin .title {
	padding-top: 20px;
}

.zmnLogin .title strong {
	font-size: 24px;
	line-height: 34px;
	font-weight: normal;
}

.zmnLogin .title p {
	line-height: 24px;
	font-size: 14px;
}

.zmnLogin .textbox {
	margin-top: 50px;
	position: relative;
}

.zmnLogin .textbox .text-tit {
	line-height: 24px;
	color: #8197b1;
	-webkit-transition: .3s;
	transition: .3s;
	position: absolute;
	bottom: 7px;
	left: 0;
	font-size: 14px;
	overflow: hidden;
}

.zmnLogin .textbox .text-tit-focus {
	font-size: 12px;
	bottom: 35px;
	color: #109bd6;
}

.zmnLogin .textbox .text-tit-color {
	color: #8197b1;
}

.zmnLogin .textbox input {
	height: 34px;
	line-height: 34px;
	border: 0px;
	font-size: 14px;
	width: 100%;
	background: none;
	position: relative;
	z-index: 1;
}

.zmnLogin .textbox .line {
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #dbdbdb;
}

.zmnLogin .textbox .lined {
	width: 0px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #109bd6;
	-webkit-transition: .3s;
	transition: .3s;
}

.zmnLogin .textbox .lined-on {
	width: 100%;
	left: 0;
}

.zmnLogin .box-hidden {
	overflow: hidden;
	height: 380px;
}

.zmnLogin .box-wrap {
	width: 9999px;
}

.zmnLogin .box {
	float: left;
	width: 420px;
	height: 380px;
}

.zmnLogin .inner {
	margin: 0px 40px;
}

.zmnLogin .account-info h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	margin-top: 20px;
}

.zmnLogin .account-info p {
	line-height: 32px;
}

.zmnLogin .account-info p img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	float: left;
	margin: 5px 15px 0px 0px;
}

.zmnLogin .account-info .lg-arrow {
	float: right;
	width: 22px;
	height: 22px;
	background: url(/Templates/Default/images/pc/lg-arrow.png) no-repeat 50%
		50%;
	margin-top: 5px;
	cursor: pointer;
}

.zmnLogin .record {
	padding-top: 15px;
}

.zmnLogin .record ul {
	height: 210px;
}

.zmnLogin .record li {
	padding: 10px 40px 10px 100px;
	line-height: 40px;
	font-size: 14px;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
	position: relative;
}

.zmnLogin .select-account li {
	cursor: pointer;
}

.zmnLogin .record li .icon-delete {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 40px;
	top: 15px;
	background: url(/Templates/Default/images/pc/icon-delete.png) no-repeat;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
}

.zmnLogin .record li .icon-delete:hover {
	background: url(/Templates/Default/images/pc/icon-delete-on.png)
		no-repeat;
}

.zmnLogin .record li:hover {
	background: #f2f2f2;
}

.zmnLogin .record li .avatar {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 40px;
	top: 10px;
}

.zmnLogin .record li .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.zmnLogin .record li .info p {
	line-height: 18px;
	font-size: 12px;
}

.zmnLogin .record li .info p.name {
	font-size: 14px;
	font-weight: bold;
}

.zmnLogin .record li .info p.staus {
	color: #8197b1;
}

.zmnLogin .record .yc-btn {
	margin: 30px 0px 0px 100px;
	padding-top: 20px;
	border-top: 1px solid #dbdbdb;
	line-height: 34px;
	font-size: 14px;
}

.zmnLogin .record .yc-btn span {
	cursor: pointer;
}

.zmnLogin .operate {
	padding-top: 30px;
	line-height: 36px;
	font-size: 14px;
}

.zmnLogin .f-r input {
	width: 90px;
	border: 0px;
	color: #fff;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	background: #139ad4;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 1px 7px #7dd4ef;
	position: relative;
	z-index: 1;
}

.zmnLogin .f-r input:hover {
	background: #16afdf;
}

.zmnLogin .btn {
	color: #109bd6;
}

.zmnLogin .btn span {
	cursor: pointer;
}

.zmnLogin .btnBox {
	width: 160px;
	left: 0;
	top: 36px;
	padding: 10px 0px;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
	display: none;
}

.zmnLogin .btnBox a {
	display: block;
	font-size: 12px;
	line-height: 32px;
	padding: 0px 20px;
	color: #6f85a1;
}

.zmnLogin .btnBox a:hover {
	background: #f5f5f5;
	color: #264d79;
}

.zmnLogin .yc-box-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	z-index: 9;
}

.zmnLogin .yc-box {
	width: 180px;
	height: 200px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -120px;
	margin-top: -120px;
	background: #fff;
	z-index: 99;
	padding: 20px 30px;
}

.zmnLogin .yc-box h4 {
	line-height: 34px;
	font-size: 14px;
	color: #eb6206;
}

.zmnLogin .yc-box p {
	line-height: 22px;
}

.zmnLogin .yc-box .btn {
	float: right;
	padding-top: 15px;
	font-size: 14px;
	line-height: 34px;
}

.zmnLogin .yc-box .btn span {
	display: block;
}
/*韫囶偊锟芥禍鍡毿�*/
.understand-us li {
	padding: 60px 0px;
}

.understand-us li .image {
	width: 720px;
}

.understand-us li .image img {
	width: 720px;
	height: 450px;
}

.understand-us li .info {
	width: 360px;
	letter-spacing: 1px;
	padding: 25px 60px;
}

.understand-us li h3 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
}

.understand-us li p {
	line-height: 28px;
	font-size: 14px;
	color: #617690;
	background: url(/templates/default/images/pc/check.png) no-repeat 0px
		4px;
	padding-left: 30px;
	margin-top: 15px;
}
/*鐎广垺鍩涚粩锟�/
.Windows{background:#fffdfd;}
.Windows li{ padding:40px 0px;}
.Windows li .image{width:400px;}
.Windows li .info{width:400px; letter-spacing:1px; padding:25px 0px;}
.Windows li h3{ font-size:24px; line-height:44px; font-weight:bold;}
.Windows li p{ line-height:28px; font-size:14px;color:#617690;  margin-top:30px;}
.Windows li a{ line-height:28px; font-size:14px;text-align:right;margin-top:75px;text-decoration:underline;display:block;color:#3C77B3;}
.client{ padding-bottom:60px;}
.client li{width:33.3333%;float:left;text-align:center;padding:50px 0px;}
.client li .li{display:block;margin:0 auto;width:60%;transition: all .2s linear;padding:5px 0px;}
.client li .li:hover{-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.client .icon{ display:block;margin:0 auto;border-radius:50%;}
.client .icon img{ display:block; margin:0 auto;margin-top:26px;height:180px;}
.client p{ padding:0px 105px;}
.client p.info{ line-height:28px;margin-top:18px; font-size:18px;color:#7a7b7b;padding:0px;}

.download {max-width:1000px;border:1px dotted #3c77fa;border-radius:20px;margin:60px auto;padding:20px 0px;background:#F5F5F5;height:210px;margin-bottom:120px;}
.download ul li {display:inline-block;float:left;}
.download ul li.info{width:660px;padding:20px;padding-top:0px;}
.download ul li.info h2{color:#135DA6;font-size:24px;padding:10px 0px;}
.download ul li.info p{padding-left:100px;font-size:16px;color:#8197b1;line-height:40px;}
.download ul li.info p em{padding-left:20px;color:#bd0909;display:block;}
.download ul li.image{width:260px;}
.download ul li.image img{display:block;margin:0 auto;}

.headTitleBg{height:300px; background:url(/Templates/Default/images/pc/201705152136.jpg) no-repeat 50% 0;}
.headTitleBg .title{ text-align:center; font-size:38px;color:#fff; line-height:300px; }
.updateBg{ background:url(/Templates/Default/images/pc/201705272127.jpg) no-repeat 50% 0px;}
/*閸忓厖绨幋鎴滄粦*/
.about-us {
	padding: 30px 0px 60px 0px;
}

.about-us .title {
	font-size: 20px;
	line-height: 60px;
	margin-top: 30px;
	font-weight: bold;
}

.about-us .text {
	line-height: 34px;
	font-size: 14px;
	color: #617690;
}

.about-us .contact li {
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 30px;
}

.about-us .contact .iconbox {
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 auto;
	border: 2px dashed #109bd6;
	border-radius: 50%;
}

.about-us .contact .icon-qq {
	background: url(/Templates/Default/images/pc/icon-qq.png) no-repeat 50%
		50%;
}

.about-us .contact .icon-js {
	background: url(/Templates/Default/images/pc/icon-js.png) no-repeat 50%
		50%;
}

.about-us .contact .icon-tel {
	background: url(/Templates/Default/images/pc/icon-tel.png) no-repeat 50%
		50%;
}

.about-us .contact .icon-map {
	background: url(/Templates/Default/images/pc/icon-map.png) no-repeat 50%
		50%;
}

.about-us .contact .info {
	line-height: 24px;
	font-size: 14px;
	margin-top: 20px;
	color: #617690;
}

.update-list {
	padding-bottom: 20px;
}

.update-list .left {
	width: 248px;
	float: left;
	margin-top: 55px;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 20px 0px 30px 0px;
}

.update-list .left li a {
	display: block;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	padding-left: 30px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: relative;
	color: #617690;
	margin-top: 10px;
}

.update-list .left li a:hover {
	color: #264d79;
	background: #f5f5f5;
}

.update-list .left .on a {
	color: #264d79;
	background: #fff;
	padding-left: 26px;
	border-left: 4px solid #264d79;
	font-weight: bold;
	background: #f5f5f5;
}

.update-list .right {
	width: 910px;
	float: right;
	margin-top: 30px;
}

.update-list .right .list li {
	position: relative;
	padding: 30px 60px 30px 230px;
	height: 120px;
	border-bottom: 1px solid #ebebeb;
}

.update-list .right .list li .image {
	width: 200px;
	height: 120px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 30px;
}

.update-list .right .list li .image img {
	width: 100%;
	height: 100%;
	-webkit-transition: .6s;
	transition: .6s;
}

.update-list .right .list li:hover .image img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.update-list .right .list li .name {
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	overflow: hidden;
}

.update-list .right .list li .name span {
	float: left;
	background: #2ac16d;
	color: #fff;
	padding: 0px 10px;
	margin-right: 10px;
	border-radius: 3px;
	font-size: 14px;
}

.update-list .right .list li .name .spanbg-2 {
	background: #109bd6;
}

.update-list .right .list li .info {
	line-height: 24px;
	color: #8197b1;
	margin-top: 5px;
	font-size: 14px;
	height: 48px;
	overflow: hidden;
}

.update-list .right .list li .addDate {
	line-height: 22px;
	color: #a7b6c9;
	margin-top: 15px;
}

.update-list .right .newsBox {
	background: #fff;
	padding: 30px;
	font-size: 14px;
	line-height: 34px;
}

.update-list .right .newsBox .title {
	font-size: 24px;
	padding-top: 10px;
	font-weight: bold;
}

.update-list .right .newsBox .addDate {
	color: #999;
	font-size: 12px;
	border-bottom: 1px solid #e9e9e9;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
}

.update-list .right .newsBox .addDate span {
	margin-right: 30px;
}

.update-list .right .newsBox .cont p {
	padding-top: 8px;
	/*text-indent: 0px !important;*/
	font-size: 15px;
}

.update-list .right .newsBox img {
	max-width: 100%;
	font-size: 0px;
}

.update-list .right .thisNewsLink {
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	margin-top: 30px;
	font-size: 14px;
	background: #f5f5f5;
	padding: 0px 20px;
	border-left: 3px solid #2a719f;
}

.update-list .right .share {
	float: right;
	margin-top: 13px;
}

.update-list .right .share a {
	-webkit-transition: 0s;
	transition: 0s;
}

.update-list .right .buttonBox {
	margin: 60px 0px 20px 210px;
	height: 32px;
}

.update-list .right .buttonBox a {
	width: 110px;
	margin: 0px 10px;
	height: 34px;
	line-height: 34px;
	border-radius: 3px;
	float: left;
	background: #fabf19;
	color: #000;
	text-align: center;
	font-size: 14px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.update-list .right .buttonBox a:hover {
	background: #facd19;
}

.update-list .right .buttonBox .more {
	background: #2a719f;
	color: #fff;
}

.update-list .right .buttonBox .more:hover {
	background: #2a77a9;
}
/*妞ょ數鐖�*/
.paging {
	padding: 40px 0px;
	margin: 0 auto;
	text-align: center;
}

.paging ul {
	display: inline-block;
}

.paging li {
	float: left;
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	margin-right: 1px;
}

.paging li a {
	display: block;
	color: #929292;
	background: #f2f2f2;
}

.paging li a:hover {
	background: #e9e9e9;
}

.paging .perv,.paging .next {
	font-family: simsun;
	font-weight: bold;
}

.paging .on a {
	background: #264d79 !important;
	color: #fff;
}

.footer {
	padding: 30px 0px;
	line-height: 26px;
	background: #f2f2f2;
	font-size: 14px;
}

.mainbox {
	width: 1200px;
	margin: 0 auto;
}

.announcement {
	background: #f7f7f7;
	height: 80px;
	line-height: 80px;
}

.announcement .tit {
	float: left;
	padding-right: 60px;
	font-size: 16px;
}

.announcement .tit em {
	width: 3px;
	height: 16px;
	float: left;
	background: #1ea5e6;
	margin: 30px 15px 0px 0px;
}

.announcement li {
	float: left;
	font-size: 14px;
	margin-right: 25px;
}

.announcement li span {
	color: #929292;
	margin-left: 5px;
}

a {
	text-decoration: none;
	color: #4d565e;
}

a:hover {
	text-decoration: none;
	color: #0098e2;
}
/*閸氬牅缍旀导娆庡嵆*/
.partner {
	line-height: 40px;
	height: 40px;
	color: red;
	padding-left: 20px;
	margin: 40px 0px;
	font-size: 0px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.partner span {
	display: inline-block;
	width: 90%;
	vertical-align: middle;
	font-size: 13px;
}

.partner a {
	display: inline-block;
	width: 9%;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
	font-size: 15px;
	border-left: 1px solid #264d79;
	text-align: center;
}

.partner a:hover {
	color: #264d79;
}

.partners .partners_bar {
	height: 45px;
	border-bottom: 1px solid #ebebeb;
}

.partners .partners_bar a {
	float: left;
	color: #585858;
	padding: 0 20px;
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
}

.partners .partners_bar a:hover {
	border-bottom: 1px solid red;
	color: red;
}

.partners .partners_bar a.on {
	border-bottom: 1px solid red;
	color: red;
}

.partners .partners_content {
	height: auto;
}

.partners .partners_content .partners_list {
	margin-top: 8px;
	margin-right: -7px;
	padding: 10px 0 60px;
	font-size: 0px;
	display: none;
}

.partners .partners_content .partners_list.on {
	display: block;
}

.partners .partners_content .partners_list li {
	width: 25%;
	margin-top: 20px;
	display: inline-block;
}

.partners .partners_content .partners_list li a.partners_info:hover {
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.partners .partners_content .partners_list li a.partners_info {
	display: block;
	margin: 0 auto;
	width: 95%;
	padding-top: 50px;
	font-size: 14px;
	border: 1px solid #ebebeb;
	transition: all .2s linear;
	border-radius: 5px;
}

.partners .partners_content .partners_list li a.partners_info img {
	margin: 0 auto;
	display: block;
}

.partners .partners_content .partners_list li a.partners_info p {
	color: #585858;
	line-height: 40px;
	border-top: 1px solid #ebebeb;
	padding: 0 17px;
	overflow: hidden;
	margin-top: 50px;
}

/*閹躲儰鐜�*/
.offer {
	font-size: 0;
	margin: 50px auto;
}

.offer ul li {
	padding: 0;
	width: 25%;
	display: inline-block;
	vertical-align: middle;
}

.offer .offer_info {
	width: 99.5%;
	display: block;
	border-right: 1px solid #f5f5f5;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 20px 0;
	border-radius: 4px;
	cursor: pointer;
	transition: all .3s linear;
}

.offer .offer_info:hover {
	border: 1px solid #f5f5f5;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2);
	transform: translate3d(0, 0, -10px);
}

.offer label {
	font-size: 26px;
	display: block;
	height: 60px;
	text-align: center;
	color: #2e2e2e;
}

.offer .price p {
	font-size: 15px;
	color: #868484;
	height: 50px;
	padding: 20px 0;
	text-align: center;
}

.offer .price strong {
	font-weight: normal;
	color: #109BD6;
}

.offer .price p b {
	color: #109BD6;
	font-size: 36px;
}

.offer .price p i {
	display: block;
	color: #ff8700;
	font-size: 14px;
	font-style: normal;
	margin-top: 10px;
}

.offer .price p i em {
	font-style: normal;
	text-decoration: line-through;
}

.offer .offer_info a,.bot a {
	text-align: center;
	font-size: 16px;
	color: #fff;
	display: block;
	margin: 0 auto;
	width: 165px;
	border-radius: 4px;
	line-height: 40px;
	cursor: pointer;
	background: #109BD6;
	margin-bottom: 10px;
	box-shadow: 0px 0px 10px 0px rgba(16, 155, 214, .2);
}

.offer .offer_info a:hover {
	opacity: .8;
}

.offer .offer_info span {
	font-size: 14px;
	color: #868484;
	display: block;
	text-align: center;
}

.offer .offer_info .table {
	margin: 25px auto 40px;
}

.offer .offer_info .table p {
	display: block;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	padding: 0px 70px;
	line-height: 36px;
	color: #868484;
}

.offer .offer_info .table p i {
	font-style: normal;
	color: #ff4f53;
	float: right;
	display: inline-block;
	vertical-align: middle;
}
/*.table .offer_parme{*/
/*    color:#109BD6;*/
/*    display:block;*/
/*    text-align:center;*/
/*    line-height:60px;*/
/*    font-size:18px;*/
/*}*/
/*.table{border-radius:4px;*/
/*    display:block;margin:30px auto 60px;*/
/*}*/
/*.table table{*/
/*    background:#FBFBFB;*/
/*    box-shadow:0px 0px 0px 0px rgba(251,251,251,.2);*/
/*    border:1px solid #eceef1;*/
/*}*/
/*.table table thead th{*/
/*    width:20%;*/
/*    text-align:center;*/
/*    padding:10px 0;border:1px solid #eceef1;*/
/*}*/
/*.table table thead th .t_name label{font-size:20px;color:#555;display:block;padding:5px 0;font-weight:550;}*/
/*.table table thead th .t_name i{*/
/*background: #109BD6;*/
/*    padding: 3px 10px;*/
/*    border-radius: 16px;*/
/*    color: #fff;*/
/*    display: inline-block;*/
/*    margin-top: 5px;*/
/*}*/
/*.table table tbody td{*/
/*    font-size:15px;border:1px solid #eceef1;*/
/*    color:#555;*/
/*    text-align:center;*/
/*    width:20%;*/
/*    line-height:50px;*/
/*}*/
/*.table table tbody tr:hover{background:#fff;cursor:pointer;}*/
.bot {
	margin-bottom: 60px;
}

.bot p {
	font-size: 18px;
	color: #000;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}

.bot span {
	display: block;
	text-align: center;
	color: #ff8700;
	font-size: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.bot a {
	margin-top: 60px;
}

.bot a:hover {
	opacity: .85;
}

/*閸╃顔勭憴鍡涱暥*/
.search_video {
	width: 500px;
	display: block;
	margin: 50px auto;
	height: 50px;
	line-height: 50px;
	border: 1px solid #f5f5f5;
	border-radius: 25px;
	padding-right: 60px;
	position: relative;
	overflow: hidden;
}

.search_video input {
	display: block;
	width: 100%;
	border: none;
	line-height: 50px;
	font-size: 17px;
	text-indent: 15px;
}

.search_video span {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 30px;
	line-height: 50px;
	color: #b5b0b0;
	display: block;
	text-align: center;
	width: 60px;
	cursor: pointer;
}

.search_video span:hover {
	color: #264d79;
}

.px_video ul {
	font-size: 0;
	margin-bottom: 65px;
}

.px_video li {
	width: 33.33%;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-top: 15px;
}

.px_video li .video_list,.px_video li .demo {
	display: block;
	width: 95%;
	margin: 0 auto;
	height: 260px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.px_video li .demo {
	background: url(/Templates/Default/images/75.jpg) repeat center center;
	background-size: cover;
}

.px_video li .demo i {
	background: #000;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
	z-index: 0;
	opacity: .3;
}

.px_video li .demo p {
	line-height: 260px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	position: relative;
}

.px_video li .video_list video {
	display: block;
	width: 100%;
	height: 100%;
}

.px_video li .video_list .bofang {
	position: absolute;
	width: 100%;
	height: 260px;
	background: url(/Templates/Default/images/rgba0_60.png) repeat center
		center;
	background-size: cover;
	top: 0;
	left: 0;
}

.px_video li .video_list .bofang i {
	line-height: 240px;
	font-size: 70px;
	color: #fff;
	text-align: center;
	display: block;
}

.px_video li:hover .bofang i {
	color: #109bd6;
}

.px_video li:hover {
	opacity: .8;
}

.px_video li .video_list .video_title {
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 0;
	height: 50px;
	z-index: 100;
	width: 100%;
}

.px_video li .video_list .video_title b {
	display: block;
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .6;
	z-index: -1;
}

.px_video li .video_list .video_title i {
	font-size: 15px;
	color: #fff;
	line-height: 40px;
}

.bf_box {
	width: 1000px;
	height: 640px;
	position: fixed;
	border-radius: 10px;
	top: 50%;
	margin-top: -320px;
	left: 50%;
	margin-left: -500px;
	z-index: 1000;
	display: none;
}

.bf_box video {
	display: block;
	width: 100%;
	height: 100%;
}

.bf_box h3 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 25px;
	width: 100%;
}

.mask {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #000;
	opacity: .6;
}