@charset "utf-8";
/*��������*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* a */
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}


/*clearfix*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
}
.floatL {
    float:left;
}
/*color*/
.c3 {
	color: #333;
}
.c6 {
	color: #666;
}
.c9 {
	color: #999;
}
.c_red {
	color: #f12a00;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
    font-weight: bold;
}
.font14W {
    font-size: 14px;
    font-weight: bold;
}

/* display */
.d_b {
	display: block;
}
.d_i {
	display: inline;
}
.d_ib {
	display: inline-block;
}
.d_n {
	display: none;
}

/*float*/
.fl {
	float: left;
}
.fr {
	float: right;
}

/* font */
.yahei {
	font-family: "Microsoft YaHei";
}
.ta-r {
	text-align: right;
}
.ta-c {
	text-align: center;
    font-size:18px;
    margin-top:10px;
}


/* margin */
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}

/* position */
.pos-r {
	position: relative;
}
.pos-f {
	position: fixed;
}

/* widget */
i[class^=icon-] {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

.icon-close:after { /* work gte IE8 */
	content: "";
	font: 18px/1.5 "SimSun",sans-serif;
	padding: 2px;
}

i[class^=icon-caret] {
	border-style: solid;
	height: 0;
	width: 0;
}
.icon-caret-left, .icon-caret-right {
	border-color: transparent red;
}
.icon-caret-right {
	border-width: 20px 0 20px 20px;
}
.icon-caret-left {
	border-width: 20px 20px 20px 0 ;
}
.icon-caret-up, .icon-caret-down {
	border-color: red transparent;
}
.icon-caret-up {
	border-width: 0 20px 20px 20px;
}
.icon-caret-down {
	border-width: 20px 20px 0 20px;
}

/* other */
.img-box {
	text-align: center;
}
.img-box img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}
.overlay {
	background-color: rgba(0, 0, 0, .6);
}
.corner-box {
	font-size: 20px;
	line-height: 0.8;
	position: absolute;
	white-space: nowrap;
	width: 20px;
}
.corner-box .corner-bd {
	color: red;
}
.corner-box .corner-bg {
	color: #000;
	left: 0;
	position: absolute;
	top: 1px;
}

/* TABLET AND PHONE */
@media screen and (max-device-width: 768px) {
}
@media screen and (max-device-width: 480px) {
}
body {
	color: #666;
	font-size: 12px;
	 font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
}

/* grid */
.grid1 {
	margin: auto;
	width: 990px;
}
.grids1-sider {

}
.grids1main {

}
/* button */
.btn {

}

/* a */
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}


/* tab */

/* txt area */

/* widget */

/* head */
header {
	height: 90px;
    border-bottom: 1px solid #ccc;
}
header .logo {
	float: left;
	margin-top: 15px;
}
header .menu {
	float: right;
	font: 16px "Microsoft YaHei";
	margin-top: 34px;
}
header .menu li {
	display: inline-block;
	margin-left: 23px;
	padding: 0 12px 20px;
	position: relative;
	z-index: 100;
}
header .sub-menu {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	display: none;
	left: -4px;
	padding: 5px 0;
	position: absolute;
	top: 30px;
	width: 120px;
}
header .menu i {
	border-width: 6px 4.5px 0 4.5px;
	border-color: #666 transparent transparent transparent;
	position: absolute;
	top: 9px;
	right: 0;
}
header .sub-menu li {
	display: block;
	line-height: 30px;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	white-space: nowrap;
}
header .menu .cur span,
header .menu .cur a,
header .menu a:hover {
	color: #5fc3c4;
	text-decoration: none;
}
header .menu .cur span {
	cursor: default;
}
header .menu .cur i {
	border-color: #5fc3c4 transparent transparent transparent;
}
header .menu .cur li a {
	color: #666;
}
header .menu .cur .cur a,
header .menu .cur  a:hover {
	color: #5fc3c4;
}
header li:hover .sub-menu {
	display: block;
}
/* footer */
footer {
	background-color: #f1f1f3;
	font-family: "Microsoft YaHei";
	height: 90px;
	padding-top: 10px;
	text-align: center;
}
footer p {
	margin-top: 15px;
}
footer p a {
	padding: 0 10px;
}
/* other common */

/*slider*/
.flexslider {
	margin: 0px auto 20px;
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 5px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}

