@charset "utf-8";

/* CSS Document */


/*全局样式*/

* {
	padding: 0;
	margin: 0 auto;
}

div,
dl,
dt,
dd,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
ul,
li,
p,
span,
a {
	border: 0;
}

img,
input {
	border: none;
	vertical-align: middle;
}

body {
	font-family: Tahoma, Arial, Helvetica, "微软雅黑";
	font-size: 12px;
	color: #000;
	min-width: 1320px;
}

html {
	overflow-y: scroll;
}

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

th,
td,
input {
	font-size: 12px;
}

h3 {
	font-size: 14px;
}

button {
	border: none;
	cursor: pointer;
	font-size: 12px;
	background-color: transparent;
}

select {
	border-width: 1px;
	_zoom: 1;
	border-style: solid;
	padding-top: 2px;
	font-size: 12px;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 0;
	visibility: hidden;
	line-height: 0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}

a:link,
a:visited {
	text-decoration: none;
	color: #cdbb7c;
}

a:hover,
a:active {
	text-decoration: none;
	color: #cdbb7c;
	cursor: pointer;
}

.clearfloat {
	clear: both;
}


.claer {
	clear: both;
}


/*边距
******************************/
.margin0auto {
	margin: 0 auto !important;
}

.m0 {
	margin: 0!important;
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px !important;
}

.m30 {
	margin: 30px;
}

.mt0 {
	margin-top: 0px;
}
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}

.ml0 {
	margin-left: 0px!important;
}

.ml5 {
	margin-left: 5px!important;
}

