@charset "utf-8";



/* CSS Document */



* {

    margin: 0px;

    padding: 0px;

    border: none;

    list-style: none;

    font-family: "Microsoft YaHei" ! important;

}



body {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    margin: 0px;

    padding: 0px;

    color: #333;

    background-color: #fff;

}



span {

    overflow: hidden;

    margin: 0 auto;

}



a {

    text-decoration: none;

    overflow: hidden;

    color: #666666;

    padding: 0px;

    cursor: pointer;

}



a:hover {

    text-decoration: none;

}



img {

    border: 0px;

}



.clear {

    clear: both;

}



ul li,

li {

    list-style: none

}



.wrapper {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}





/*头部*/



.top,

.contact,

.title,

.pro {

    width: 100%;

    height: auto;

    float: left;

}



.top {

    background-color: #be1d1d;

}



.top_box {

    width: 1280px;

    height: 100px;

    margin: 0 auto;

	padding-top:10px;

    /*background: url(../images/top.png) center no-repeat;*/

}



.banner{width: 100%; float: left; background: url(../images/banner.png) center top no-repeat; margin-top: 50px; }

.banner_box{ width: 1280px; margin:0 auto; }

.banner_title{ width:1031px; height: 150px; float: left;  }

.banner_con{ width:928px; height: 556px; float: left;  margin-top: 70px;  }



.banner_call {

    width: 610px;

    height: 70px;

    float: left;

    margin-left: 315px;

    margin-bottom: 40px;

}



.contact_box {

    width: 317px;

    height: 82px;

    margin: 0 auto;

    background: url(../images/contact.png);

    display: block;

}



.com {

    width: 100%;

    height: auto;

    float: left;

    background: url(../images/com.png) center no-repeat;

    margin-top: 50px;

}



.com_box {

    width: 1280px;

    height: 568px;

    margin: 0 auto;

}



.vid {

    width: 590px;

    height: 410px;

    float: left;

    margin-top: 70px;

}



.com_right {

    width: 623px;

    height: 422px;

    float: right;

    margin-top: 50px;

    background: url(../images/com_right.png) no-repeat;

}



.title_a {

    width: 1280px;

    height: auto;

    margin: 0 auto;

    padding-top: 30px;

}



.title_a li {

    width: 1280px;

    height: 364px;

    float: left;

    text-align: center;

    margin-top: 60px;

}



.title_b {

    width: 100%;

    height: 601px;

    float: left;

    background: url(../images/title_b.png) repeat;

    margin-top: 140px;

}



.title_b_box {

    width: 1280px;

    height: auto;

    margin: 0 auto;

}



.title_b_top {

    width: 1186px;

    height: 313px;

    margin-top: -120px;

    background: url(../images/title_b_top.png) no-repeat;

}



.title_b_center{ width:609px; height:93px; background: url(../images/suosou.png) no-repeat; margin-top:10px; margin-left: 310px; margin-bottom: 40px;   }





.title_b_bottom{ width:1208px; height: 200px; margin:20px; float: left; }

.title_b_bottom li{width: 375px; height:200px; margin-right: 20px; float: left; }



.pro_box {

    width: 1280px;

    height: 530px;

    margin: 0 auto;

}



.pro_title {

    width: 1110px;

    height: 87px;

    float: left;

    margin: 80px 40px;

    background: url(../images/pro_title.png);

}



.scrollleft {

    width: 1280px;

    height: 390px;

    float: left;

}



.scrollleft li {

    float: left;

    margin-right: 10px;

    display: inline;

    width: 400px;

    text-align: center;

    line-height: 30px;

}



.scrollleft img {

    width: 380px;

    height: 330px;

    padding: 1px;

    border: solid 1px #ddd;

    background-color: #FFF;

}



.scrollleft img:hover {

    width: 376px;

    height: 326px;

    padding: 1px;

    border: solid 3px #be1d1d;

    background-color: #FFF;

}



.scrollleft a {

    line-height: 25px;

    text-align: center;

    font-size: 14px;

    color: #000;

}



.scrollleft a:hover {

    color: #be1d1d;

}



.title_c {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 70px;

}



.title_c_box {

    width: 1199px;

    height: 313px;

    margin: 0 auto;



}



.title_d {

    width: 100%;

    height: 611px;

    float: left;

    background: url(../images/foot.png) center no-repeat;

    margin-top: 50px;

}



.foot {

    width: 100%;

    height: 40px;

    float: left;

    background: #414141;

}



.footer {

    width: 1280px;

    height: 40px;

    margin: 0 auto;

    text-align: center;

}



.footer p {

    line-height: 40px;

    font-size: 12px;

    color: #eee;

}





/*表单 */



.title_d_box {

    width: 1280px;

    height: 300px;

    margin: 0 auto;

}



.title_massg {

    width: 600px;

    height: 300px;

    float: right;

    margin-top: 200px;

}



.title_massg_a {

    width: 400px;

    height: 180px;

    float: left;

}



.title_massg_b {

    width: 100px;

    height: 100px;

    float: left;

}



































.m-aside-tool {

	position: fixed;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 99000;

	width: 40px;

	background: #222;

	color: #fff

}



.m-aside-tool .aside-body {

	position: absolute;

	left: 0;

	right: 0;

	top: 0

}