/* Page  index */
.index-glr-box {
	height: 550px;
	margin-bottom: 60px;
	position: relative;
}
.index-glr-bg {
	height: 550px;
	position: relative;
	z-index: 10;
}
.index-glr-bg li {
	height: 550px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.index-glr {
	height: 550px;
	margin-top: -550px;
	overflow: hidden;
	position: relative;
	z-index: 20;
}
.index-glr-box .switch a {
	background: transparent url(../indexswitch.png) -104px 0 no-repeat;
	cursor: pointer;
	height: 550px;
	opacity: .7;
	position: absolute;
	top: 0;
	width: 73px;
	z-index: 100;
}
.index-glr-box .switch .prev:hover {
	background-position: 0 0;
}
.index-glr-box .switch .prev {
	left: 0;
}
.index-glr-box .switch .next {
	background-position: -356px 0;
	right: 0;
}
.index-glr-box .switch .next:hover {
	background-position: -460px 0;
}
.index-glr .pagination {
	bottom: 61px;
	left: 20px;
	position: absolute;
	text-align: center;
	width: 265px;
	z-index: 100;
}
.index-glr .pagination a {
	border: 1px solid #888;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 11px;
	width: 11px;
}
.index-glr .pagination a.cur {
	background-color: #00d45a;
	border-color: #00d45a;
}
.index-glr .txt-box {
	background-color: rgba(255, 255, 255, .7);
	bottom: 45px;
	font: 14px "Microsoft YaHei";
	left: 20px;
	padding-bottom: 50px;
	position: absolute;
	width: 265px;
	z-index: 10;
}
.index-glr .txt-box .inner {
	padding: 20px 20px 0px 20px;
}
.index-glr .txt-box a {
    display: block;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    background: #fff url(../tip.png) 0 0 no-repeat;
    background-size: 30px 30px;
    background-position: 180px;
    background-color: #f8f8f8;
    padding-left: 5px;
}
.index-glr .nav-box {
	bottom: -1px;
	position: absolute;
	right: 0;
	z-index: 10;
	background: #ddd;
}
.index-glr .nav-box a {
	background: #fff url(../btns.png) 0 0 no-repeat;
	bottom: 0;
	display: block;
	height: 43px;
	line-height: 43px;
	margin-bottom: 1px;
	text-align: center;
	width: 144px;
	overflow: hidden;
}
.index-glr .nav-box .btn1 {
	background-position: -156px -48px;
}
.index-glr .nav-box .btn1:hover {
	background-position: -310px -48px;
}
.index-glr .nav-box .btn1:active {
	background-position: -463px -48px;
}
.index-glr .nav-box .btn2 {
	background-position: -588px -115px;
}
.index-glr .nav-box .btn2:hover {
	background-position: -738px -115px
}
.index-glr .nav-box .btn2:active {
	background-position: -891px -115px
}
.index-glr .nav-box .btn3 {
	background-position: -106px -115px
}
.index-glr .nav-box .btn3:hover {
	background-position: -257px -115px
}
.index-glr .nav-box .btn3:active {
	background-position: -408px -115px
}
.index-glr .glr-wraper {
	overflow: hidden;
	width: 100%;
}
.index-glr .glr-wraper li {
	margin-left: 10px;
	width: 990px;
	position: absolute;
	top: 0;
	left: 0;
}
.index-glr .relative-list li,
.index-glr-bg li,
.index-glr .glr-wraper li {
	display: none;
}
.index-glr .relative-list .cur,
.index-glr-bg .cur,
.index-glr .glr-wraper .cur {
	display: block;
}
.index .info-box {
	border-top: 2px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	color: #000;
	font-family: "Microsoft YaHei";
	margin-bottom: 50px;
}
.index .info-box .inner {
	padding: 30px 20px 60px;
}
.index .info-box h3 {
	font-size: 20px;
	margin-bottom: 25px;
	text-align: center;
}
.toaboutus {
	background: transparent url(../btns.png) -104px -732px no-repeat;
	height: 28px;
	width: 106px;
}
.toaboutus:hover {
	background-position: -269px -732px;
}
.toaboutus:active {
	background-position: -434px -732px;
}
.index .info-box h3 span {
	color: #666;
	display: block;
	font: 16px "Khmer UI";
}
.index .info-box .detail {
	overflow: hidden;
}
.index .info-box .fl {
	line-height: 24px;
	width: 455px;
	margin-top: -3px;
}
.index .info-box .fl p {
	text-indent:2em;
}
.index .info-box .fr {
	line-height: 22px;
	width: 440px;
}
.index .info-box a {
	display: block;
	margin-top: 5px;
}
.index .advantage-list {
	text-align: center;
	margin-bottom: 50px;
}
.index .advantage-list li {
	display: inline-block;
	margin: 0 35px 40px 0;
	position: relative;
}
.index .advantage-list li:after {
	background: transparent url(../advantagebg.png) 0 0 no-repeat;
	content: "";
	height: 18px;
	width: 131px;
	position: absolute;
	bottom: -7px;
	left: 40px;
}
.index .advantage-list img {
	vertical-align: top;
	position: relative;
	z-index: 10;
}
.index .link-list {
	text-align: center;
	margin-bottom: 50px;
}
.index .link-list .br {
	display: block;
	margin: 0;
}
.index .link-list li {
	display: inline-block;
	margin: 0 60px 38px 0 ;
	vertical-align: middle;
}
.index .link-list li:hover img,
.index .link-list .hovershow {
	display: none;
}
.index .link-list li:hover .hovershow {
	display: inline-block;
}

.prdct {
	background-color: #f1f1f3;
	border-bottom: 1px dotted #999;
	padding-bottom: 60px;
}
.prdct .btn1,
.prdct .btn2,
.prdct .btn3,
.prdct .btn4,
.prdct .btn5 {
	background: transparent url(../btns.png) -97px -381px no-repeat;
	display: inline-block;
	height: 53px;
	margin-right: 25px;
	width: 188px;
}
.prdct .btn1:hover {
	background-position: -299px -381px;
}
.prdct .btn1:active {
	background-position: -499px -381px;
}
.prdct .btn2 {
	background-position: -94px -577px;
}
.prdct .btn2:hover {
	background-position: -297px -577px;
}
.prdct .btn2:active {
	background-position: -498px -577px;
}
.prdct .btn3 {
	background-position: -94px -645px;
}
.prdct .btn3:hover {
	background-position: -297px -645px;
}
.prdct .btn3:active {
	background-position: -508px -645px;
}
.prdct .btn4 {
	background-position: -94px -907px;
}
.prdct .btn4:hover {
	background-position: -297px -907px;
}
.prdct .btn4:active {
	background-position: -508px -907px;
}
.prdct .btn5 {
	background-position: -94px -980px;
}
.prdct .btn5:hover {
	background-position: -297px -980px;
}
.prdct .btn5:active {
	background-position: -508px -980px;
}

.prdct .bg-box {
	width: 100%;
}
.prdct .bg-box img {
	width: 100%;
}
.prdct .con-box {
	margin-top: -658px;
	position: relative;
}
.prdct .con-box .img-box {
	float: left;
	margin: 62px 0 0 17px;
}
.prdct .prdct-img-list {
	background: transparent url(../prdct_phone_bg.png) 0 0 no-repeat;
	float: left;
	height: 684px;
	margin: 62px 0 0 17px;
	position: relative;
	width: 371px;
}
.prdct .prdct-img-list .glr-wraper {
	height: 501px;
	left: 31px;
	overflow: hidden;
	position: absolute;
	top: 94px;
	width: 307px;
}
.prdct .prdct-img-list .glr-wraper li {
	left: 0;
	position: absolute;
	top: 0;
	display: none;
}
.prdct .prdct-img-list .glr-wraper .cur {
	display: block;
	opacity: 1;
	z-index: 10;
}
.prdct-glr {
	margin: 20px 0 30px;
	position: relative;
}
.prdct-glr .pagination {
	left: 341px;
	position: absolute;
	top: 50px;
	z-index: 10;
}
.prdct-glr .pagination a {
	border: 2px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	display: block;
	height: 10px;
	margin-bottom: 15px;
	width: 10px;
}
.prdct-glr .pagination .cur {
	background-color: #fff;
}
.prdct-glr .glr-wapper {
	height: 393px;
	left: -161px;
	padding-left: 160px;
	overflow: hidden;
	position: relative;
	width: 300px;
}
.prdct-glr .glr-wapper ul {
	position: relative;
}
.prdct-glr li {
	background-color: #fff;
	cursor: pointer;
	height: 145px;
	line-height: 145px;
	margin-bottom: 20px;
	opacity: 0.5;
	position: relative;
	text-align: center;
	width: 290px;
	z-index: 100;
}
.prdct-glr li:hover {
	opacity: .8;
}
.prdct-glr li:last-child:hover {
	opacity: 1;
}
.prdct-glr li .inner {
	color: #181a19;
	display: inline-block;
	font: 16px "Microsoft YaHei";
	line-height: 24px;
	padding-left: 47px;
	text-align: left;
	vertical-align: middle;
}
.prdct-glr li .inner p {
	color: #8b8c8c;
	font-size: 14px;
	line-height: 22px;
	padding-right: 15px;
}
.prdct-glr li .inner .big {
	color: #181a19;
	font-size: 20px;
	line-height: 30px;
}
.prdct-glr .sign-box {
	left: -18px;
	line-height: 0;
	margin-top: -18px;
	position: absolute;
	top: 50%;
}
.prdct-glr .sign-box .line {
	position: absolute;
	display: none;
	z-index: -1;
}
.prdct-glr li.cur {
	opacity: 1;
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.prdct-glr .cur .line {
	display: block;
}
.prdct-glr li img {
	vertical-align: middle;
}
.prdct-glr .goto-box {
	line-height: 26px;
}
.prdct-glr .goto-box p {
	font: 20px "Microsoft YaHei";
	color: #333;
	line-height: 26px;
	/*padding: 20px 0 20px 33px;*/
	text-align: left;
	margin-bottom: -1px;
}
.prdct-glr .goto-box a {
	display: inline-block;
	background: #fff url(../icons.png) 0 0 no-repeat;
	height: 50px;
	margin-right: 15px;
	width: 50px;
}
.prdct-glr .goto-box p+a {
	margin-left: 12px;
}
.prdct-glr .goto-box .icon-sjds {
	background-position: -32px -16px;
}
.prdct-glr .goto-box .icon-ydh {
	background-position: -102px -16px;
}
.prdct-glr .goto-box .icon-ajk {
	background-position: -170px -16px;
}
.prdct-glr .goto-box .icon-59 {
	background-position: -240px -16px;
}
.prdct-glr .goto-box .icon-ydlm {
	background-position: -309px -16px;
}
.prdct-glr .goto-box .icon-sjds:hover {
	background-position: -32px -100px;
}
.prdct-glr .goto-box .icon-ydh:hover {
	background-position: -102px -99px;
}
.prdct-glr .goto-box .icon-ajk:hover {
	background-position: -170px -99px;
}
.prdct-glr .goto-box .icon-59:hover {
	background-position: -240px -99px;
}
.prdct-glr .goto-box .icon-ydlm:hover {
	background-position: -309px -99px;
}
.prdct .multi-download-box {
	margin-top: -30px;
}
.prdct .multi-download-box a {
	margin-bottom: 10px;
}
.prdct .pc .title {
	margin: 28px 0 0 74px;
}


.prdct .pc .prdct-img-list {
	background: transparent url(http://appwsqcom.b0.upaiyun.com/img/Public/images/index/prdct_pc_bg.png) 0 0 no-repeat;
	height: 389px;
	margin: 35px 0 0 -15px;
	width: 644px;
}
.prdct .pc .prdct-img-list .glr-wraper {
	height: 305px;
	left: 78px;
	top: 22px;
	width: 489px;
}
.pc .prdct-glr .pagination {
	left: 305px;
}
.pc .prdct-glr .glr-wapper {
	height: 485px;
}
.pc .btn-box {
	margin-left: -120px;
	width: 450px;
}
.product_title {
    width: 453px;
    height: 147px;
    margin: 30px auto 10px 80px;
    border: 1px solid #9fd1da;
}
.product_title_img {
    width: 60px;
    height: 60px;
    padding: 10px;
}
.product_title_name {
    font-family: inherit;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 10px;
    margin-top: 10px;
}
.prodocut_title_eng{
    font-size: 18px;
    font-weight: 700;
    color: #5fc3cf;
}
.product_subject {
    padding: 15px;
    font-size: 22px;
    font-weight: 400;
}

.product .info {
    width: 190px;
    height: 440px;
    margin-top: 30px;
    border: 1px solid #ccc;
}
.product .info a {
    width: 190px;
    height: 100px;
    border-top: 1px solid #f5f5f5;
}
.product .info a {
    display: inline-block;
    float: left;
    position: relative;
    line-height: 20px;
}
.product .info a:hover {
    background-color:#fff;
}
.product .info img {
    width: 45px;
    height: 45px;
    padding: 12px 5px 8px 5px;
    margin-left: 0px;
    opacity: 0.4;
}
.product .info div {
    width: 125px;
    padding-top: 10px;
    float: right;
}
.product .info h2, .product .info h3 {
    width: 125px;
    margin-right: 4px;
}
.product .info h2, .product .info h3 {
    margin: 0;
    float: right;
    width: 148px;
    font-weight: 400;
}
.product .info h2 {
    color: #333;
    font-size: 14px;
}
.product .info h2, .product .info h3 {
    width: 125px;
    margin-right: 4px;
}
.product .info h3 {
    color: #929292;
    font-size: 12px;
}



.case-code{
	width:140px;
	height:68px;
	margin:0 auto;
}
.estate-case{
	display:block;
	float:left;
	margin:0 5px 0 5px;
}
.estate-case a img{
	display:block;
}
.banner_content {
    width: 990px;
    height: 0px;
    /* margin-top: 150px; */
    /* margin: 0 auto; */
    /* position: absolute; */
    z-index: 999;
    /* margin-top: -520px; */
    float: right;
    /* margin-left: 515px; */
}
.searchBox {
    width: 300px;
    height: 500px;
    overflow: hidden;
    top: 0px;
    /* padding: 10px 0 0 20px; */
    z-index: 10;
    right: 0px;
    /* float: right; */
    position: absolute;
    margin-top: 150px;
}
.banner_content .searchBox .searchbg {
    width: 380px;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
    filter: alpha(opacity=48);
    -moz-opacity: 0.48;
    -khtml-opacity: 0.48;
    opacity: 0.48;
    background: #E0DDDD;
    z-index: 0;
}
.banner_content .searchBox .main_image_h1{
    font-size: 24px;
    color: #fff;
}
.banner_content .searchBox .banner-btn{
    font-size: 14px;
    display: block;
    text-align: center;
    margin-top: 25px;
}
.banner_content .searchBox .btn-banner-white{font-size:14px;display: block;text-align: center;padding: 8px 0;border: 2px solid #fff;color: #fff;background-color: rgba(255,255,255,.2);filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#22ffffff',endColorstr='#22ffffff');}
.banner_content .searchBox .btn-banner-white:hover{background-color: rgb(255,255,255);color:#f90;}
.banner_content .searchBox .btn-banner-blue{font-size:14px;display: block;text-align: center;padding: 8px 0;border: 2px solid #02a3fe;color: #02a3fe;background-color: rgba(2,163,254,.2);filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#2202a3fe',endColorstr='#2202a3fe');}
.banner_content .searchBox .btn-banner-blue:hover{background-color:#02a3fe;color:#fff;}
/* Page about us */
.aboutUs {
	margin-bottom: 50px;
}
.subnav-box {
	background-color: #f0f0f0;
	height: 57px;
	line-height: 57px;
    
	margin-bottom: 55px;
}
.subnav-box img {
	vertical-align: middle;
	margin-left: 20px;
}
.subnav-box .grid1 {
	position: relative;
}
.subnav-box i {
	border-width: 0 7.5px 10px 7.5px;
	border-color: #fff #fff #f0f0f0 #fff;
	position: absolute;
	top: -10px;
}
.subnav {
	position: absolute;
	right: 330px;
	top: 0;
}
.subnav li {
	display: inline-block;
	height: 54px;
	line-height: 54px;
	margin-right: 7px;
	vertical-align: top;
}
.subnav li span,
.subnav li a {
	display: inline-block;
	color: #181a19;
	font-size: 14px;
	padding: 0 13px;
	text-decoration: none;
}
.subnav li span {
	cursor: default;
}
.subnav li.hover {
	border-bottom: 2px solid #5fc3c4;
	padding-bottom: 1px;
}
.subnav .cur span{
	color: #5fc3c4;
}
.subnav-box .sub_title{
    margin-left: 20px;
    color: #5bafb1;
    font-size: 22px;
}
.grid1 .Title_Img{
    border: 1px solid #ccc;
    margin-top: 30px;
    margin-bottom: 15px;
}

.subnav-box .news {
    width: 990px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
}
.subnav-box .news .main {
    width: 690px;
    min-height: 100%;
    margin: 0 auto;
}
.subnav-box .news ul {
    width: 690px;
    margin-left: 420px;
    margin-top: -20px;
}
.subnav-box .news ul li {
    width: 245px;
    text-align: center;
}
.subnav-box .news ul li {
    font-size:14px;
    float: left;
    margin-right: 10px;
    width: 220px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.subnav-box .news .news-more {
    display: inline-block;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    float: left;
    margin-left: 1380px;
    width: 60px;
}
.solutes{margin-left:-3%;margin-top:30px;}
.solutes .solute-block{float:left;border:2px solid #ddd;padding:10px 0;margin-left:3%;margin-bottom:35px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.solutes .solute-block:hover{border:2px solid #02a3fe;-webkit-box-shadow:0 0 8px #02a3fe;-moz-box-shadow:0 0 8px #02a3fe;box-shadow:0 0 8px #02a3fe;}
.solutes .solute-block:hover .dot3{color:#02a3fe;}
.solutes .solute1-block{width:29.5%;height:113px;position:relative;}
.solutes .solute2-block{width:46%;height:113px;position:relative;}
.solute2-right .solute-squra{font-size:16px;}
.solute2-right .solutes{margin-top:30px;}
.solutes .solute-block .pic{position:absolute;left:10px;top:10px;text-align:center;width:80px;height:103px;border-right:1px solid #ddd;padding-top:10px;}
.solutes .solute-block .pic a{display:block;font-size:14px;}
.solutes .solute-block .content{margin-left:95px;margin-right:10px;position:relative;height: 135px;}
.solutes .tit{color:#333;font-size:14px;height:40px;margin-top:6px;line-height: 20px;}
.solutes .txt{color:#999;line-height:20px;height:60px;overflow: hidden;text-overflow: ellipsis;}
.solutes .more{position:absolute;bottom:0;width:100%;}
.solutes .more .reg{color: #f90;text-decoration: underline;}
.solutes .more .reg .arrow{width:0;height:0;border: 5px solid transparent;border-left-color: #f90;display:inline-block;margin-left:8px;vertical-align: middle;}
.solutes .solute-block .dot3{color:#ddd;font-size:20px;}
.solutes .solute-block .dot3:hover{color:#f90;}
.solutes .solute-block-more{background-color: #eee;float: left;border: 2px solid #ddd;padding: 10px 0;margin-left: 3%;margin-bottom: 35px;line-height: 100px;text-align: center;font-size: 80px;font-weight: 900;color: #FFFFFF;}
.solutes .ico-solute1,.solutes .ico-solute2,.solutes .ico-solute3,.solutes .ico-solute4,.solutes .ico-solute5,.solutes .ico-solute6,.solutes .ico-solute7,.solutes .ico-solute8,.solutes .ico-solute9{
    background: url(../business_bg.png) no-repeat;
    width: 40px;
    height: 35px;
    margin: 0 auto;
}
.solutes .ico-solute1 {
    background-position: -500px -110px;
}
.solutes .ico-solute2 {
    background-position: -500px -58px;
}
.solutes .ico-solute3 {
    background-position: -190px -10px;
}
.solutes .ico-solute4 {
    background-position: -345px -110px;
}
.solutes .ico-solute5 {
    background-position: -30px -58px;
}
.solutes .ico-solute6 {
    background-position: -500px -170px;
}
.solutes .ico-solute7 {
    background-position: -345px -60px;
}
.solutes .ico-solute8 {
    background-position: -190px -110px;
}
.solutes .ico-solute9 {
    background-position: -190px -60px;
}
/* Page info */
.info-list li {
	display: inline-block;
	margin-bottom: 90px;
	vertical-align: middle;
}
.info-list li img {
	margin-left: 30px;
    margin-right: 50px;
}
.info-list .txt {
	color: #626262;
	font-size: 14px;
	line-height: 28px;
	width: 490px;
}
.info-list .txt p {
	color: #0b0d0c;
	font-size: 18px;
	margin-bottom: 5px;
}

/* Page contact */
.ditu-box {
	border: 1px solid #e2e2e2;
	/*display: inline-block;
	height: 445px;
	margin-left: 30px;
	width: 485px;*/
}
.contact-box {
	background-color: #fbfbfb;
	border: 1px solid #e2e2e2;
	display: inline-block;
	height: 220px;
	/*margin: 70px 0 0 20px;*/
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 990px;
}
.contact-box .corner-box {
	font-size: 30px;
	left: -16px;
	position: absolute;
	top: 23px;
}
.contact-box .corner-bd {
	color: #e2e2e2;
}
.contact-box .corner-bg {
	color: #fbfbfb;
	left: 1px;
	top: 0;
}
.contact-box img {
	vertical-align: middle;
	margin-right: 15px;
}
.contact-box ul {
	color: #8b8c8c;
	font: 18px "Microsoft YaHei";
	margin: 27px 0 0 17px;
}
.contact-box li {
	margin-bottom: 23px;
}
.contact-box em,
.contact-box a {
	color: #181a19;
}
.recruit_title{
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
}
.contact_name {
    /* height: 70px; */
    border-bottom: 2px solid #0D9DD5;
    font-size: 24px;
    /* line-height: 60px; */
    position: relative;
    text-align: center;
    /* margin-bottom: 50px; */
}
.contact_name .English {
    display: inline-block;
    line-height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 0 20px;
    background: #0D9DD5;
    margin: 0 auto;
    font-weight: normal;
    margin-top: 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.GSWX{
	width:100%;
	height:auto;
	text-align:center;
}


/* Page recruit */
.recruit-list li {
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	padding-bottom: 20px;
}
.recruit-list li:last-child {
	border: none;
}
.recruit-list .img-box {
	display: inline-block;
	margin-right: 30px;
	text-align: center;
	vertical-align: middle;
	width: 188px;
}
.recruit-list .txt-box {
	color: #474747;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	vertical-align: middle;
}
.recruit-list .txt-box .hd {
	color: #0b0d0c;
	font-size: 16px;
	margin-top: 40px;
}
.recruit-list .ta-r {
	margin-top: 14px;
}
.recruit-list .ta-r a {
	background: #fff url(../btns.png) -101px -311px no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 46px;
	width: 172px;
}
.recruit-list .ta-r .btn1:hover {
	background-position: -283px -311px;
}
.recruit-list .ta-r .btn1:active {
	background-position: -465px -311px;
}
.recruit-list .ta-r .btn2 {
	background-position: -102px -511px;
}
.recruit-list .ta-r .btn2:hover {
	background-position: -287px -511px;
}
.recruit-list .ta-r .btn2:active {
	background-position: -472px -511px;
}
.aboutUs_Content{
    color: #626262;
    font-size: 14px;
    line-height: 28px;
}
.aboutUs_Content .title {
    color: #0b0d0c;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 700;
}
.aboutUs_Content .subject {
    font-size:14px;
    font-weight:700;
}

/* alliance */
.alliance {
	margin-bottom: 50px;
}
.alliance-list ul {
	margin-left: 30px;
	overflow: hidden;
	width: 1100px;
}
.alliance-list li {
	background-color: #f0466d;
	border-radius: 10px;
	cursor: pointer;
	float: left;
	height: 198px;
	line-height: 198px;
	margin: 0 45px 45px 0;
	position: relative;
	text-align: center;
	width: 276px;
}
.alliance-list li:after {
	background: transparent url(../alliance_bg.png) 0 0 no-repeat;
	content: "";
	height: 28px;
	width: 214px;
	position: absolute;
	bottom: -10px;
	left: 40px;
	z-index: -1;
}
.alliance-list li img {
	vertical-align: middle;
}
.alliance-list li p {
	color: #fff;
	display: none;
	font: 15px/24px "Microsoft YaHei";
	text-align: center;
	vertical-align: middle;
	width: 225px;
}
.alliance-list li:hover img {
	display: none;
}
.alliance-list li:hover p {
	display: inline-block;
}
.alliance-list li:nth-child(2) {
	background-color: #448def;
}
.alliance-list li:nth-child(3) {
	background-color: #21d96d;
}
.alliance-list li:nth-child(4) {
	background-color: #fcb913;
}
.alliance-list li:nth-child(5) {
	background-color: #83c200;
}
.alliance-list li:nth-child(6) {
	background-color: #9f1e54;
}
.alliance-list .ta-c {
	margin-top: 40px;
	text-align: center;
}
.alliance-list .btn {
	background: transparent url(../btns.png) -85px -237px no-repeat;
	display: inline-block;
	height: 46px;
	width: 282px;
}
.alliance-list .ta-c span {
	color: #7a7c7c;
	margin-top: 18px;
	display: block;
}
.alliance-list .ta-c span em {
	font-size: 13px;
}
.alliance-list .btn:hover {
	background-position: -377px -237px;
}
.alliance-list .btn:active {
	background-position: -669px -237px;
}
/* other */





/*case*/

.caseLeft{
	width:100px;
	height:600px;
	float:left;
	border-right:1px solid #5bafb1;
}
.caseLeft ul{
	width:100px;
	height:370px;
	margin-top:30px;
}
.caseLeft ul li{
	width:99px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-left:1px solid #5bafb1;
	border-top:1px solid #5bafb1;
	border-bottom:1px solid #5bafb1;
	margin-bottom:8px;
}
.caseNow{
	background:#5bafb1;
}
.caseNow a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}
.caseLeft ul li a{
	display:block;
	width:100%;
	height:100%;
}
.caseLeft ul li a:hover{
	background:#5bafb1;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}


.caseList ul li{
    float: left;
    margin: 15px;
    text-align: right;
    padding: 5px;
    border: 1px solid #ccc;
    width: 288px;
}
.caseList li dl{height: 250px;overflow: hidden;}
.caseList li dt{height: 100px;line-height: 100px;text-align: center;/*width: 255px;*/overflow: hidden;}
.caseList li dt img{-webkit-transition: all 1.1s;-moz-transition: all 1.1s;-o-transition: all 1.1s;-ms-transition: all 1.1s;transition: all 1.1s;max-width: 235px;}
.caseList li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform: scale(1.1);}
.caseList li dd.title{border: 1px solid #E5E5E5;border-width: 1px 0;color: #000;font-size: 14px;font-weight: bold;height: 50px;line-height: 50px;margin: 12px 0;text-align: center;}
.caseList li dd.desc{color: #888;line-height: 22px;text-align: justify;height: 70px;overflow: hidden;text-overflow: ellipsis;}
.caseList li .siteLink{background: #39F;border-radius: 0 0 7px 7px;color: #FFF;display: block;height: 50px;line-height: 50px;opacity: 0.7;filter: alpha(opacity=70);padding: 0 20px;position: absolute;left: 0;bottom: 0;width: 235px;text-align: center;}
.caseList li .siteLink:hover{background: #F40;opacity: 1;filter: alpha(opacity=100);transition: all 0.5s ease-out 0s;}
.caseList ul li img{
	margin:5px;
}
.caseList ul li p{
	font-size:14px;
	line-height:25px;
}
.caseList ul li:hover{
	background:#DDDDDD;
	text-shadow:0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);
	padding:5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.clear{
	clear:both;
}
.newsList{
    float: right;
    width: 880px;
}
.line {
    display: inline-block;
    height: 15px;
    width: 85.7%;
    border-bottom: 1px solid #dcdcdc;
}
/*新闻*/
.newsList .news-content{
    padding: 20px 20px 50px 0px;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
} 
.newsList .news-content ul{width:49.99%;}
.newsList .news-content ul li{height:80px;padding:15px 10px;overflow:hidden;position:relative;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList .news-content ul li:hover{background:#5bafb1;}
.newsList .news-content ul li>div{background:url(../arrow1.png) no-repeat right center;padding-right:20px;height:80px;position:relative;overflow:hidden;}
.newsList .news-content ul li:hover>div{background:url(../arrow2.png) no-repeat right center;}
.w70{width:70%;}
.newsList .news-content li .list_time{width:80px;color:#666;text-align:right;position:absolute;left:0;top:0;}
.newsList .news-content ul li:hover .list_time,.newsList .news-content li:hover .list_time .day,.newsList .news-content li:hover .list_wen .tit,.newsList .news-content li:hover .list_wen p{color:#fff;}
.newsList .news-content li .list_time .day{color:#5bafb1;font-size:28px;line-height:28px;}
.newsList .news-content li .list_wen{margin-left:100px;}
.newsList .news-content li .list_wen p{color:#999;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList .news-content li .list_wen .l_tit{margin-bottom: 0.8em;}
.newsList .news-content li .list_wen .tit{font-size:16px;height:25px;display: block;overflow:hidden;}
.newsList .news-more{text-align:center;padding:50px 0;}
.newsList .btnmore{border:2px solid #02a3fe;font-size:18px;padding:5px 50px;color:#02a3fe;display:inline-block;}
.newsList .btnmore:hover{background-color:#02a3fe;color:#fff;}

.newsList .title {
    font-size: 18px;
    color: #333;
    margin: 30px 0 20px;
    font-weight: 600;
    line-height: 1.5em;
}
.newsList .main-content-block {
    padding: 20px 20px 50px 20px;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
}
.notContent {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    margin-top: 50px;
}
.inner-box{min-height:350px;_height:350px;width: 100%;background-color: #fff;padding: 20px 0 50px 0;margin:30px 0 0;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;}
.inner-box .dl-list{ font-size:14px;padding-right:15px;}
.inner-box .dl-list dl{ clear:both; display:block; }
.inner-box .dl-list dl dd.stylerdo label,.inner-box .dl-list dl dd.stylechk label{display:inline-block;}
.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:14%;min-width:100px; line-height:42px; min-height:42px; color:#555; text-align:right; }
.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
.inner-box .dl-list dl dd .input{ padding:10px; }
.inner-box .dl-list dl dd select.input{padding:0;}
.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
.inner-box .dl-list dl dd a.send.gray{ color:#999; }
.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; }

.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; }
.inner-box .tab-content{ display:none; }

.alliance-hd{
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
}
.alliance-hd2{
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

.p_block_tit{
    border-bottom: 1px solid #ccc;
    height: 55px;
    margin-bottom: 70px;
    margin-top: 40px;
    text-align: center;
}
.p_tit{
    font-size: 18px;
    font-weight: 700;
    color: #484848;
    line-height: 2em;
    display: inline-block;
    background-color: #fff;
    padding: 0 20px;
}
.p_tit span {
    color: #ccc;
    font-weight: normal;
    display: block;
}
.product_content{
    font-size: 14px;
    line-height: 24px;
    width: 100%;
}
.product_content p{
    color: #0b0d0c;
    font-size: 16px;
    margin-bottom: 5px;
}
/*旧版本QQ客服*/
#siderIMchat_main {
	MARGIN:0; WIDTH: 110px;color:#333
}
#siderIMchat_main img{
border:0;/*background:url(../QQ/top.gif) no-repeat center center*/
}
#siderIMchat_main a{
color:#036
}
#siderIMchat_main a:hover{
color:#f30
}
#siderIMchat_main .top {
	BACKGROUND: url(../QQ/top.gif); HEIGHT: 76px
}
#siderIMchat_main .infobox {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; LINE-HEIGHT: 14px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(../QQ/middle.gif) #bdc5cb no-repeat; COLOR: #000; FONT-WEIGHT: 700; PADDING-TOP: 5px
}
#siderIMchat_main .bg {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(../QQ/middle.gif); PADDING-TOP: 0px
}
#siderIMchat_main UL {
	MARGIN:0;
}
#siderIMchat_main UL LI {
list-style:none;
text-align:center;
line-height:20px;
}
.qqkf{
background:#ccc;height:22px;line-height:22px
}
#siderIMchat_main .close {
width:100%;
text-align:center
}
#siderIMchat_main .bottom {
	BACKGROUND: url(../QQ/bottom.gif); HEIGHT: 51px; OVERFLOW: hidden
}
/*新版本QQ客服*/
/* online */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../QQ/float_s.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../QQ/float_bg.gif) no-repeat;}

#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:50px 0 0 0;}
/*   *html,*html body{background-image:url(about:blank);background-attachment:fixed;}*/
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#online_qq_tab{width:28px;float:left;margin:120px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}

#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
.onlineMenu li.tli{padding:0 0 0 28px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;}
.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0;}

.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../QQ/webZx_bg.jpg) no-repeat;}

.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}


table.buy {
    /* font-weight: bold; */
    border-collapse: collapse;
    border-spacing: 0;
    width: 99%;
    text-align: center;
    color: #3D3D3D;
    width: 1148px;
    margin: 5px auto;
    height: auto;
    font-size: 12px;
}
table.buy tbody td {
    border: 1px solid #CED6D9;
}
table.buy td {
    padding: 4px;
}
table.buy .price {
    color: red;
}