﻿@charset "utf-8";
/* CSS Document */
@import url('reset.css');
.content {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
/*right start*/
.content-right {
	margin-bottom: 30px;
	float: right;
}
.login-area {
	overflow: hidden;
	padding-bottom: 20px;
	width: 268px;
	border: 1px solid #ededed;
}
.lg-top {
	padding-bottom: 18px;
	padding-top: 20px;
	border-bottom: 1px solid #d3d3d3;
	text-align: center;
	margin-left: 16px;
	margin-right: 16px;
}
.lg-top h1 {
	margin-bottom: 14px;
	font-size: 22px;
}
.lg-top a.btn-login {
	line-height: 44px;
	color: #fff;
	font-size: 18px;
	width: 238px;
	height: 44px;
	background: #458ae5;
	border-radius: 6px;
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
}
.lg-top a.btn-login:hover {
	background: #3176d2;
	transition: background .25s ease;
}
.lg-top p {
	color: #666;
	text-align: center;
}
.lg-top p a:hover {
	text-decoration: underline;
}
.lg-bot {
	margin-top: 16px;
}
.qrcode {
	float: left;
	margin-left: 16px;
	margin-right: 8px;
}
.qrintro h1 {
	margin-bottom: 3px;
	padding-top: 10px;
	font-size: 16px;
}
.qrintro li {
	margin-top: 20px;
 *margin-top:18px;
	float: left;
	text-align: center;
}
.qrintro li span {
	clear: both;
	text-align: center;
	width: 100%;
	display: block;
}
.download-ios {
	margin-right: 35px;
}
.quick-serv {
	margin-top: 16px;
	width: 268px;
	border: 1px solid #ededed;
}
.quick-serv h1 {
	border-bottom: 1px solid #ededed;
	height: 39px;
	line-height: 39px;
	font-size: 16px;
}
.quick-serv h1 span {
	height: 25px;
	float: left;
	line-height: 25px;
	margin-top: 7px;
	padding-left: 12px;
	border-left: 4px solid #458ae5;
}
.serv-ul {
	overflow: hidden;
	padding-left: 5px;
	margin-top: 5px;
	padding-bottom: 15px;
}
.serv-ul li {
	margin-top: 10px;
	margin-left: 10px;
	width: 113px;
	border: 1px solid #458ae5;
	border-radius: 6px;
	float: left;
	text-align: center;
	line-height: 32px;
	height: 32px;
}
.serv-ul li:hover {
	background: #458ae5;
	transition: background .25s ease;
}
.serv-ul li a {
	color: #458ae5;
}
.serv-ul li:hover a {
	color: #fff;
}
.cmserv-ul {
	padding: 10px 0;
	margin:0 10px 0 15px;
}
.cmserv-ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(../../img/indexv2/liststyle01.png) no-repeat left;
	padding-left: 15px;
	line-height: 24px;
}
.publicity-pic {
	border: 1px solid #ededed;
	margin-top: 15px;
	height:376px !important;
}
.publicity-pic {
	width: 268px !important;
}
.publicity-pic img {
	width: 268px !important;
	height:376px !important;
}
.publicity-pic li{
	height:376px !important;
}
/*left start*/
.content-left {
	float: left;
	width: 815px;
}
.xysec-news {
	float: right;
	width: 548px;
}
.xysec-news li {
	line-height: 30px;
}
.xysec-news .cmserv-ul{
	height: 181px;
}
.a-more {
	float: right;
	margin-right: 15px;
	font-size: 13px;
	font-weight: 100;
	color: #458ae5;
}
.a-more:hover {
	text-decoration: underline
}
.group {
	float: left;
	width: 398px;
	height: 211px;
}
.group-ul {
	overflow: hidden;
	padding: 14px 0 16px 0;
	width: 33%;
	float: left;
}
.group-ul li {
	width: 80%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(../../img/indexv2/liststyle01.png) no-repeat left;
	margin-left: 12px;
	padding-left: 12px;
	line-height: 28px;
}
.market {
	margin-left: 15px;
	float: left;
	width: 398px;
}
.download-ylb {
	float: right;
	font-size: 13px;
	font-weight: 100;
	color: #458ae5;
	margin-right: 15px;
}
.download-ylb:hover {
	text-decoration: underline;
}
.market-ul {
	padding-top: 10px;
	padding-left: 17px;
}
.market-ul li {
	width: 72px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border: 1px solid #ededed;
	float: left;
	margin-left: -1px;
}
.market-ul li a {
	color: #458ae5;
}
.market-ul li.selected {
	background: #458ae5;
	border: 1px solid #458ae5;
}
.market-ul li.selected a {
	color: #fff;
}
.market-ul li a:hover {
	text-decoration: underline;
}
.quotationbox {
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 16px;
	height: 118px;
}
.main_tips {
	border-bottom: solid 1px #eaeaea;
	line-height: 40px;
	overflow: hidden;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.main_tips .left {
	float: left;
	margin-left: 20px;
}
.main_tips .right {
	float: left;
	margin-right: 5px;
}
.main_tips .right ul li {
	float: left;
	margin-right: 5px;
}
.main_tips .right ul li a:hover {
	text-decoration: underline
}
.main_box {
	margin-top: 16px;
}
.main_left {
	float: left;
	width: 815px;
}

.company_notice {
	height: 44px;
	line-height: 44px;
	background: #458ae5;
	margin-top: 16px;
	padding: 0 15px;
	font-size: 15px;
}
.company_notice .left {
	float: left;
	width: 80%
}
.company_notice .left span {
	float: left;
	color: #fff;
	margin-right: 5px;
}
.company_notice .left .notice_active {
	float: left;
	overflow: hidden;
	height: 44px;
	width: 85%
}
.company_notice .left .notice_active li {
	list-style-type: none;
	overflow: hidden;
}
.company_notice .left .notice_active li.notice_active_ch a {
	color: #fff;
	display: block;
	overflow: hidden;
	line-height: 44px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.company_notice .left .notice_active li.notice_active_ch a:hover {
	text-decoration: underline
}
.company_notice .right a {
	float: right;
	color: #fff;
}
.company_notice .right a:hover {
	text-decoration: underline
}
.main_part1 {
	margin-top: 16px;
}
.pro_left {
	margin-bottom: 16px;
	margin-top:15px;
	float: left;
	width: 218px;
	border: solid 1px #ededed;
	padding: 15px 15px 16px 15px;
	height: 210px;
}
.pro_left a {
	float: left;
	width: 108px;
	display: block
}
.pro_left a span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto
}
.pro_left a p {
	text-align: center
}
.pro_left a:hover p {
	text-decoration: underline
}
.pro_one {
	border-right: dashed 1px #ededed;
	border-bottom: dashed 1px #ededed;
	text-align: center;
	padding-bottom: 12px;
}
.pro_one span {
	background: url(../../img/indexv2/ico_rxcp.png) no-repeat;
}
.pro_two {
	border-bottom: dashed 1px #ededed;
	padding-bottom: 12px;
}
.pro_two span {
	background: url(../../img/indexv2/ico_lccp.png) no-repeat;
}
.pro_three {
	border-right: dashed 1px #ededed;
	padding-top: 12px;
}
.pro_three span {
	background: url(../../img/indexv2/ico_jjcp.png) no-repeat;
}
.pro_four {
	padding-top: 12px;
}
.pro_four span {
	background: url(../../img/indexv2/ico_fwcp.png) no-repeat;
}
.web_w1100px {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.main_part2 {
    clear: both;
    overflow: hidden;
    padding:20px 0 20px 19px;
    border: 1px solid #ededed;
}
.yw_box ul li{ display:inline;float: left;}
.yw_box ul.yw_one li a{ height: 170px;float:left;  width:172px;line-height:20px;display:block; border-right:dashed 1px #ededed; border-bottom:dashed 1px #ededed; padding-right:14px; padding-bottom:14px; padding-left:14px;}
.yw_box ul.yw_one li a img{ display:block; margin-bottom:10px; width:172px; height:80px;}
.yw_box ul.yw_two li a{ float:left;  width:172px;line-height:20px;display:block; border-right:dashed 1px #ededed;  padding-right:14px; padding-top:14px; padding-left:14px;}
.yw_box ul.yw_two li a img{ display:block; margin-bottom:10px; width:172px; height:80px;}

.ye_one { padding-left:0 !important}
.ye_line_none{ border-right:none !important;padding-right:0 !important}

.index_banner{position:relative;margin-bottom:20px;height:230px;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:230px;z-index: 1;}
.index_banner li a{display:block;margin:0 auto;width:815px;height:230px;}
.index_banner li a img{width:815px;height:230px}
.index_banner cite{
	position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 999;
    display: block;
    margin-left: -200px;
    width: 400px;
    _display: none;
    text-align: center;
}
.index_banner cite span{
	display: inline-block;
    margin: 0 4px;
    width: 8px;
    height: 8px;
    opacity: .8;
    cursor: pointer;
    background: none;
    border: 1px solid #7f4700;
    border-radius: 50%;
}
.index_banner cite span:hover{background-color:#7f4700; opacity:1}
.index_banner cite span.cur{background-color:#7f4700;cursor:default; opacity:1}


.index_banner_party_top{position:relative;width:1100px;height:106px;margin: 8px auto 15px auto;}
.index_banner_party_top li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:106px;z-index: 1;}
.index_banner_party_top li a{display:block;margin:0 auto;width:1100px;height:106px;}
.index_banner_party_top li a img{width:1100px;height:106px}
.index_banner_party_top cite{
	position: absolute;
	bottom: 3px;
	left: 50%;
	z-index: 999;
	display: block;
	margin-left: -200px;
	width: 400px;
	_display: none;
	text-align: center;
}
.index_banner_party_top cite span{
	display: inline-block;
	margin: 0 4px;
	width: 8px;
	height: 8px;
	opacity: .8;
	cursor: pointer;
	background: none;
	border: 1px solid #7f4700;
	border-radius: 50%;
}
.index_banner_party_top cite span:hover{background-color:#7f4700; opacity:1}
.index_banner_party_top cite span.cur{background-color:#7f4700;cursor:default; opacity:1}


.index_banner_party_column{position:relative;width:1100px;height:100px;margin: 5px auto 15px auto;}
.index_banner_party_column ul{width:1200px;height:78px;overflow: hidden;}
.index_banner_party_column li{float:left;overflow:hidden;width:280px;height:78px;z-index: 1;}
.index_banner_party_column li a{display:block;margin:0;width:260px;height:78px;}
.index_banner_party_column li a img{width:260px;height:78px}

.cxscroll{height:100px;position:relative;}
.cxscroll .box{margin:0 auto;overflow:hidden;width:1100px;height:78px;}
.cxscroll .box .list{width:20000px; height:78px;}
.cxscroll .box .list li{float:left;width:280px;height:78px;}
.cxscroll .prev{position:absolute;left:510px;top:90px;float:left;width:20px;height:20px;background: url(../../img/left-arrow.png) center no-repeat;background-size:20px 20px}
.cxscroll .next{position:absolute;left:570px;top:90px;float:left;width:20px;height:20px;background: url(../../img/right-arrow.png) center no-repeat;background-size:20px 20px}
