<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**************************************
****----------è¥é”€åž‹ç½‘ç«™---------******
***----------@author jjhu--------******
***--------@since 2015-12-21-----******
***************************************/
.container .block .desc-area{
	margin: 40px 0;
}
.container .block .desc-area .cn-title{
	height: 45px;
    line-height: 45px;
    font-size: 26px;
    font-family: "å¾®è½¯é›…é»‘";
    text-align: center;
    color: #333333;
}
.container .block .desc-area .en-title{
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	color: #6a6a6a;
}
.container .block .desc-area .line{
	width: 100%;
	height: 13px;
	background: url("../image/marketingSite/title-line.png") no-repeat bottom center;
}
.container .block .content-wrap{
	width: 100%;
	margin-bottom: 60px;
}
.container{
	position: relative;
}
.container .block-00{
	position: absolute;
	top: -55px;
	left: 0;
	width: 100%;
	height: 130px;
	z-index: 1;
}
.container .block-00 .guide-wrap{
	width: 100%;
	height: 100%;
}
.container .block-00 .item{
	width: 25%;
	height: 100%;
	float: left;
	background: #52c8ec;
	border-right: 1px solid #fff;
}
.container .block-00 .item-0{
	border-right: 0;
}
.container .block-00 .item:hover{
	background: #0fb3e6;
}
.container .block-00 .item .text{
	font-size: 16px;
	color: #fff;
	height: 55px;
	line-height: 90px;
	text-align: center;
}
.container .block-00 .item .img{
	height: 75px;
	width: 100%;
}
.container .block-00 .item .img-1{
	background: url("../image/marketingSite/block-0-1.png") no-repeat center;
}
.container .block-00 .item .img-2{
	background: url("../image/marketingSite/block-0-2.png") no-repeat center;
}
.container .block-00 .item .img-3{
	background: url("../image/marketingSite/block-0-3.png") no-repeat center;
}
.container .block-00 .item .img-4{
	background: url("../image/marketingSite/block-0-4.png") no-repeat center;
}
.container .block-1 .content-wrap .left,.container .block-1 .content-wrap .right{
	width: 50%;
	float: left;
	height: 370px;
}
.container .block-1 .content-wrap .right{
	width: 48%;
	float: right;
}
.container .block-1 .content-wrap .left .img{
	width: 100%;
	height: 370px;
	overflow: hidden;
}
.container .block-1 .content-wrap .left .img img{
	display: block;
	width: 100%;
}
.container .block-1 .content-wrap .right .text-1{
	margin-top: 50px;
}
.container .block-1 .content-wrap .right .text{
	font-size: 15px;
	color: #323232;
	line-height: 25px;
	margin-bottom: 20px;
}
.container .block-1 .content-wrap .right .title{
	width: 50%;
	float: left;
	font-size: 20px;
	color: #009fd9;
	
}
.container .block-1 .content-wrap .right .link{
	display: block;
	width: 25%;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-indent: 30px;
	float: right;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	background:#f39801 url("../image/marketingSite/block-1-link.png") no-repeat 80% center;
}
.container .block-2{
	padding-top: 40px;
	background: #00a1e9;
}
.container .block-2 .desc-area {
	margin-top: 0;
}
.container .block-2 .desc-area .cn-title,
.container .block-2 .desc-area .en-title{
	color: #eee;
}
.container .block-2 .content-wrap .item{
	width: 140px;
	height: 230px;
	margin-right: 52px;
	float: left;
	margin-bottom: 60px;
}
.container .block-2 .content-wrap .item-0{
	margin-right: 0;
}
.container .block-2 .content-wrap .item .img{
	width: 100%;
	height: 158px;
}
.container .block-2 .content-wrap .item .img-1{
	 background: url("../image/marketingSite/block-2-img.png") no-repeat left top;
}
.container .block-2 .content-wrap .item .img-2{
	 background: url("../image/marketingSite/block-2-img.png") no-repeat -192px top;
}
.container .block-2 .content-wrap .item .img-3{
	 background: url("../image/marketingSite/block-2-img.png") no-repeat -384px top;
}
.container .block-2 .content-wrap .item .img-4{
	 background: url("../image/marketingSite/block-2-img.png") no-repeat -576px top;
}
.container .block-2 .content-wrap .item .img-5{
	 background: url("../image/marketingSite/block-2-img.png") no-repeat -766px top;
}
.container .block-2 .content-wrap .item .img-6{
	 background: url("../image/marketingSite/block-2-img.png") no-repeat right top;
}
.container .block-2 .content-wrap .item:hover .img-1{
	 background:#fff url("../image/marketingSite/block-2-img-hover.png") no-repeat left top;
}
.container .block-2 .content-wrap .item:hover .img-2{
	 background:#fff url("../image/marketingSite/block-2-img-hover.png") no-repeat -192px top;
}
.container .block-2 .content-wrap .item:hover .img-3{
	 background:#fff url("../image/marketingSite/block-2-img-hover.png") no-repeat -384px top;
}
.container .block-2 .content-wrap .item:hover .img-4{
	 background:#fff url("../image/marketingSite/block-2-img-hover.png") no-repeat -576px top;
}
.container .block-2 .content-wrap .item:hover .img-5{
	 background:#fff url("../image/marketingSite/block-2-img-hover.png") no-repeat -766px top;
}
.container .block-2 .content-wrap .item:hover .img-6{
	background:#fff url("../image/marketingSite/block-2-img-hover.png") no-repeat right top;
}
.container .block-2 .content-wrap .item .num{
	width: 100%;
	height: 45px;
	line-height: 65px;
	color: #fff;
	text-align: center;
	font-size: 22px;
}
.container .block-2 .content-wrap .item:hover .num{
	font-size: 28px;
	margin-bottom: 10px;
}
.container .block-2 .content-wrap .item:hover .name{
	font-size: 20px;
}
.container .block-2 .content-wrap .item .num span{
	margin: 0 5px;
}
.container .block-2 .content-wrap .item .name{
	text-align: center;
	font-size: 16px;
	color: #eee;
	line-height: 27px;
}

