@charset "gb2312";
/* CSS Document */
body, p, div, ul, li, dl, dd, h1, h2, h3, table, td, tr, input {
	padding: 0;
	margin: 0
}
body {
	background-color: #FFF;
	font-family: ËÎÌå;
}
img, input {
	border: 0   
}
ul, li {
	list-style: none
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
h1, i, em {
	font-style: normal;
	font-weight: normal
}
.clearfix {
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	width: 0px;
	visibility: hidden;
	overflow: hidden
}
.wrapper {
	width: 1000px;
	margin: auto;
}
.wrapper_Html {
	width: 1000px;
	margin: auto
}
.list_menu li {
	background: url(http://www.61ef.cn/common/images/current.png) no-repeat !important;
	display: inline-block
}
.list_menu li {
	width: 62px !important;
	text-align: center;
	float: left;
	font-size: 12px;
	background-position: 16px 0px !important;
}
.list_menu li a {
	color: #666666
}
.list_menu li.last {
	background: none !important;
}
.curBg {
	float: right;
	width: 217px;
	height: 39px;
	margin-top: 8px;
	overflow: hidden;
	background: url(http://news.china-ef.com/2014/images/brand.gif) no-repeat;
	cursor: pointer;
    background-size:100%;
}
.icoTic, .list_menu li, .nav li, .Txtlist li {
	background: url(../images/curres.png) no-repeat;
	display: inline-block
}
.list_menu {
	padding: 7px 0px;
	font: 12px/14px "ËÎÌå";
	float: left
}
.login {
	float: right;
	width: 76px;
	font: 12px/20px "ËÎÌå";
	padding: 4px 0px;
	text-align: center
}
.login li {
	width: 38px;
	overflow: hidden;
	float: left;
}
.bntlogin a {
	color: #333333
}
.bntlogout {
	background-position: -46px 0px;
	width: 38px;
	height: 20px;
}
.bntlogout a {
	color: #FFF;
}
.banner {
	padding: 5px 0px;
}
.banner img {
	width: 1000px;
	height: 90px;
}
.chinaeflogo {
	width: 190px;
	height: 47px;
	float: left;
	overflow: hidden
}
.logo {
	padding-left: 20px;
	font: italic 30px/50px "Microsoft Yahei";
	overflow: hidden;
	width: 185px;
	height: 50px;
	float: left
}
.logo a {
	color: #000;
	width: 100%;
}
.logo a:hover {
	text-decoration: none
}
.header {
	background: url(../images/banner.jpg) no-repeat center;
	height: 601px;
}
.inner {
	width: 370px;
	height: 500px;
	float: right;
	background: #FFF;
	margin-top: 50px;
	border: 1px solid #8a98a3;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #8a98a3 0px 0px 10px;
	-moz-box-shadow: #8a98a3 0px 0px 10px;
	box-shadow: #8a98a3 0px 0px 10px;
	overflow: hidden
}
.login_txt {
	width: 330px;
	padding: 10px 20px;
}
.UserImg {
	width: 40px;
	height: 39px;
	background: url(../images/name.jpg) no-repeat;
	float: left
}
.PwdImg {
	width: 40px;
	height: 39px;
	background: url(../images/pwd.jpg) no-repeat;
	float: left
}
.username {
	padding-top: 20px;
	height: 39px;
}
.loginText {
	float: left;
	height: 39px;
	width: 190px;
}
.txtName {
	font: 13px/24px "ËÎÌå";
	border: 1px solid #c2c8c8;
	padding: 6px;
	width: 174px;
	height: 25px;
	color: #b9b9b9
}
.username a {
	color: #1682cd;
	font: 12px/35px "ËÎÌå";
	padding-left: 5px;
	text-decoration: underline;
}
.username i a {
	color: #888888;
	text-decoration: none;
}
.username i a:hover {
	color: #f00
}
.SubMit {
	background: #ff850a;
	border-radius: 2px 2px 2px 2px;
	height: 48px;
	width: 330px;
	font: 16px/48px "Microsoft Yahei";
	color: #ffffff;
	cursor: pointer
}
.inner h1 {
	font: 12px/90px "Microsoft Yahei";
	height: 80px;
	overflow: hidden
}
.login_QQ {
	width: 150px;
	height: 38px;
	float: left;
}
.login_sina {
	width: 150px;
	height: 38px;
	float: right;
}
.down {
	background: #f8f8f8;
	height: 300px;
	margin-top: 30px;
}
.weixin {
	width: 250px;
	margin: auto;
	padding-top: 15px;
}
.weixin_photo {
	float: left;
	text-align: center;
	width: 119px;
}
.weixin_photo p {
	color: #5c5c5c;
	font: 12px/20px "ËÎÌå";
}
.weixin_txt {
	float: right;
	padding-top: 20px;
}
.weixin_txt p {
	font: 14px/28px "Microsoft Yahei";
	color: #000;
}
.weixin_txt i {
	font: 14px/28px "Microsoft Yahei";
	color: #000;
}
.ifonts {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	padding-top: 15px;
	color: #888888
}
.ifonts a {
	color: #888888
}
.grey {
	background: #e8e9e9;
	padding: 20px 0px 40px 0px;
}
.hr {
	background: url(../images/line.jpg) no-repeat center;
	height: 89px;
}
.one {
	background: url(../images/one.jpg) no-repeat center;
	height: 81px;
}
.main {
	background: #FFF;
	border: 1px solid #bababa;
	margin-top: 20px;
	padding-bottom: 20px;
}
.title {
	height: 70px;
	background: #0f8ce0;
	padding-left: 145px;
	margin-bottom: 20px;
}
.title h1 {
	font: 18px/70px "Microsoft Yahei";
	color: #FFF;
	background: url(../images/company.jpg) no-repeat;
	padding-left: 75px;
}
.formTxt {
	padding: 20px 0px 0px 145px;
	height: 44px;
	overflow: hidden
}
.formTxts {
	padding: 20px 0px 0px 185px;
	height: 44px;
/*	overflow: hidden*/
}
.formTxtsHg {
	padding: 20px 0px 0px 185px;
	height: 24px;
	overflow: hidden
}
.Inputs {
	width: 700px;
	float: left;
}
.aTrue a {
	color: #acacac
}
.aTrue .dlcheck {
	line-height: 24px;
	width: 15px;
	float: left;
	padding-top: 5px;
}
.aTrue .dlTxt {
	width: 200px;
	float: left;
	font: 13px/24px "ËÎÌå";
}
.ifroms {
	font: 13px/44px "ËÎÌå";
	float: right;
	width: 345px;
	float: right;
	color: #acacac;
}
.ifroms i {
	color: red
}
.Txt {
	width: 100px;
	font: 16px/44px "Microsoft Yahei";
	height: 44px;
	color: #535353;
	padding-right: 8px;
	text-align: right;
	float: left
}
.Input {
	width: 730px;
	float: left;
}
.uTxt {
	width: 320px;
	font: 13px/24px "ËÎÌå";
	padding: 9px;
	height: 24px;
	overflow: hidden;
	border: 1px solid #c2c8c8;
	float: left;
}
.ifrom {
	font: 13px/44px "ËÎÌå";
	float: right;
	width: 380px;
	float: right;
	color: #acacac;
}
.ifrom i {
	color: red
}
.ifromSel {
	font: 13px/24px "ËÎÌå";
	float: right;
	width: 380px;
	float: left;
	color: #acacac;
}
.ifromSel i {
	color: red
}
.hg {
	height:auto;
	
}
.BntSubMit {
	background: #148de0;
	border-radius: 2px 2px 2px 2px;
	height: 35px;
	width: 173px;
	font: bold 18px/35px "Microsoft Yahei";
	color: #ffffff;
	cursor: pointer
}
.BntSubMit:hover {
	background: #1295ee;
}
.select {
	height: 24px;
	font: 12px/24px "ËÎÌå";
	float: left
}
.formTxtSelect {
	height: 24px;
	overflow: hidden;
	margin: 20px 0px 0px 145px;
}
.TxtSel {
	width: 100px;
	font: 16px/24px "Microsoft Yahei";
	height: 24px;
	color: #535353;
	padding-right: 8px;
	text-align: right;
	float: left
}
.TxtArea {
	width: 550px;
	float: left
}
.TxtAreaform {
	width: 160px;
	float: right;
	font: 12px/24px "ËÎÌå";
	color: #acacac;
}
.TxtAreaform i {
	color: red;
}
/*----µ×²¿ css-----*/
.footer {
	background: #148de0;
}
.viptitle {
	font: 24px/48px "Microsoft Yahei";
	height: 48px;
	color: #FFF
}
.viptab {
	font: 12px/24px "ËÎÌå";
	color: #FFF;
	padding-top: 15px;
}
.right {
	text-align: right;
	padding-right: 5px;
}
.right a {
	color: #ba2636
}
.viptab li {
	width: 174px;
	float: left;
	padding-right: 32px;
	overflow: hidden
}
.viptab li.last {
	float: right;
	padding: 0
}
.pic-bg {
	width: 172px;
	background: #FFF;
	overflow: hidden
}
.viptab img {
	width: 160px;
	height: 100px;
	padding: 7px;
	overflow: hidden
}
.viptab .brandname {
	padding-left: 5px;
	height: 20px;
	overflow: hidden;
	font: 12px/22px "ËÎÌå";
	color: #000;
	float: left
}
.viptab .companyname a {
	color: #000
}
.viptab .brandname a {
	color: #000
}
.viptab .companyname {
	width: 160px;
	padding-left: 5px;
	height: 30px;
	overflow: hidden;
	font: 12px/22px "ËÎÌå";
}
.pic-bg {
	width: 174px;
	background: #FFF;
	overflow: hidden
}
#footer {
	text-align: center;
	font-size: 12px;
	list-style: none;
	line-height: 1.5;
	padding-bottom: 15px;
	color: #888886;
	margin-top: 15px;
}
.ifont {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	padding-top: 15px;
	color: #333
}
.ifont a {
	color: #333
}
.selecTlt {
	background: url(../images/Selet.jpg) no-repeat;
	height: 81px;
	float: left;
	width: 499px;
	cursor:pointer;
}
.selecTlt01 {
	background: url(../images/Selet.jpg) no-repeat -499px 0px;
	height: 81px;
	float: left;
	width: 499px;
	cursor:pointer;
}
.selecTip {
	background: url(../images/Seletip.jpg) no-repeat -499px 0px;
	height: 81px;
	float: left;
	width: 499px;
}
.selecTip01 {
	background: url(../images/Seletip.jpg) no-repeat;
	height: 81px;
	float: left;
	width: 499px;
}
.TxtDecTip {
	font: 15px/30px "Microsoft Yahei";
	color: #333;
	text-align: center;
	padding-top: 30px;
}
.flast {
	background: url(../images/ico.jpg) no-repeat 0px 15px;
	padding-left: 15px;
	color: #ff6766;
}
.false {
	background: url(../images/ico.jpg) no-repeat 0px 8px;
	padding-left: 15px;
	color: #ff6766;
	font: 12px/28px "ËÎÌå";
}
.falsetest {
	color: #9f9e9e;
	font: 12px/28px "ËÎÌå";
}
.ture {
	background: url(../images/ture.jpg) no-repeat 0px 15px;
	width: 12px;
	height: 30px;
}
.tureCom {
	background: url(../images/ture.jpg) no-repeat 0px 15px;
	padding-left: 15px;
	color: #000;
	font: 12px/38px "ËÎÌå";
}
.TxtDecTip i {
	color: #d92622
}
.tltOne {
	background: #0f8bdf;
	height: 70px;
	position: relative;
}
.tltOne h1 {
	position: absolute;
	left: 42%;
	top: 0px;
	background: url(../images/copeShow.jpg) no-repeat;
	width: 205px;
	height: 82px;
}
/*×ó²à×¢²áÐÅÏ¢*/
.left {
	width: 520px;
	float: left;
	overflow: hidden
}
.dataz {
	width: 460px;
	padding-left: 30px;
	padding-top: 30px;
}
.TxtAccount {
	width: 80px;
	float: left;
	text-align: right;
	font: 16px/40px "Microsoft Yahei";
	padding-right: 5px;
	color: #535353
}
.InputText {
	float: left;
	height: 40px;
	width: 350px;
}
.Text {
	width: 342px;
	float: left
}
.InputTexts {
	width: 170px;
	float: left
}
.InTxt {
	width: 150px;
	float: left
}
.inputbox {
	border: 1px solid #c2c8c8;
	padding-left: 6px;
	width: 330px;
	height: 40px;
	color: #555555;
	line-height: 40px\9;
	font-size: 14px;
}
.mailbox {
	border: 1px solid #c2c8c8;
	padding-left: 6px;
	width: 150px;
	height: 40px;
	color: #555555;
	float: left;
	line-height: 40px\9;
	font-size: 14px;
}
.timebox {
	font: 15x/43px "ËÎÌå";
	background: #0f8bdf;
	height: 43px;
	width: 137px;
	border: 0;
	float: right;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-right: 95px;
	border-radius: 3px;
}
.timebox:hover {
	font: 15x/43px "ËÎÌå";
	background: #1295ee;
	height: 43px;
	width: 137px;
	border: 0;
	float: right;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-right: 95px;
	border-radius: 3px;
}
.send {
	font: 12px/43px "ËÎÌå";
	text-decoration: underline;
	height: 43px;
	width: 137px;
	border: 0;
	float: right;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background: #c9c9c9;
	border: 1px solid #b5b5b5;
	border-radius: 3px;
	margin-right: 95px;
}
.InputSubmit {
	background: #148de0;
	border-radius: 2px;
	height: 35px;
	width: 82px;
	border: 0px;
	cursor: pointer;
	margin-left: 75px;
	font: bold 14px/35px "Microsoft Yahei";
	color: #fff;
	border-radius: 3px;
}
.InputSubmit:hover {
	background: #1295ee;
	height: 35px;
	width: 82px;
	border: 0px;
	cursor: pointer;
	margin-left: 75px;
	font: bold 14px/35px "Microsoft Yahei";
	color: #fff;
	border-radius: 3px;
}
.validation {
	border: 1px solid #c2c8c8;
	padding-left: 6px;
	width: 100px;
	height: 40px;
	color: #555555;
	float: left;
	line-height: 40px\9;
	font-size: 14px;
}
.validationT {
	font: 12px/22px "ËÎÌå";
	background: #f9f9f9;
	width: 195px;
	height: 45px;
	border: 1px solid #c2c8c8;
	float: right;
	border-left: 0;
	padding-left: 10px;
	color: #888888
}
.validationT a {
	color: #e10000;
	text-decoration: underline
}
.ti {
	float: right
}
.timebox i {
	color: #e9950f
}
.red {
	color: #fa0000;
	font: 15px/40px "ËÎÌå";
	text-indent: 10px;
	width: 8px;
	height: 8px;
	float: left
}
.forminput {
	padding-top: 10px;
	height: 60px;
}
.agree {
	font: 12px/18px "ËÎÌå";
	padding-left: 70px;
}
.agree a {
	color: #999999
}
.agreebox {
	float: left;
	height: 24px;
}
/*ÓÒ²à×¢²áÐÅÏ¢*/
.rightSider {
	width: 450px;
	float: left;
	border-left: 1px dashed #dfdfdf;
	margin-top: 30px;
}
.register {
	width: 420px;
	float: right;
	padding-top: 34px;
	height: 120px;
	border-bottom: 1px dotted #dfdfdf;
	text-align: left
}
.register h1 {
	font: bold 20px/40px "Microsoft Yahei";
	color: #6b6b6b;
}
.register p {
	font: 12px/22px "ËÎÌå";
	color: #323232;
}
.register p i {
	color: #d82622;
}
.register p a {
	color: #d82622;
}
.register p a:hover {
	text-decoration: underline;
}
.coopera {
	width: 420px;
	float: right;
	padding-top: 30px;
	text-align: left
}
.coopera h1 {
	font: 12px/22px "ËÎÌå";
	color: #323232;
}
.coopera .weixin{
	width: 140px;
    margin: auto;
    padding-top: 25px;
    float: left;
}
.QQ {
	width: 140px;
    float: left;
    padding-top: 25px;
}
.sina {
	width: 120px;
    float: left;
    padding-top: 25px;
}
.exhibit {
/*	font: 15px/28px "Microsoft Yahei";
	padding-top: 70px;
	float: left*/
    font: 14px/28px "Microsoft Yahei";
    margin: 10px 0 0 154px;
    float: left;
    padding: 0 2px 0 2px;

}
.exhibit i {
	color: #d82622;
	font-size:14px;
}
.exhibita {
	background: #0f8bdf;
    border-radius: 23px;
    height: 44px;
    width: 400px;
    text-align: center;
    float: left;
    margin: 15px 0 0 29px;
    border: 0;
}
.exhibita a {
	color: #fff;
    font: 16px/44px "Microsoft Yahei";
    font-weight:bold;
    letter-spacing: 1px;
}
/*.exhibita:hover {
	background: #148de0;
	height: 28px;
	width: 96px;
	padding: 0;
	margin: 0;
	margin-top: 70px;
}*/
.prompt {
	font: 12px/30px "ËÎÌå";
	color: red;
	padding-left: 0px
}
.gray {
	font: 12px/30px "ËÎÌå";
	color: #999;
	padding-left: 80px
}
.miantxt {
	font: 13px/35px "Microsoft Yahei";
	color: #2a2a2b;
	width: 920px;
	margin: auto;
	padding: 20px 0px;
}
.miantxt strong {
	font-size: 14px;
}
.miantxt i {
	color: #000;
	font-weight: bold
}
.btm {
	background: #148de0;
	color: #fff;
	width: 165px;
	height: 45px;
	font: 25px/30px "Microsoft Yahei";
	border: 0px;
	cursor: pointer;
}
.button {
	width: 165px;
	margin: auto;
	padding-bottom: 30px;
}
.fromTxtBoxTel {
	width: 50px;
	float: left;
	padding-top: 0px;
}
.inTel {
	width: 60px;
	height: 24px;
	border: 1px solid #b2b2b2;
	padding: 8px 0px;
	font: 12px/24px "ËÎÌå";
	color: #CCC;
	text-align: center
}
.fromTxtBox {
	width: 290px;
	float: left;
	padding-left: 10px;
	padding-top: 0px;
}
.code {
	width: 154px;
	height: 24px;
	border: 1px solid #b2b2b2;
	padding: 8px;
	font: 12px/24px "ËÎÌå";
}

 .iphone, .main-nav, .foot { 
    display: none;
}

@media screen and (max-width: 750px) {
    body { font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", "Î¢ÈíÑÅºÚ"!important;}
    #top_div1, #top_div2, #top_div3, .wrapper, .button { display: none!important;}
    .grey { background: #e8e9e9;  padding: 0;}
    .grey .wrapper { display: block!important; width: 100%;}
    .main { width: 100%; margin: 0; padding: 0; border: none;}
    .miantxt { width: 100%; padding: 20px 4%; box-sizing: border-box; line-height: 26px; }
    .miantxt h3 { font-size: 14px; line-height: 30px; }
    /*ÊÖ»ú°æ¶¥²¿*/
    .iphone { height: 46px; background: #abcd05; overflow: hidden; width: 100%; position: relative; top: 0; z-index: 9999; text-align: center; display: block!important; }
    .iphone i { float: left; padding: 0.8rem 0.6rem; width: 6%; }
    .iphone i img { width: 0.6rem; }
    .iphone h1 { text-align: center; font: bold 1.1rem/46px "Î¢ÈíÑÅºÚ"; color: #fff; width: auto; display: inline-block; margin: auto; }
    .iphone p { float: right; color: #fff; z-index: 999; text-align: right; margin-right: .5rem; }
    .iphone p a { text-decoration: none; font: 1.1rem/46px "Î¢ÈíÑÅºÚ"; }
    /*ÊÖ»úµ×²¿*/
    .main-nav { padding: 1em 0 .5em; background: #fff; width: 100%; max-width: 750px; margin: 0 auto;  display: block!important; }
    .main-nav ul { width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; }
    .main-nav ul li { width: 20%; text-align: center; }
    .main-nav ul li p { width: 3rem; height: 3rem; margin: 0 auto; border-radius: 50%; text-align: center; cursor: pointer; }
    .main-nav li h3 a { font: 0.9rem/1rem "Î¢ÈíÑÅºÚ"; color: #333; margin: 7px auto 6px; display: block; text-decoration: none; }
    .main-nav ul li .nav-01 { background: #f66c6c; }
    .main-nav ul li .nav-02 { background: #bad93e; }
    .main-nav ul li .nav-03 { background: #d1759c; }
    .main-nav ul li .nav-04 { background: #ffa739; }
    .main-nav ul li .nav-05 { background: #72b4e4; }
    .main-nav ul li p img { width: 1.85rem; padding-top: .6rem; }
    .foot { padding: 1em 0 0; width: 100%; margin: .5em auto 0; max-width: 750px; background: #fff; border-top: 1px dashed #b6b6b6;  display: block!important; }
    .foot .foot-logo { padding-top: 4px; }
    .foot .foot-logo,
    .foot .foot-layer { display: flex; justify-content: space-around; flex-wrap: wrap; overflow: hidden; }
    .foot .foot-logo li { width: 40%; text-align: center; }
    .foot .foot-logo li:first-child { text-align: right; }
    .foot .foot-logo li img { width: 100%; }
    .foot .foot-layer { margin: .3em 0 1em; }
    .foot .foot-layer li { width: 30%; text-align: center; cursor: pointer; }
    .foot .foot-layer li i { color: #555; }
    /*µ¯³ö²ã*/
    .foot-layer-main li { position: fixed; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 65%; border-radius: 5px; background: #fff; z-index: 999; text-align: center; box-shadow: 1px 1px 5px #888; display: none; }
    .foot-layer-main li .close { display: block; position: absolute; bottom: -35px; right: 50%; margin-right: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #13bda4; color: #fff; }
    .layer-wechat-main,
    .layer-store-mian { width: 208px !important; height: 280px; text-align: center; }
    .layer-store-mian p { margin-top: -8px; text-align: center; line-height: 20px; }
    .layer-wechat-main img,
    .layer-store-mian img { width: 100%; }
    .layer-contact-main { height: 4em; padding: 1em 0 0; }
    .layer-contact-main p { line-height: 28px; text-align: center; line-height: 20px; }
    .foot .ef { background: #abcd05; width: 100%; height: 3rem; text-align: center; font: bold 1.2rem/3rem "Microsoft YaHei"; color: #fff; }
    .foot .ef h3 { font: bold 1.2rem/3rem "Microsoft YaHei"; color: #fff; }
    .foot .ef i { font: bold 1.2rem/3rem "Microsoft YaHei"; color: #ffe400; }
    .bg-box { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, .6); display: none; }
    .mui-left p { text-align: center !important; font: 14px/20px "Î¢ÈíÑÅºÚ"; }
}