.ml10 {
	margin-left: 10px!important;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml50 {
	margin-left: 50px;
}

.ml100 {
	margin-left: 100px !important;
}

.ml200 {
	margin-left: 200px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr100 {
	margin-right: 100px;
}


/*边距
******************************/

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px !important;
}

.p30 {
	padding: 30px;
}

.pt3 {
	padding-top: 3px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px;
}

.pt80 {
	padding-top: 80px;
}

.pt100 {
	padding-top: 100px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb30 {
	padding-bottom: 30px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.pb80 {
	padding-bottom: 80px;
}

.pb100 {
	padding-bottom: 100px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 30px;
}

.pl50 {
	padding-left: 50px;
}

.pl100 {
	padding-left: 100px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr30 {
	padding-right: 30px;
}

.pr50 {
	padding-right: 50px;
}

.pr100 {
	padding-right: 100px;
}


/*定位
******************************/

.tl {
	text-align: left !important;
}

.tc {
	text-align: center !important;
}

.tr {
	text-align: right !important;
}

.bc {
	margin-right: auto;
	margin-left: auto;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right !important;
	display: inline;
}

.cb {
	clear: both;
}

.cl {
	clear: left;
}

.cr {
	clear: right;
}

.vm {
	vertical-align: middle;
}

.vt {
	vertical-align: top;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}


/*----------------------------------------*/


/*-------------------index---begin--------------------------*/

.nav_big {
	width: 100%;
	margin: 0 auto;
	background: url(../img/index/banner.jpg) no-repeat center center;
	background-size: cover;
	height: 653px;
	position: relative;
}

.top {
	width: 100%;
	margin: 0 auto;
	height: 80px;
	/*opacity: 0.6;
	position: fixed;
	z-index:999;*/
}

.top1 {
	width: 100%;
	margin: 0 auto;
	height: 80px;
	position: fixed;
	background: #ffffff;
	z-index: 999;
	border-bottom: solid 1px #EC971F;
}


/*下拉菜单右边的小图标div*/
.xia{
	position: absolute;top:34px;right: 5px;margin: 0px;padding: 0px;
}

#promenu:hover #prosubmenu{
	display: block;
	z-index: 999;
}
/*彩色背景下的下拉菜单*/
/*.prosubmenu {
	width: 140px;
	position: absolute;
	font-size: 14px;
	left: 0px;
	top: 77px;
	margin-left: 10px;
	line-height: 26px;
	text-align: left;
	border-top: solid 2px #FFFFFF;
	display: none;
	background: rgba(255, 255, 255, 0.3)
}

.prosubmenu .navlist {
	height: 40px;
	line-height: 38px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 14px;
	filter: alpha(opacity:80);
	opacity: 0.8;
	background: rgba(255, 255, 255, 0.1);
	cursor: pointer;
}

.prosubmenu .navlist a {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 38px;
	display: block;
}

.prosubmenu .navlist:hover {
	font-weight: bold;
	filter: alpha(opacity:100);
	opacity: 1;
	background: rgba(255, 255, 255, 0.5)
}*/
.prosubmenu{
	width: 140px;
	position: absolute;
	font-size: 14px;
	left: 0px;top:77px;
	margin-left: 10px;
	line-height: 26px;
	text-align: left;
	border-top:solid 2px #FF7200;
	display: none;
	background:rgba(255,255,255,1);
	box-shadow: 3px 3px 10px #efefef;
}

.prosubmenu .navlist{
	height: 40px;
	line-height: 38px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	font-size: 14px;
	filter:alpha(opacity:80);
	opacity:0.8; 
	background:rgba(255,255,255,0.1);
	cursor: pointer;
}
.prosubmenu .navlist a{
	color:#333 ;
	font-size: 14px;
	line-height: 38px;
	display: block;	
}
.prosubmenu .navlist a:hover{
	color:#FF7200 ;
	font-weight: bold;
}
.prosubmenu .navlist:hover{
	background:#efefef;
}
/*白色背景下的下拉菜单*/
.prosubmenu1{
	width: 140px;
	position: absolute;
	font-size: 14px;
	left: 0px;top:77px;
	margin-left: 10px;
	line-height: 26px;
	text-align: left;
	border-top:solid 2px #FF7200;
	display: none;
	background:rgba(255,255,255,1);
	box-shadow: 3px 3px 10px #efefef;
}

.prosubmenu1 .navlist{
	height: 40px;
	line-height: 38px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	font-size: 14px;
	filter:alpha(opacity:80);
	opacity:0.8; 
	background:rgba(255,255,255,0.1);
	cursor: pointer;
}
.prosubmenu1 .navlist a{
	color:#333 ;
	font-size: 14px;
	line-height: 38px;
	display: block;	
}
.prosubmenu1 .navlist a:hover{
	color:#FF7200 ;
	font-weight: bold;
}
.prosubmenu1 .navlist:hover{
	background:#efefef;
}

/*彩色背景下的下载按钮*/
.download {
	float: right;
	margin-top: 26px;
	border: solid #ffffff 1px;
	width: 114px;
	height: 32px;
	border-radius: 5px;
	padding-top: 4px;
}

.download:hover {
	background: #FFFFFF;
	border: solid #FFFFFF 1px;
}

.download a {
	font-size: 16px;
	color: #fff;
	display: block;
}
.download a:hover {
	color: #FF7200;
}

/*白色背景下的下载按钮*/
.download1 {
	float: right;
	margin-top: 26px;
	border: solid #333 1px;
	width: 114px;
	height: 32px;
	border-radius: 5px;
	padding-top: 4px;
}

.download1:hover {
	background: #FF7200;
	border: solid #FF7200 1px;
}

.download1 a {
	font-size: 16px;
	color: #333;
	display: block;
}
.download1 a:hover {
	color: #FFFFFF;
}

.banner_english {
	position: absolute;
	margin: 0 auto;
	top: 25%;
	left: 45%;
}

.banner_english h2 {
	font-size: 18px;
	color: #fff;
	text-align: left;
	line-height: 30px;
}

.banner_chinese {
	position: absolute;
	margin: 0 auto;
	top: 53%;
	left: 27%;
}

.banner_chinese h1 {
	font-size: 32px;
	color: #fff;
	text-align: left;
	line-height: 48px;
	letter-spacing: 5px;
}


/*-------------------nav  end----------------------------*/

.inner_wrap_big {
	width: 100%;
	margin: 0 auto;
}

.inner_wrap {
	margin: 0 auto;
	width: 1024px;
}

.inner_one {
	width: 1024px;
	margin: 0 auto;
}

.inner_one_li {
	float: left;
	width: 265px;
	height: 200px;
	margin-right: 110px;
}

.inner_one_li .inner_one_top {
	float: left;
	margin-top: 30px;
}

.inner_one_li .inner_one_top .inner_one_top_img {
	width: 100px;
	height: 85px;
	float: left;
	text-align: left;
}

.inner_one_li .inner_one_top .inner_one_top_h2 {
	float: left;
}

.inner_one_li .inner_one_top .inner_one_top_h2 h2 {
	color: #000000;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}

.inner_one_li .inner_one_bottom {
	width: 230px;
	float: left;
}

.inner_one_li .inner_one_bottom p {
	color: #535353;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: left;
}


/*.inner_one_li:last-child{ margin-right:inherit;}*/

.inner_one_lii {
	float: left;
	width: 265px;
	height: 200px;
	/* margin-right:110px;*/
}

.inner_one_lii .inner_one_top {
	float: left;
	margin-top: 30px;
}

.inner_one_lii .inner_one_top .inner_one_top_img {
	width: 100px;
	height: 85px;
	float: left;
	text-align: left;
}

.inner_one_lii .inner_one_top .inner_one_top_h2 {
	float: left;
}

.inner_one_lii .inner_one_top .inner_one_top_h2 h2 {
	color: #000000;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}

.inner_one_lii .inner_one_bottom {
	width: 230px;
	float: left;
}

.inner_one_lii .inner_one_bottom p {
	color: #535353;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: left;
}

.inner_middle {
	width: 1024px;
	margin: 0 auto;
	background: url(../images/inner_bg.png) no-repeat center center;
	height: 438px;
	position: relative;
}

.inner_middle .abl_middle {
	position: absolute;
	left: 0;
	top: 25%;
}

.inner_middle .abr_middle {
	position: absolute;
	right: 0;
	top: 25%;
}


/*---------------inner_wrap_big end ----------------------------------*/

.lunbo_big {
	width: 100%;
	margin: 0 auto;
	background: url(../images/banner_bg.png) no-repeat center center;
	background-size: cover;
	height: 583px;
}

.lunbo_top {
	padding-top: 50px;
}

.lunbo_top h1 {
	font-size: 27px;
	color: #fff;
	line-height: 50px;
	height: 50px;
	font-weight: 500;
}

.lunbo_top p {
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	height: 25px;
}

.lunbo_content {
	width: 1370px;
	margin: 0 auto;
	padding-top: 50px;
}

.lunbo_content_pic {
	padding-top: 60px;
	min-height: 250px;
	margin: 0 auto;
}

.lunbo_content_pic ul li {
	width: 432px;
	margin: 0px 10px;
	float: left;
}

.lunbo_content_pic ul li img {
	width: 432px;
	height: 225px;
	float: left;
	box-shadow: 3px 3px 12px #888888;
}

.lunbo_content_pic ul li a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}


/*-----------------------------------------*/

.style_web {
	width: 100%;
	margin: 0 auto;
}

.style_web style_web_content {
	width: 1024px;
	margin: 0 auto;
}

.style_top {
	width: 1024px;
	margin: 0 auto;
}

.style_web_content h1 {
	color: #535353;
	font-size: 27px;
	line-height: 50px;
}

.style_web_content p {
	color: #707070;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 1px;
}

.style_web_list {
	width: 1024px;
	margin: 0 auto;
	padding-top: 70px;
}

.style_web_list ul li {
	float: left;
	margin: 10px 50px;
}

.style_web_list ul li .style_web_list_img {
	height: 180px;
}

.style_web_list ul li h3 {
	color: #000000;
	font-size: 18px;
	line-height: 50px;
}

.style_web_list ul li p {
	color: #535353;
	font-size: 12px;
}


/*■■■■■■■■■■■关于我们■■■■■■■■■■■*/
.about_nav {
	margin: 0 auto;
	height: 56px;
	width: 1200px;
	border-bottom:2px solid #e0e0e0;
	padding-top: 0px;
	
}
.about_nav ul  {
	padding: 0px;
	margin: 0 auto;
	width: 1000px;
}
.about_nav ul li {
	float: left;
	position: relative;
	padding: 17px 5px 12px 5px;
	margin: 0px 35px -20px 35px;
}
.about_nav ul li:hover {
	border-bottom:2px solid #FF7200;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
.about_nav .active {
	border-bottom:2px solid #FF7200;
}
.about_nav ul li a {
	color: #999999;
	font-size: 20px;
	display: inline-block;
	line-height: 25px;
}

.about_nav ul li a:hover {
	color: #FF7200;
}

.contact_title {
	margin: 0 auto;
	font-size: 32px;
}
.contact_content {
	color: #666666;
	line-height: 40px;
	font-size: 20px;
	text-align: left;
	margin: 0 auto;
	width: 1200px;
}


/*---------价值观图片--------------------------*/
.contact_bg {
	width: 100%;
	height: 359px;
	margin: 0 auto;
	background: url(../img/jiazhiguan.png) no-repeat center center;
	background-size: cover;
}
/*---------联系我们地图--------------------------*/
.contact_map {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	background: url(../img/map.png) no-repeat center center;
	background-size: cover;
}



.contact_btn a {
	width: 300px;
	height: 75px;
	font-size: 30px;
	color: #fff;
	background: #e7b91a;
	display: inline-block;
	line-height: 75px;
	border-radius: 8px;
}

.contact_btn p {
	color: #fff;
	line-height: 25px;
	font-size: 12px;
}


/*--------------------------------------------*/

.happy_web_big {
	width: 100%;
	margin: 0 auto;
}

.happy_web {
	width: 1024px;
	margin: 0 auto;
}

.happy_web ul li {
	float: left;
	width: 445px;
	margin-left: 20px;
	margin: 20px 30px;
	margin: 30px 10px 30px 50px;
}

.happy_web_list {}

.happy_web_img {
	float: left;
	width: 162px;
}

.happy_web_right {
	float: left;
	width: 230px;
}

.happy_web_right h2 {
	text-align: left;
	font-size: 18px;
	color: #0000;
	line-height: 30px;
	margin-bottom: 40px;
}

.happy_web_right p {
	text-align: left;
	font-size: 12px;
	color: #535353;
	line-height: 25px;
	letter-spacing: 1px;
}

.happy_btn a {
	width: 302px;
	height: 70px;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	line-height: 70px;
	background: #3BAFDA;
	border-radius: 8px;
	margin-top: 40px;
}


/*-------------------happy_web_big end----------------------------------------*/


/*.footer_big{ width:100%; height:258px; margin:0 auto; background:#434343;}
.footer{ width:940px; margin:0 auto; padding-top:40px;}
.footer_left{ float:left; width:325px;}
.footer_left ul li{ float:left; margin:10px 50px;}
.footer_left ul li a{ color:#fff; font-size:12px; display:inline-block;font-weight:700;}

.footer_middle{ width:300px; margin:0 auto; float:left;}
.footer_middle p{ color:#fff; font-size:12px; line-height:40px; font-weight:700;}

.footer_right{ width:300px; margin:0 auto;float:left;}
.footer_right p{ color:#fff; font-size:12px; line-height:40px;font-weight:700;}

.footer_bottom p{ font-size:12px; color:#0099cc;}*/

.footer_big {
	width: 100%;
	height: 426px;
	background: #222325;
	float: left;
}

.footer_big .footer_top {
	font-size: 16px;
	height: 86px;
	width: 1100px;
	margin: 0 auto;
	padding-top: 44px;
	color: #FF7200;
	text-align: left;
}

.footer_big .footer_top a {
	font-size: 14px;
	color: #ececec;
	padding: 0 12px;
}

.footer_big .footer_top span {
	font-size: 14px;
	color: #ececec;
}

.footer_big .footer_top a:hover {
	color: #FF7200;
}

.footer_big .footer_line {
	height: 1px;
	background-color: #38393B;
	width: 1204px;
	margin: 0 auto;
}

.footer_content {
	width: 1100px;
	height: 250px;
	margin: 0 auto;
	padding-top: 35px;
}

.footer_content .nav_box {
	float: left;
	color: #ececec;
	width: 290px;
	height: 180px;
	font-size: 14px;
	margin-left: 0px;
	border-right: solid 1px #38393B;
	text-align: left;
}

.footer_content .nav_box .title {
	font-size: 20px;
	color: #FF7200;
	margin-top: -5px;
}

.footer_content .nav_box ul {
	margin-top: 10px;
}

.footer_content .nav_box ul li {
	margin-top: 4px;
	font-size: 14px;
	color: #ececec;
}

.footer_content .nav_box ul li a {
	color: #ececec;
}

.footer_content .nav_box ul li a:hover {
	color: #FF7200;
}

.footer_big .footer_bottom {
	color: #ececec;
	font-size: 12px;
	height: 86px;
	padding-top: 28px;
	text-align: center;
}

.home {
	bottom: 6px;
	height: 50px;
	position: fixed;
	right: 0px;
	width: 70px;
	z-index: 999;
}


/* side 浮动客服栏 */

.side {
	position: fixed;
	width: 54px;
	height: 275px;
	right: 0;
	bottom: 33px;
	z-index: 100;
}

.side ul li {
	width: 54px;
	height: 54px;
	float: left;
	position: relative;
	border-bottom: 1px solid #000;
	margin-top: 1px;
}

.side ul li .sidebox {
	position: absolute;
	width: 54px;
	height: 54px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: #e4e4e4;
	opacity: 1;
	filter: Alpha(opacity=80);
	color: #fff;
	font: 14px/54px "微软雅黑";
	overflow: hidden;
	text-align: left;
	
}

.side ul li .sidetop {
	width: 54px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	background: #5f5f5f;
	opacity: 1;
	filter: Alpha(opacity=100);
	transition: all 0.3s;
}

.side ul li .sidetop:hover {
	background: #5f5f5f;
	opacity: 1;
	filter: Alpha(opacity=100);
}

.side ul li img {
	float: right;
}


/*------------------------------------------*/


/*------------------------------------------*/

.login_big {
	width: 100%;
	min-height: 690px;
	background: url(../images/login_bg.png) no-repeat 100% 100%;
	/*    padding-top: 60px;*/
	background-size: cover;
	position: relative;
	/*vertical-align: middle;*/
}


/*.login_big{ padding-top: 60px;}*/

.login_content {
	width: 31.6%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/*position: absolute;*/
	padding-top: 5%;
	margin: 0 auto;
	/*top: 20%;
    left: 35%;*/
}

.login_top {
	/width: 100%;
	height: 120px;
	background: url(../images/login_banner.png) no-repeat;
	position: relative;
	/*background-size: cover;*/
	background-size: 100% 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.login_a {
	position: absolute;
	right: 20px;
	bottom: 15px;
}

.login_a a {
	font-size: 16px;
	color: #fff;
	margin: 0px 5px;
}

.login_form {
	padding: 0 5% 3%;
	background: #fff;
}

.login_form p {
	font-size: 14px;
	color: #707070;
	text-align: left;
	height: 35px;
	line-height: 35px;
}

.login_input {
	text-align: left;
	width: 100%;
	height: 40px;
	border: 2px solid #dcdcdc;
	border-radius: 8px;
}

.login_input .input_img {
	float: left;
	padding-top: 6px;
}

.login_input .input_img img {
	text-align: left;
	display: block;
	padding: 6px 10px;
	width: 17px;
	height: 17px;
}

.login_input input {
	width: 80%;
	height: 35px;
	float: left;
	font-size: 14px;
	color: #a0a0a0;
	padding-left: 10px;
	/* border: 1px solid red; */
	margin-top: 4px;
	line-height: 35px;
}

.login_input input:focus {
	outline: 0;
}

.login_bottom {
	background: #eeeeee;
	width: 100%
}

.login_check {
	float: left;
	padding: 5%;
}

.login_check h5 {
	font-size: 16px;
	color: #a0a0a0;
	font-weight: 500;
	float: left;
	line-height: 25px;
	padding-left: 20px;
}

.login_check input {
	width: 25px;
	height: 25px;
	float: left;
}

.login_p {
	padding-top: 20px;
	margin: 0 auto;
	width: 50%;
	height: 40px;
	padding-left: 5px;
	float: left;
}

.login_p p {
	font-size: 14px;
	color: #0099cc;
	line-height: 40px;
	float: left;
	margin-right: 20px;
}

.login_p a {
	width: 25px;
	display: inline-block;
	margin: 0px 5px;
	float: left;
}

.login_btn {
	float: left;
	padding-top: 22px;
}

.login_btn a {
	width: 65px;
	height: 30px;
	display: inline-block;
	background: #0099cc;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	border-radius: 7px;
}

.login_p a img {
	width: 20px;
	height: 20px;
	display: block;
	padding-top: 7px;
}


/*-------------------login end---------------------------*/

.login_error {
	background: #e7b91a;
	/*margin-top:25px;*/
}

.login_error p {
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	text-indent: 1em;
}


/*----------------login_error---------------------*/

.register_content {
	width: 38%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0 auto;
	/*position:absolute;*/
	/*top: 15%;*/
	padding-top: 5%;
	/* left: 32%;*/
}

.register_top {
	/*width: 600px;*/
	height: 130px;
	background: url(../images/register_top.png) no-repeat;
	position: relative;
	/*background-size: cover;*/
	background-size: 100% 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.register_a {
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.register_a a {
	font-size: 14px;
	color: #fff;
	margin: 0px 5px;
}

.form_main {
	width: 100%;
	margin: 0 auto;
	height: 322px;
}

.register_form {
	width: 60%;
	padding: 0% 5%;
	background: #fff;
	float: left;
}

.register_form p {
	font-size: 14px;
	color: #707070;
	text-align: left;
	height: 40px;
	line-height: 40px;
}

.register_input {
	text-align: left;
	width: 100%;
	height: 40px;
	border: 2px solid #dcdcdc;
	border-radius: 8px;
}

.register_input .input_img {
	float: left;
	padding-top: 7px;
}

.register_input .input_img img {
	text-align: left;
	display: block;
	padding: 5px;
	width: 17px;
	height: 17px;
}

.register_input input {
	width: 80%;
	height: 28px;
	float: left;
	font-size: 14px;
	color: #a0a0a0;
	padding-left: 10px;
	/* border: 1px solid red; */
	margin-top: 6px;
	line-height: 28px;
}

.register_input input:focus {
	outline: 0;
}

.res_psd {
	width: 100%;
	margin: 0 auto;
}

.res_password {
	width: 180px;
	float: left;
}

.register_input2 {
	text-align: left;
	width: 95%;
	height: 40px;
	border: 2px solid #dcdcdc;
	border-radius: 8px;
	float: left;
}

.register_input2 input {
	width: 70%;
	height: 30px;
	float: left;
	font-size: 14px;
	color: #a0a0a0;
	padding-left: 10px;
	/* border: 1px solid red; */
	line-height: 30px;
}

.register_input2 input:focus {
	outline: 0;
}

.agreement input {
	width: 20px;
	height: 20px;
	text-align: left;
	float: left;
	background: #fff;
	margin-top: 5px;
}

.agreement p {
	font-size: 14px;
	color: #707070;
	float: left;
	text-indent: 0.4em;
	line-height: 30px;
	/* letter-spacing: 1px; */
}

.agreement a {
	color: #0099cc;
	font-size: 14px;
	float: left;
	padding-left: 20px;
	margin-top: 5px;
}

.resgist_right {
	float: left;
	width: 26%;
	height: 311px;
	background: #e5e5e5;
	padding: 2% 2% 0 2%;
	/* padding-bottom: 14.5%; */
}

.resgist_right {
	text-align: left;
}

.resgist_right h3 {
	font-size: 14px;
	color: #0099cc;
	line-height: 35px;
	margin-bottom: 19px;
}

.resgist_right ul li {
	font-size: 14px;
	color: #0099cc;
	line-height: 30px;
}

.resgist_right p {
	color: #000000;
	font-size: 14px;
}

.res_bottom {
	background: #eeeeee;
	padding: 3%;
}

.res_bottom .res_bottom_btn {
	float: left;
	width: 70%;
}

.res_bottom .res_bottom_btn a {
	width: 100px;
	height: 40px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	background: #0099cc;
	border-radius: 7px;
	float: left;
	line-height: 40px;
}

.res_bottom .res_bottom_right {
	float: left;
	padding-left: 20px;
}

.res_bottom .res_bottom_right a {
	font-size: 14px;
	color: #0099cc;
	float: right;
	text-align: left;
	line-height: 40px;
}


/*--------------resgister   end  -----------------------------------*/

.product_big_bg {
	width: 100%;
	margin: 0 auto;
	background: url(../images/prudouct_banner_bg.png) no-repeat center center;
	background-size: cover;
	height: 601px;
	position: relative;
}

.free_composing {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.free_composing_content {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}

.free_composing_content .content-group-text {
	float: left;
	display: inline-block;
	margin-left: 40px;
	line-height: 1.8;
	text-align: right;
	font-size: 16px;
	color: #666;
	padding-top: 10px;
}

.free_composing_content .content-group-title {
	padding-bottom: 10px;
	line-height: 40px;
	font-size: 28px;
	color: #444;
	font-weight: normal;
	margin: 0 auto;
}

.free_composing_content.content-group-title p {
	line-height: 1.8;
	text-align: right;
	font-size: 16px;
	color: #666;
}

.free_composing_content .content-group-image {
	float: right;
	display: inline-block;
	margin-right: 30px;
	width: 560px;
}


/*-------------------------------------------*/

.support {
	/*height: 300px;*/
	background-color: #F4F4F4;
	margin: 0 auto;
	width: 100%;
}

.support .content-group-image {
	float: left;
	display: inline-block;
	margin-right: 30px;
}

.support .content-group-text {
	float: right;
	display: inline-block;
	margin-left: inherit;
	line-height: 1.8;
	text-align: left;
	font-size: 16px;
	color: #666;
	padding-top: 20px;
}

.support .content-group-title p {
	line-height: 1.8;
	text-align: left;
	font-size: 16px;
	color: #666;
}


/*-------------------------------------------------*/


/*-------------------------------------------------*/

.product_contact_bg {
	width: 100%;
	margin: 0 auto;
	background: url(../images/product_bg2.png) no-repeat center center;
	height: 202px;
	background-size: cover;
}

.product_contact_btn {
	padding-top: 70px;
	margin: 0 auto;
}

.product_contact_btn a {
	width: 300px;
	height: 75px;
	font-size: 30px;
	color: #fff;
	background: #e7b91a;
	display: inline-block;
	line-height: 75px;
	border-radius: 8px;
}

.product_contact_btn a:hover {
	width: 300px;
	height: 75px;
	font-size: 30px;
	color: #fff;
	background: #5fbdf9;
	display: inline-block;
	line-height: 75px;
	border-radius: 8px;
}

.product_contact_btn p {
	color: #fff;
	line-height: 25px;
	font-size: 12px;
}


/*-----------------product_zt_bg begin---------------------------------------------*/

.product_zt_bg {
	width: 100%;
	margin: 0 auto;
	background: url(../images/product_zt_bg.png) no-repeat center center;
	background-size: cover;
	height: 601px;
	position: relative;
}


/*--------------------wmf_help_bg begin------------------------------------------*/

.wmf_help_bg {
	width: 100%;
	margin: 0 auto;
	background: url(../images/wmf_help_bg.jpg) no-repeat center center;
	background-size: cover;
	height: 601px;
	position: relative;
}


/*-------------------------------------------------*/

.help_progrom_big {
	width: 100%;
	margin: 0 auto;
	background: #eeeeee;
}

.help_progrom {
	width: 1024px;
	margin: 0 auto;
}

.help_li .help_li_img {
	height: 180px;
}

.help_li h5 {
	font-size: 16px;
	color: #707070;
	text-align: left;
	line-height: 50px;
	padding: 0px 10px;
}

.help_li ul .help_list {
	float: left;
	margin: 0px 20px;
	width: 215px;
}

.help_li_content {
	padding: 0px 30px;
}

.help_li_content ul li {
	list-style: initial;
	font-size: 14px;
	color: #a0a0a0;
	text-align: left;
	line-height: 25px;
}

.help_list a {
	width: 105px;
	height: 35px;
	line-height: 35px;
	background: #3BAFDA;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	float: left;
	margin-top: 30px;
	margin-left: 15px;
}


/*--------------------------------------*/

.help_seacher_big {
	width: 100%;
	margin: 0 auto;
	height: 400px;
}

.help_seacher {
	width: 1024px;
	margin: 0 auto;
}

.help_seacher_top {
	width: 1024px;
	margin: 0 auto;
	border-bottom: 1px solid #80cce5;
}

.help_seacher_top p {
	color: #a0a0a0;
	font-size: 14px;
	float: left;
	text-align: left;
	line-height: 35px;
}

.seacher_right {
	float: right;
	border: 1px solid #dcdcdc;
	width: 270px;
	height: 28px;
}

.seacher_text {
	float: left;
	line-height: 28px;
	width: 230px;
	outline: 0;
	text-indent: 1em;
}

.seacher_btn {
	float: left;
	background: url(../images/seacher.png) no-repeat center center;
	height: 28px;
	width: 40px;
	outline: 0;
	cursor: pointer
}

.help_seacher_container {
	width: 1024px;
	margin: 0 auto;
}

.help-update-wrap {
	float: left;
	width: 470px;
}

.help-update-wrap .help-update-title {
	clear: both;
	margin: 20px 0;
	line-height: 35px;
	text-align: left;
	font-size: 24px;
	color: #444;
}

.help-update-wrap .help-update-list {
	clear: both;
	display: list-item;
	margin: 0;
	padding: 0;
}

.help-update-wrap .help-update-list .help-update-list-item {
	clear: both;
	padding: 0 100px 0 0;
	line-height: 35px;
	text-align: left;
	font-size: 14px;
	list-style: none;
	color: #666;
}

.help-update-wrap .help-update-list .help-update-list-item a {
	line-height: 35px;
	text-align: left;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}

.help-update-wrap .help-update-list .help-update-list-item .help-update-date {
	float: right;
	margin-right: -100px;
	width: 100px;
	line-height: 35px;
	text-align: right;
	color: #999;
}

.help-update-wrap .help-update-more {
	float: left;
	display: block;
	margin-top: 20px;
	width: 120px;
	line-height: 40px;
	border-radius: 3px;
	background-color: #3BAFDA;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.help-quick-nav {
	float: right;
	margin: 0;
	padding: 0;
	width: 550px;
	list-style: none;
}

.help-quick-nav .help-quick-nav-item {
	float: left;
	display: inline-block;
	margin: 20px 10px 0 10px;
	width: 162px;
	height: 150px;
}

.help-quick-nav .help-quick-nav-item a {
	display: block;
	height: 150px;
	border-radius: 3px;
	background-color: #fff;
	color: #a0a0a0;
	border: 1px solid #ddd;
}

.help-quick-nav .help-quick-nav-item a:hover {
	border-color: #3BAFDA;
	background-color: #f7f7f7;
	color: #3BAFDA;
	text-decoration: none;
}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-icon {
	clear: both;
	display: block;
	height: 100px;
	line-height: 100px;
	text-align: center;
	filter: alpha(opacity=60);
	padding-top: 6px;
}

.help-quick-nav .help-quick-nav-item a .help-quick-nav-title {
	clear: both;
	line-height: 30px;
	font-size: 14px;
}

.help_progrom h1 {
	color: #000000;
	font-size: 27px;
	line-height: 60px;
	font-weight: 500;
}


/*------------wmf_help_end--------------------------------*/

.inner-wrap {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1160px;
}

.template-topbar {
	clear: both;
	padding: 20px 0px;
	height: 40px;
	border-bottom: 1px solid #ddd;
}

.template-topbar .template-type {
	float: left;
	display: inline-block;
	width: 160px;
	height: 30px;
}

.hide {
	display: none !important;
}

.cube-select {
	position: relative;
	margin-right: 10px;
	padding: 0 30px 0 10px;
	height: 30px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background: #fff url(../images/select-arrow.jpg) no-repeat right center;
	cursor: pointer;
}

.cube-select input {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	border: 0;
	outline: 0;
	background: none;
}

.cube-select ul {
	display: none;
	position: absolute;
	right: -1px;
	left: -1px;
	top: 29px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	max-height: 250px;
	overflow-y: auto;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 2px 2px;
	z-index: 9999;
}

.cube-select ul li {
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
	cursor: pointer;
}

.cube-select ul li.on {
	background-color: #eee;
	color: #444;
}

.cube-select {
	position: relative;
	margin-right: 10px;
	padding: 0 30px 0 10px;
	height: 30px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background: #fff url(../images/select-arrow.jpg) no-repeat right center;
	cursor: pointer;
}

.template-topbar .template-color {
	float: right;
	display: inline-block;
	height: 30px;
}

.template-color .template-color-item.color-red {
	background-color: #EF5350;
}

.template-color .template-color-item {
	float: left;
	display: inline-block;
	margin: 5px 10px 0 0;
	width: 20px;
	height: 20px;
	border-radius: 2px;
}


/*input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox {
    box-sizing: border-box;
    padding: 0;
}
*/

.template-color .template-color-item a {
	display: block;
	height: 20px;
	border-radius: 2px;
}

.template-color .template-color-item.color-blue {
	background-color: #42A5F5;
}

.template-color .template-color-item.color-green {
	background-color: #66BB6A;
}

.template-color .template-color-item.color-orange {
	background-color: #FFA726;
}

.template-color .template-color-item.color-yellow {
	background-color: #FFEE58;
}

.template-color .template-color-item.color-purple {
	background-color: #AB47BC;
}

.template-color .template-color-item.color-pink {
	background-color: #EC407A;
}

.template-color .template-color-item.color-gray {
	background-color: #BDBDBD;
}

.template-color .template-color-item.color-black {
	background-color: #2F353B;
}

.template-color .template-color-item.color-white {
	border: 1px solid #ddd;
	background-color: #fff;
}

.template-color .template-color-item.color-more {
	background: url(../images/template-color-more.gif) no-repeat;
}


/*---------------------------------*/

.template-list {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pm-template-list .template-list-item {
	width: 260px;
}

.template-list .template-list-item {
	float: left;
	display: block;
	margin: 0 40px 30px 0;
	width: 260px;
	/* height: 290px;*/
}

.template-list .template-list-item .template-list-image {
	position: relative;
	z-index: 1;
	clear: both;
	height: 208px;
	border-radius: 2px;
	background: url(../images/template-list-image-bg.gif) no-repeat center;
}

.pm-template-list .template-list-item .template-list-image .template-pc-group {
	position: absolute;
	top: 14px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	width: 256px;
	height: 192px;
}

.template-list .template-list-item .template-list-image img {
	margin: 0px 2px 2px -1px;
	width: 256px;
	height: 192px;
	border-radius: 2px;
}

.template-list .template-list-item .template-list-title {
	clear: both;
	line-height: 35px;
	text-align: left;
	font-size: 16px;
	color: #444;
}

.template-list .template-list-item .template-list-info {
	clear: both;
	height: 60px;
}

.template-list .template-list-item .template-list-info .template-num {
	clear: both;
	line-height: 30px;
	text-align: left;
	color: #999;
}

.template-list .template-list-item .template-list-info .template-designer {
	float: left;
	display: inline-block;
	line-height: 30px;
	text-align: left;
	color: #999;
}

.template-list .template-list-item .template-list-info .template-price-btn {
	float: right;
	display: inline-block;
	padding: 4px 15px 5px 15px;
	line-height: 1.4;
	border-radius: 2px;
	border: 1px solid #9EC7EC;
	background-color: #fff;
	text-align: center;
	color: #5CA2E0;
	font-size: 14px;
}

.template-pagination {
	display: inline-block;
	margin: 60px auto;
	height: 35px;
}

.template-pagination a.current {
	border-color: #9EC7EC;
	background-color: #9EC7EC !important;
	color: #fff !important;
}

.template-pagination a {
	display: inline-block;
	margin-right: 5px;
	width: 35px;
	line-height: 35px;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
	color: #999;
}

.template-pagination a:hover {
	background-color: #f4f4f4;
	color: #444;
	text-decoration: none;
}


/*----------------------------------------------------------*/

.wrap {
	margin: 0 auto;
	width: 100%;
}

.product-container-wrap {
	padding: 50px 0;
	margin-bottom: 150px;
}

.inner-wrap {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 1160px;
}

.product-group {
	position: relative;
	width: 1160px;
	height: 1650px;
}

.product-group .product-group-item.product-titlebar {
	left: 0;
	width: 200px;
}

.product-group .product-group-item {
	position: absolute;
	top: 0;
	z-index: 10;
	width: 480px;
}

.product-group .product-group-item .product-group-topbar {
	clear: both;
	padding-top: 10px;
	height: 90px;
	background-color: #5FBDF9;
	text-align: center;
	color: #fff;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.product-group .product-group-item .product-group-topbar h4 {
	clear: both;
	line-height: 30px;
	font-size: 16px;
	font-weight: normal;
}

.product-group .product-group-item .product-group-topbar .product-price {
	clear: both;
	line-height: 50px;
	font-size: 28px;
	font-weight: normal;
}

.product-group .product-group-item .product-group-list {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #ddd;
	border-top: 0;
	background-color: #fff;
}

.product-group .product-group-item .product-group-list .product-group-list-item {
	clear: both;
	display: block;
	margin: 0;
	padding-top: 15px;
	background-color: #fff;
	list-style: none;
	text-align: center;
	font-size: 14px;
	height: 35px;
}

.product-group .product-group-item .product-group-list .product-group-list-item.even {
	background-color: #f4f4f4;
	color: #444;
}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	background-color: #5FBDF9;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.product_btn {
	padding: 15px 0;
}

.product-group .product-group-item .product-group-list .product-group-list-item .product-group-btn:hover {
	background-color: #5CA2E0;
	color: #fff;
	text-decoration: none;
}


/*----------------------------------------------*/


/*------------------会员中心----------------------*/

.hy_top {
	width: 100%;
	margin: 0 auto;
	background: #000000;
	height: 60px;
}

.hy_top .header {
	width: 1024px;
	height: 60px;
	margin: 0 auto;
}

.hy_top .logo {
	float: left;
	margin-top: 5px;
}

.hy_top .nav {
	margin-left: 100px;
	float: left;
	height: 60px;
}

.hy_top .nav ul li {
	float: left;
	width: 115px;
	position: relative;
}

.hy_top .nav ul li a {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	line-height: 60px;
	width: 115px;
}

.hy_top .nav ul li .yzcp {
	margin: 0px 10px;
}

.hy_top .nav ul li:hover {
	font-size: 16px;
	display: inline-block;
	line-height: 60px;
	background: #00a0e9;
	height: 60px;
	width: 115px;
}

.hy_top .nav ul a:hover {
	font-size: 16px;
	display: inline-block;
	line-height: 60px;
}

.select_zt_bg {
	width: 100%;
	height: 100%;
	background: #eeeeee;
}

.select_big {
	width: 1200px;
	padding: 20px;
	margin: 0 auto;
	background: #fff;
	border-radius: 8px;
}

.select_mb {
	height: 55px;
	margin: 0 auto;
	width: 1160px;
	border-bottom: 1px solid #e5e5e5;
}

.select_mb p {
	text-align: left;
	font-size: 12px;
	color: #535353;
	line-height: 55px;
	text-indent: 3px;
}

.yl {
	margin-right: 10px;
	background: #8fc31f !important;
	color: #fff !important;
	border: none !important;
	font-size: 10px;
}

.xz {
	background: #6dadea !important;
	color: #fff !important;
	border: none !important;
	font-size: 10px;
}


/*-----------------选择模板结束--------------------------------------*/


/*--------------用户资料------------------------*/

.user {
	float: right;
	padding-top: 5px;
	max-width: 112px;
}

.header-nav-item {
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-size: 0;
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.header-nav-item.user-infobar a.userinfo-link {
	color: #ddd;
	font-size: 12px;
}

.header-nav-item.user-infobar .user-header-img {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 28px;
	height: 50px;
}

.header-nav-item.user-infobar .user-header-img img {
	position: relative;
	z-index: 2;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.header-nav-item.user-infobar .user-name {
	display: inline-block;
	margin: 0 8px;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word;
	white-space: nowrap;
}

.header-nav-item.user-infobar .user-infobar-arrow {
	display: inline-block;
	font-size: 14px;
}

.header-nav-item.user-infobar .dropdown-menu {
	top: 84% !important;
	right: -4px;
}

.dropdown-menu span {
	position: absolute;
	top: -10px;
	left: 88%;
	width: 0;
	height: 0;
	border-top: 10px solid #fff;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	transform: rotate(180deg);
}

.dropdown-menu.bullet {
	margin-top: 8px;
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .175);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .175);
	font-size: 13px;
}

.pull-right {
	float: right!important;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.header-nav-item.user-infobar .dropdown-menu li a {
	color: #6C3333;
}

.dropdown-menu>li>a {
	padding: 5px 15px;
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	line-height: 35px;
	text-align: left;
}

.dropdown-menu li {
	text-align: left !important;
	height: 38px;
}

.dropdown-menu li img {
	margin-right: 10px;
	text-align: left;
	width: 23px;
}

.dropdown-menu li:hover {
	background: #e5e5e5;
}


/*-------------------------------------------------*/

.personal_enter_big {
	width: 100%;
	margin: 0 auto;
	background: #eeeeee;
	min-height: 400px;
}

.personal_enter {
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 10px 10px;
	min-height: 325px;
	border-radius: 5px;
}


/* box */

.personal_enter .box {
	width: 1000px;
	margin: 10px auto 0;
	background: #fff;
}

.personal_enter .tab_menu {
	overflow: hidden;
}

.personal_enter .tab_menu {
	border-bottom: 1px solid #eeeeee;
}

.personal_enter .tab_menu li {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #eeeeee;
	text-align: center;
	cursor: pointer;
}

.personal_enter .tab_menu li a {
	color: #898989 !important;
	display: inline-block;
}

.personal_enter .tab_menu li.current {
	color: #00a0e9;
	background: #fff;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}

.personal_enter .tab_menu li a {
	color: #fff;
	text-decoration: none;
}

.personal_enter .tab_menu li.current a {
	color: #00a0e9 !important;
}

.personal_enter .tab_box {
	padding: 10px;
}

.personal_enter .tab_box li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.personal_enter .tab_box li span {
	margin: 0 5px 0 0;
	font-family: "宋体";
	font-size: 12px;
	font-weight: 400;
	color: #ddd;
}

.personal_enter .tab_box .hide {
	display: none;
}

.personal_data {
	padding: 20px 55px;
}

.personal_data_left {
	float: left;
}

.personal_data_left img {
	text-align: left;
	float: left;
}

.personal_data_right {
	float: left;
	width: 650px;
	margin-left: 100px;
}

.personal_data_right ul li {
	float: left;
	font-size: 12px;
	color: #898989;
	width: 300px;
	margin-right: 20px;
	text-align: left;
}

.personal_data_right ul li i {
	font-weight: 500;
	font-style: initial;
	width: 100px;
	display: inline-block;
	font-size: 14px;
}

.personal_data_right ul li strong {
	font-weight: 500;
	font-size: 14px;
	margin-right: 20px;
}

.personal_data_right ul li a {
	background: #00a0e9;
	display: inline-block;
	color: #fff;
	width: 130px;
	height: 25px;
	text-align: center;
	border-radius: 5px;
	line-height: 25px;
}

.personal_data_width {
	width: 700px !important;
}

.personal_data_bottom {
	width: 700px;
	margin: 0 auto;
	margin-left: 125px;
}

.personal_data_bottom h3 {
	font-size: 14px;
	color: #898989;
	text-align: left;
	font-weight: 500;
}

.personal_data_bottom p {
	font-size: 14px;
	color: #898989;
	text-align: left;
	width: 550px;
	/*height:40px;*/
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis !important;
	white-space: nowrap;
	margin: 0 auto;
	display: inline-block;
}


/*---------------------system_message ------------------------*/

.system_message {
	width: 960x;
	margin: 0 auto;
	padding: 10px 10px;
}

.system_message_left {
	float: left;
}

.system_message_left p {
	color: #898989;
	font-size: 14px;
	line-height: 25px;
}

.system_message_left p span {
	color: #00a0e9;
	line-height: 25px;
}

.system_message_right {
	float: right;
	font-size: 14px;
}

.system_message_right input {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.system_message_right a {
	background: #e60012;
	color: #fff;
	margin-left: 20px;
	display: inline-block;
	width: 70px;
	line-height: 20px;
	height: 20px;
	border-radius: 3px;
	text-align: center;
}

.system_message_bottom {
	min-height: 120px;
	width: 960px;
	margin: 0 auto;
	border-bottom: 1px solid #eeeeee;
}

.all_read {
	width: 960px;
	margin: 0 auto;
}

.all_read p {
	color: #898989;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
}

.system_announcement {
	border-top: 1px solid #eeeeee;
	min-height: 215px;
	margin: 0 auto;
	max-height: 215px;
	width: 960px;
}


/*---------------------------------------*/


/*.tab-content>.active {
    display: block;
    visibility: visible;
}
.tab-content>.tab-pane {
    display: none;
    visibility: hidden;
}*/

.message-list-wrap {
	margin: 0;
	padding: 0;
}

.message-list-wrap .message-list-item {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: none;
	border-bottom: 1px solid #ddd;
	height: 70px !important;
}

.message-list-titlebar {
	clear: both;
	/*padding: 5px 0;*/
	height: 50px;
	box-sizing: content-box;
	-weight-box-sizing: content-box;
}

.message-list-titlebar .message-header {
	float: left;
	display: inline-block;
	margin-right: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

.message-list-titlebar .message-header img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.message-list-titlebar .message-title-wrap {
	float: left;
	display: inline-block;
	text-align: left;
}

.message-list-wrap .message-list-item.message-readed .message-title {
	color: #999;
	font-weight: normal;
}

.message-list-titlebar .message-title-wrap .message-title {
	clear: both;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	cursor: pointer;
}

.message-title a {
	color: #37BC9B;
}

.message-list-content {
	clear: both;
	padding-left: 70px;
	line-height: 1.8;
}

.collapse {
	display: none;
	visibility: hidden;
}

.collapse.in {
	display: block;
	visibility: visible;
}

.message-list-content {
	clear: both;
	padding-left: 70px;
	line-height: 1.8;
}

.label:empty {
	display: none;
}

.label-primary,
.badge-primary,
.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #37BC9B;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.text-minu {
	font-weight: normal !important;
}

.label-primary {
	background-color: #337ab7;
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.message-list-titlebar .message-title-wrap .message-date {
	clear: both;
	line-height: 20px;
	font-size: 12px;
	color: #999;
}

.collapse.in {
	display: block;
	visibility: visible;
}

.message-list-content {
	clear: both;
	padding-left: 70px;
	line-height: 1.8;
	text-align: left;
	font-size: 14px;
}

.collapse {
	display: none;
	visibility: hidden;
}

.collapse.in {
	display: block;
	visibility: visible;
}

.message-list-wrap .message-list-item .message-del {
	position: absolute;
	top: 10px;
	right: 10px;
	/*display: none;*/
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #999;
}

.fa {
	margin-right: 5px;
	font-size: 14px;
}

.template-list-page {
	margin-top: 20px;
	padding: 15px 0;
	border-top: 1px solid #eee;
	text-align: center;
}

.message-list-wrap .message-list-item.message-readed {}

.message-list-wrap .message-list-item:hover {
	background-color: #f7f7f7;
}

.message-list-wrap .message-list-item {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: none;
	border-bottom: 1px solid #ddd;
}


/*----------------------------transaction_record- begin---------------------*/

.transaction_record table .notop td {
	border-top: inherit;
}

.transaction_record table td {
	border-top: 1px solid #eeeeee;
	color: #707070;
	font-size: 14px;
	text-align: center;
	width: 165px;
	height: 45px;
}

.transaction_record table td a {
	background-color: #3BAFDA;
	border-color: #3BAFDA;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
}

.transaction_record_bottom {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-left: 10px;
}

.transaction_record_bottom ul li {
	font-size: 14px;
	color: #707070;
	line-height: 30px;
}


/*------------------------------------------------------------------------*/

.update_user_big {
	width: 100%;
	margin: 0 auto;
	background: #eeeeee;
	height: 707px;
	position: relative;
}

.update_user_big .update_user_content {
	width: 950px;
	min-height: 485px;
	margin: 0 auto;
	background: #ffffff;
}

.update_user_big .tab_menu {
	overflow: hidden;
}

.update_user_big .tab_menu li {
	float: left;
	width: 70px;
	height: 30px;
	line-height: 30px;
	color: #707070;
	background: #eeeeee;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
}

.update_user_big .tab_menu li.current {
	color: #fff;
	background: #00a0e9;
}

.update_user_big .tab_menu li a {
	color: #fff;
	text-decoration: none;
}

.update_user_big .tab_menu li.current a {
	color: #333;
}

.update_user_big .tab_box {
	padding: 20px 40px;
}

.update_user_big .tab_box li span {
	margin: 0 5px 0 0;
	font-family: "宋体";
	font-size: 12px;
	font-weight: 400;
	color: #ddd;
}

.update_user_big .tab_box .hide {
	display: none;
}

.tab_box i {
	font-style: inherit;
	font-size: 14px;
	color: #898989;
	line-height: 30px;
}

.tab_box input[type="text"] {
	width: 280px;
	height: 30px;
	border: 1px solid #e5e5e5;
	text-indent: 1em;
}

.upload-btn {
	width: 70px;
	height: 30px;
	float: left;
	position: relative;
}

.upload-btn a {
	display: inline-block;
	/* line-height: 60px; */
	background: #00a0e9;
	width: 70px;
	height: 30px;
	color: #ffffff;
	line-height: 30px;
	border-radius: 5px;
	margin-top: 15px;
	cursor: pointer;
}

.txsc ul li {
	float: left;
	background-size: cover;
	margin: 1%;
	text-align: left;
}

.txsc i {
	text-align: left !important;
	float: left !important;
	line-height: 60px;
	width: 50px;
}

.fabu_img {
	background: url(../images/tx_bg.png) no-repeat;
	width: 64px;
	height: 64px;
	float: left;
	border-radius: 32px;
	overflow: hidden;
}

.fabu_img img {
	width: 100%;
	height: 100%;
}

.upload {
	position: absolute;
	z-index: 10;
	background: red;
	left: 0;
	top: 15px;
	width: 70px;
	height: 30px;
	border-radius: 5px;
	opacity: 0;
}

.txsc p {
	width: 315px;
	float: left;
	line-height: 60px;
	font-size: 14px;
	color: #898989;
}

.user_left {
	float: left;
	min-width: 800px;
	text-align: left;
	max-width: 800px;
	margin-top: 20px;
}

.user_left i {
	width: 60px;
	text-align: left;
	float: left;
}

.user_left select {
	width: 280px;
	height: 30px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	color: #898989;
}

select option {
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}


/*------------------------------*/

.up_psd {
	width: 810px;
	height: 250px;
	float: left;
}

.up_psd i {
	font-style: inherit;
	font-size: 14px;
	color: #898989;
	line-height: 30px;
	width: 100px;
	text-align: left;
	display: inline-block;
}

.up_psd ul li {
	margin: 20px;
	text-align: left;
}

.qx {
	width: 70px;
	height: 30px;
	color: #707070;
	background: #eeeeee;
	border-radius: 5px;
	margin-right: 5px;
	font-size: 14px;
}

.bc {
	width: 70px;
	height: 30px;
	color: #ffffff;
	background: #00a0e9;
	border-radius: 5px;
	font-size: 14px;
}

hr {
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
	margin-top: 20px;
}

input:focus {
	outline: 0;
}

button:focus {
	outline: 0;
}

select:focus {
	outline: 0;
}


/*******************站点*****************************/

.zhanjian_bg {
	width: 100%;
	min-height: 630px;
	background: #eeeeee;
}

.zhandian_container {
	width: 1000px;
	padding: 15px;
	margin: 0 auto;
	min-height: 465px;
	background: #ffffff;
	border-radius: 5px;
}

.zhandian_xx {
	height: 55px;
	border-bottom: 1px solid #eeeeee;
}

.zhandian_xx p {
	color: #707070;
	font-size: 16px;
	font-weight: 600;
	line-height: 55px;
	text-align: left;
}

.zhandian_content ul {
	margin-left: 100px;
}

.zhandian_content ul li {
	margin: 10px 30px;
	float: left;
}

.zhandian_content ul li p {
	color: #707070;
	font-size: 14px;
}

.zhandian_content ul li p a {
	text-align: right;
	width: 80px;
	display: inline-block;
}

.zhandian_content ul li input {
	height: 35px;
	width: 365px;
	border: 1px solid #eeeeee;
	text-indent: 5px;
	font-size: 14px;
}

.zhandian_content ul li span {
	margin: 0px 25px;
}

.zhandian_content ul .yum span {
	background: #dcdcdc;
	height: 35px;
	width: 365px;
	display: inline-block;
}

.zhandian_content ul .yum span i {
	font-style: inherit;
	text-align: center !important;
	padding: 0px 10px;
	line-height: 33px;
}

.zhandian_content ul .yum input {
	width: 170px;
	height: 30px;
	background: #ffffff;
	padding-top: 3px;
	font-size: 14px;
}


/*--------------框架--------------------------*/

.iframe_top {
	width: 100%;
	margin: 0 auto;
	height: 60px;
	background: #262626;
}

.iframe_right {
	float: right;
}

.iframe_right_computer {
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 40px;
}

.iframe_right_computer a {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 34px;
	background-color: #939393;
	margin-top: 12px;
	border-radius: 4px;
}

.iframe_right_computer a img {
	width: 20px;
	height: 20px;
}

.share {
	float: left;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;
	padding: 0px 10px;
}

.share i {
	font-size: 14px;
	color: #fff;
	font-style: inherit;
	line-height: 60px;
}

.share a {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #939393;
	margin: 0px 5px;
	display: inline-block;
	line-height: 30px;
}

.iframe_word {
	float: left;
	margin: 0px 5px;
}

.iframe_word p {
	font-size: 14px;
	color: #fff;
	line-height: 60px;
}

.iframe_mb {
	float: left;
	padding: 0 10px;
	height: 60px;
	line-height: 60px;
	border-left: 1px solid #434343;
	font-size: 14px;
}

.iframe_mb a {
	display: inline-block;
	padding: 4px 8px 3px;
	width: 100px;
	line-height: 30px;
	border-radius: 3px;
	background-color: #8EC960;
	text-align: center;
	font-size: 14px;
	color: #fff;
}


/*-------------------------*/

.add_case_iframe {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: absolute;
}


/*----------------------站点管理-----------------------*/

.dashboard-topbar {
	clear: both;
	margin: 0 auto;
	width: 100%;
	z-index: 100;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.zd_manage_big ul li {
	background: #fff;
	margin-bottom: 10px;
}

.dashboard-topbar .dashboard-page-title {
	font-size: 14px;
	color: #3BAFDA;
	text-align: left;
	text-indent: 5em;
}

.zd_manage_big {
	clear: both;
	padding: 20px;
}

.site-list-topbar {
	clear: both;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
}

.site-list-topbar .site-name {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.site-list-topbar .site-name .label {
	font-weight: normal;
	background-color: #3BAFDA;
	margin-left: 10px;
}

.text-right {
	text-align: right !important;
}

.site-list-topbar .site-toolbar {
	display: inline-block;
	margin-top: 8px;
}

.site-list-topbar .site-toolbar .btn {
	font-size: 12px;
}

.site-list-container {
	padding-bottom: 10px;
}

.site-list-container .site-img {
	height: 104px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #E6E9ED;
	text-align: center;
	padding: 0;
	overflow: hidden;
	margin-top: 20px;
}

.site-list-container .site-img img {
	margin-left: -9px;
	height: 100%;
}

.site-list-container .site-img-btn {
	margin-top: 5px;
	text-align: center;
}

.site-list-container .site-info {
	line-height: 1.5;
	font-size: 13px;
	color: #999;
	padding-left: 50px;
}

.site-list-container .site-info p {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 30px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}


/*----------------------站点管理- end----------------------*/

/* ----------------------tabbtn---------------------- */
.tabbtn {
	height:38px;
}
.tabbtn li {
	float:left;
	position:relative;
	background:#ffffff;
	border-left:solid 1px #e0e0e0;
	border-top:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	border-right:solid 1px #e0e0e0;
	
}
.tabbtn li a {
	display:block;
	float:left;
	height:38px;
	line-height:38px;
	overflow:hidden;
	width:110px;
	text-align:center;
	font-size:18px;
	cursor:pointer;
}
.tabbtn li.current {
	border:solid 1px #FF605A;
}
.tabbtn li.current a {
	background:#FF605A;
	color:#ffffff;
}
/* ----------------------tabcon---------------------- */
.tabcon {
	border-width:0 1px 1px 1px;
	border-color:#ddd;
	border-style:solid;
	position:relative;/*必要元素*/
	
	overflow:hidden;
}
.tabcon .subbox {
	position:absolute;/*必要元素*/
	left:0;
	top:0;
}
.tabcon .sublist {
	padding:5px 10px;
	
}

/* ----------------------图片悬浮放大css---------------------- */
.itemzoom{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.itemzoom:hover{transform:scale(1.1);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2); cursor:pointer;}

.itemzoom11{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.itemzoom11:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1); cursor:pointer;}

/*左右移动动画*/
._tsL,._tsR{
    transition:all 1s ease;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
}
._tsL{ 
    transform:translateX(-100px);
    -o-transform:translateX(-100px);
	-webkit-transform:translateX(-100px);
	-moz-transform:translateX(-100px);
}
._tsR{ 
    transform:translateX(100px);
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -o-transform:translateX(100px);
}
.active ._tsL,.active ._tsR{
	transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);
}