.container .block-3 .content-wrap{
	height: auto;
}
.container .block-3 .content-wrap .item{
	float: left;
	width: 265px;
	height: 490px;
	margin-right: 13px;
}
.container .block-3 .content-wrap .item-0{
	margin-right: 0;
}
.container .block-3 .content-wrap .item .img{
	width: 100%;
	height: 260px;
	overflow: hidden;
}
.container .block-3 .content-wrap .item .img img{
	width: 100%;
	height: 100%;
	display: block;
}
.container .block-3 .content-wrap .item .info{
	text-align: center;
	background: #f2f2f2;
	color: #666;
	height: 230px;
	*height: 200px;
	padding-top: 30px;
}
.container .block-3 .content-wrap .item:hover .info{
	background: #4cc6ed;
}
.container .block-3 .content-wrap .item:hover .info .en-title,
.container .block-3 .content-wrap .item:hover .info .title,
.container .block-3 .content-wrap .item:hover .info .text{
	color: #eee;
}
.container .block-3 .content-wrap .item .info .line{
	width: 100%;
	height: 4px;
	margin-bottom: 10px;
	background: url("../image/marketingSite/block-3-line.png") no-repeat top center;
}
.container .block-3 .content-wrap .item:hover .info .line{
	background: url("../image/marketingSite/block-3-line-hover.png") no-repeat top center;
}
.container .block-3 .content-wrap .item .info .en-title{
	text-transform: uppercase;
	font-size: 12px;
	color: #888;
}
.container .block-3 .content-wrap .item .info .title{
	font-size: 20px;
	margin-bottom: 20px;
}
.container .block-3 .content-wrap .item .info .text{
	height: 100px;
	margin: 0 20px;
	font-size: 14px;
	line-height: 25px;
	color: #888;
	text-align: left;
}
.container .block-4 .desc-area{
	margin-top: 0;
}
.container .block-4 .content-wrap{
	margin-bottom: 0;
	margin-bottom: 20px;
}
.container .block-4 .content-wrap .item{
	float: left;
	width: 365px;
	height: 150px;
	margin-bottom: 40px;
	margin-right: 2.5px;
	position: relative;
}
.container .block-4 .content-wrap .item-0{
	margin-right: 0;
}
.container .block-4 .content-wrap .item .img{
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.container .block-4 .content-wrap .item .img-1{
	background: url("../image/marketingSite/block-4-1.png")no-repeat 15px 20px;
}
.container .block-4 .content-wrap .item .img-2{
	background: url("../image/marketingSite/block-4-1.png")no-repeat -366px 20px;
}
.container .block-4 .content-wrap .item .img-3{
	background: url("../image/marketingSite/block-4-1.png")no-repeat -740px 20px;
}
.container .block-4 .content-wrap .item .img-4{
	background: url("../image/marketingSite/block-4-2.png")no-repeat 15px 20px;
}
.container .block-4 .content-wrap .item .img-5{
	background: url("../image/marketingSite/block-4-2.png")no-repeat -366px 20px;
}
.container .block-4 .content-wrap .item .img-6{
	background: url("../image/marketingSite/block-4-2.png")no-repeat -740px 20px;
}
.container .block-4 .content-wrap .item .info{
	position: absolute;
	top: 0;
	left: 70px;
}
.container .block-4 .content-wrap .item .info .title{
	font-family: "microsoft yahei";
	font-size: 24px;
	line-height: 40px;
	color: #333;
	margin-top: 20px;
}
.container .block-4 .content-wrap .item .info .title span{
	color: #838383;
	font-size: 16px;
	margin-left: 3px;
	text-transform: capitalize;
}
.container .block-4 .content-wrap .item .info .text{
	color: #838383;
	font-size: 14px;
	line-height: 20px;
}
.container .block-4 .content-wrap .item:hover .info .text span{
	background: url("../image/marketingSite/block-4-icon-hover.png") no-repeat left center;
}
.container .block-4 .content-wrap .item .info .text span{
	display: inline-block;
	width: 135px;
	line-height: 30px;
	text-indent: 20px;
	background: url("../image/marketingSite/block-4-icon.png") no-repeat left center;
}
.container .block-4 .content-wrap .item:hover .info .title,
.container .block-4 .content-wrap .item:hover .info .title span,
.container .block-4 .content-wrap .item:hover .info .text,
.container .block-4 .content-wrap .item:hover .info .text span{
	color: #00A0E9;
}
.container .block-5 .desc-area{
	margin-top: 0;
	margin-bottom: 0;
}
.container .block-5{
	background: url("../image/marketingSite/block-5-bg.png") no-repeat top center;
	padding-top: 40px;
	height: 600px;
	width: 100%;
}
.container .block-5 .desc-area .en-title,
.container .block-5 .desc-area .cn-title{
	color: #eee;
}
.container .block-5 .content-wrap .info .notice{
	text-align: center;
	font-size: 22px;
	color: #fff;
	line-height: 40px;
	margin: 70px 0 40px 0;
	text-transform: uppercase;
}
.container .block-5 .content-wrap .info .wrap{
	margin-bottom: 30px;
}
.container .block-5 .content-wrap .info .question{
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	text-transform: uppercase;
}
.container .block-5 .content-wrap .info .replay{
	text-align: center;
	font-size: 14px;
	color: #eee;
	line-height: 20px;
	text-transform: uppercase;
}
.container .block-5 .content-wrap .info .notice-1{
	text-align: center;
	font-size: 28px;
	color: #fee253;
	margin-top: 60px;
}
.container .block-6 .top-title{
	width: 496px;
	height: 97px;
	margin: 0 auto;
	margin-top: 80px;
	background: url("../image/marketingSite/block-6-1.png") no-repeat top center;
	background-size: 80%;
}
.container .block-6 .content-wrap .item{
	float: left;
	width: 485px;
}
.container .block-6 .content-wrap .vs-icon{
	float: left;
	width: 86px;
	height: 760px;
	background: url("../image/marketingSite/vs-icon.png") no-repeat center;
}
.container .block-6 .content-wrap .item-1{
	margin-left: 20px;
}
.container .block-6 .content-wrap .item-0{
	float: right;
	margin-right: 20px;
}
.container .block-6 .content-wrap .item .img{
	width: 100%;
	height: 565px;
	overflow: hidden;
}
.container .block-6 .content-wrap .item .img img{
	width: 100%;
	height: 100%;
	display: block;
}
.container .block-6 .content-wrap .item .info{
	text-align: center;
	color: #666;
	padding-top: 30px;
}
.container .block-6 .content-wrap .item .info .title{
	color: #080808;
    font: 30px/1em "microsoft yahei";
    margin: 10px 0 20px;
}
.container .block-6 .content-wrap .item .info .text{
	color: #918f90;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    margin-bottom: 30px;
}
.container .block-6 .choose{
	height: 50px;
	line-height: 50px;
	color: #05adff;
	font-size: 26px;
	margin: 40px 0 20px 0;
}
.container .block-6 .choose-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.container .block-6 .link{
	display: block;
	width: 100px;
	margin: 0 auto;
	height: 100px;
	line-height: 250px;
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 100px;
	text-decoration: none;
	color: #f39801;
	background: url("../image/marketingSite/link-2.png") no-repeat top center;
}
.footer .block-2{
	background-color:#1983B1 ;
}
</pre></body></html>