.m-aside-tool .aside-bottom {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0

}



.m-aside-tool .tool-list {

	border-top: 1px solid #333

}



.m-aside-tool .tool-list .tool-btn {

	display: block;

	padding: 10px 0;

	text-align: center;

	border-bottom: 1px solid #333;

	-webkit-transition: .2s;

	transition: .2s

}



.m-aside-tool .tool-list .tool-btn .icon img {

	max-width: 100%;

	vertical-align: top

}



.m-aside-tool .tool-list .tool-btn .name {

	margin-top: 3px;

	font-size: 14px;

	color: #fff;

	width: 40px !important

}



.m-aside-tool .tool-list .tool-btn .sign {

	display: inline-block;

	min-width: 20px;

	height: 20px;

	line-height: 21px;

	margin-top: 3px;

	margin-left: auto;

	margin-right: auto;

	border-radius: 50%;

	background: #f03a58;

	text-align: center;

	color: #fff;

	-webkit-transition: .2s;

	transition: .2s

}



.m-aside-tool .tool-list .tool-btn.show-btn-collection .show-collection {

	display: none;

	position: absolute;

	right: 45px;

	bottom: 115px;

	font-size: 14px;

	width: 80px;

	height: 34px;

	border-radius: 2px;

	border: 1px solid #e5e5e5;

	text-align: center;

	line-height: 34px;

	color: #222;

	z-index: 9999;

	background-color: #fff

}



.m-aside-tool .tool-list .tool-btn.show-btn-collection:hover .show-collection {

	display: block;

	color: #222

}



.m-aside-tool .tool-list .tool-btn .show-content {

	display: none;

	position: absolute;

	right: 45px;

	bottom: 45px

}



.m-aside-tool .tool-list .tool-btn .show-content img {

	width: 150px

}



.m-aside-tool .tool-list .tool-btn.show-btn-side .show-content {

	display: none

}



.m-aside-tool .tool-list .tool-btn.show-btn-side:hover .show-content {

	display: block

}



.m-aside-tool .tool-list .tool-btn:hover {

	background: #FF8300

}



.m-aside-tool .tool-list .tool-btn:hover .sign {

	background: #fff;

	color: #FF8300

}



.m-fast-login {

	padding: 30px 25px;

	background-color: #fff

}



.m-fast-login .login-header {

	margin-bottom: 15px;

	font-size: 24px;

	font-weight: 400;

	color: #222

}



.m-fast-login .login-form {

	position: relative;

	padding-top: 15px

}



.m-fast-login .login-form .form-error {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	z-index: 9;

	padding: 5px 5px 5px 25px;

	border-radius: 3px;

	background: #fef0f0 url(/static/image/login/list_ico_info@2x.png) no-repeat 5px 5px;

	font-size: 12px;

	color: #ff6336

}



.m-fast-login .login-form .form-line {

	margin-top: 20px;

	font-size: 14px

}



.m-fast-login .login-form .form-line a {

	color: #f03a58

}



.m-fast-login .login-form .form-line a:focus {

	outline: 1px dotted #fd7505;

	color: #d90e32

}



.m-fast-login .login-form .form-line input {

	display: block;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	height: 50px;

	line-height: 50px;

	padding: 0 5px 0 50px;

	border: 1px solid #eee;

	border-radius: 4px;

	font-size: 14px

}



.m-fast-login .login-form .form-line input:focus {

	border-color: #00a5ff

}



.m-fast-login .login-form .form-line .content {

	position: relative;

	overflow: hidden

}



.m-fast-login .login-form .form-line .content .ico {

	position: absolute;

	margin-right: 10px;

	top: 10px;

	left: 10px;

	width: 30px;

	height: 30px;

	background-repeat: no-repeat;

	background-position: 50%

}



.m-fast-login .login-form .form-line .content .ico.ico-account {

	background-image: url(/static/image/login/ico_user@2x.png)

}



.m-fast-login .login-form .form-line .content .ico.ico-password {

	background-image: url(/static/image/login/ico_passcode@2x.png)

}



.m-fast-login .login-form .form-submit {

	display: block;

	width: 100%;

	height: 50px;

	margin-top: 50px;

	line-height: 50px;

	border: none;

	border-radius: 4px;

	background: #f03a58;

	font-size: 18px;

	text-align: center;

	color: #fff

}



.m-fast-login .login-form .form-submit[disabled] {

	background: silver;

	cursor: not-allowed

}



.m-fast-login .login-form .form-submit:focus {

	outline: 1px dotted #fd7505

}



.m-fast-login .login-form .reg-btn {

	float: right

}



.dialog-thirdparty-register {

	width: 420px;

	margin: 0 auto;

	padding: 40px 0 50px

}



.dialog-thirdparty-register .form-item {

	margin: 20px 0

}



.reseller-register {

	width: 800px;

	min-height: 520px

}



.reseller-register .reseller-body {

	margin-right: 315px;

	padding: 30px

}



.reseller-register .reseller-body .reseller-title {

	margin-bottom: 50px;

	line-height: 30px;

	font-size: 20px;

	font-weight: 700;

	color: #222

}



.reseller-register .reseller-aside {

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	width: 315px;

	background: #f4f4f5 url(/static/image/public/pic_reseller_ad.png) no-repeat 50%

}