@charset "utf-8";

/*css-reset*/
body,h1,h2,h3,h4,p,ul,li,dl,dd,dt{ margin:0; padding:0;}
ul li{ list-style-type:none;}
dl dd{ margin: 0;}
a{text-decoration:none;}
img{ border:none;}
input,button{border:none; background:none; outline:none;}
textarea{outline:0;}
em,i{ font-style:normal;}
h1,h2,h3,h4{ font-weight:normal;}
body{ width:100%; height:100%; background:#fff; font-family: "微软雅黑",Arial, Helvetica, sans-serif; font-size:12px;}
body{ min-width: 1200px;}


/*base-css*/
.wrap{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

/*.hide,.popup{ display:none;}*/

.clearfix:after{ clear:both;}
.clearfix:before,.clearfix:after{ content:""; display:table;}


@font-face{ font-family:HeliosThin; src:url(HE_TH.TTF);}

/*WebKit browsers*/
input::-webkit-input-placeholder{ color:#999;}
/*Mozilla Firefox 4 to 18*/
input:-moz-placeholder{color:#999;}
 /*Mozilla Firefox 19+*/
::-moz-placeholder { color:#999;}
/*Internet Explorer 10+*/
:-ms-input-placeholder{ color:#999;}

/*fliter*/
/*background-color: rgba(0,0,0,.45); background-color:#000 ; opacity:0.45;  -ms-filter:alpha(opacity=45); filter:alpha(opacity=45);*/

/*editor-style*/
.editor-style{ font-family: "微软雅黑",Arial, Helvetica, sans-serif; font-size: 13px;  line-height: 28px; color: #777; padding-top: 30px;}
.editor-style p{ font-family: "微软雅黑",Arial, Helvetica, sans-serif; font-size: 13px;  line-height: 28px; color: #777;;}


/*header*/
.header{ width:100%; padding-top:30px;}
.js-logo{ width:136px; height:48px; background:url(../images/logo.png) no-repeat; float:left; color:#5d6064; text-indent:-100px; overflow:hidden;}
.js-logo a{ display: block; height: 60px;}

.header ul{ margin-left:184px; float:left;}
.header li{ height:50px; margin-right:30px; padding:5px 15px; float:left; position: static;}
.header li h3{ font-size:16px; color:#333; line-height:30px;}
.header li.active{ height: 47px; border-bottom: 3px solid #7fcd61;}
.header li .active:hover,.header li:hover{ height: 47px; border-bottom: 3px solid #bdbdbd;}

.nav-drop{ width: 100%; height: 0;  background-color: #f8f9fb; /*opacity:0;  -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);*/ position: absolute;  top:90px; left: 0;  z-index: 3; text-align: center; overflow: hidden; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.nav-drop-content{ display: inline-block;}
.nav-drop dl{ float: left; margin-right: 0px; width: 200px; white-space: nowrap;}
#nav-last-width{ width: 80px; margin-right: 0;}
.nav-drop dl dt{ font-size: 16px; line-height: 16px; color: #70c64e; margin-bottom: 36px; padding-left: 12px;   text-align: left;}
.nav-drop dl dt a{ font-size: 16px; line-height: 16px; color: #70c64e;}
.nav-drop dl dd{ margin-bottom: 18px; text-align: left;}
.nav-drop dl dd a{ font-size: 12px; line-height: 12px; color: #777; padding-left: 12px;}
.sub-nav-active{  background: url("../images/dd-bg.png") left no-repeat;}
.nav-drop dl dd a:hover{ color: #666; background: url("../images/dd-bgh.png") left no-repeat;}

.header li span:hover{ cursor: pointer;}
.header li:hover .nav-drop{ width: 100%;  height: auto; padding: 40px 0 22px 0;  border-top: 1px solid #e9e9e9; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s; /* background-color: #f8f9fb; opacity:100;  -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);*/ overflow:visible;}


.base-info{ width:80px; height:20px; padding:5px 0; margin-left:20px; float:right;}
.login i{  width:36px; height:36px; margin-right:12px; float:left; cursor: pointer;}
.user{ background:url(../images/user.png) no-repeat;}
.user-login{ background:url(../images/user-login.png) no-repeat;}
.login{ position:relative;}
.login:hover .login-box{ display: block;}
.language{ padding:5px 5px; margin-top: 8px; color:#c8c8c8; font-size:12px; line-height:12px; float:left; cursor: pointer;}

/*footer*/
.footer{ width:100%; height:186px; background-color:#283443;}
.footer-info{ padding-top:60px; height:80px;}

.footer-info-l{ float: left;}
.footer-info-phone{ float: left; margin-right: 36px;}
.footer-info-phone p{ font-size: 13px; line-height: 13px; color:rgba(152,164,169,.4); margin-bottom: 4px;}
.footer-info-phone strong{ font-size: 22px; line-height: 22px; color:#82d064;}

.footer-info-links{ float: left;}
.footer-info-links ul{ margin-top: 26px;}
.footer-info-links li{ margin-right: 30px; float: left;}
.footer-info-links li a{ font-size: 13px; line-height: 13px; color: #5e6977;}
.footer-info-links li a:hover{ color: #a9aeb4;}
/*原来padding-top: 20px;*/
.footer-info-r{ float: right;   padding-top: 0px;}

.footer-info-weibo{ float: left; padding-top: 20px;}
.footer-info-weibo a{ width: 24px; height: 21px; display: block; margin-right: 20px; float: left;}
.sina{ background: url("../images/weibo.png");}
.tencent{ background: url("../images/tweibo.png");}

.footer-info-join{ float: right;}
.footer-info-join a{ width: 36px; height: 36px; display: block; background:url(../images/arr-preh01.png); margin-left: 20px; float:right; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.join-txt{ float: right; width: 130px; margin-right: 10px; text-align: right;}
.join-txt span{ font-size: 13px; line-height: 13px; color: #5e6977; margin-bottom: 8px; display: block;}
.join-txt em{ font-size: 13px; font-weight: bold; line-height: 13px; color:rgba(255,255,255,.3); display: block;}

.copyright{ height:46px; border-top: 1px solid rgba(50,62,76,.6); line-height: 46px;}
.copyright p{ font-size: 12px; color: #4d555f; float: left;}
.copyright span{ color: #707883; margin-left: 10px;}
.copyright a{ width: 61px; height: 16px; display: block; background: url("../images/ue-logo.png"); float: left; margin: 16px 0 0 10px;}
.copyright a:hover{ background: url("../images/ue-logoh.png"); -webkit-transition:.25s; transition:.25s;}


/*index*/
.f-s1{ overflow: hidden; height:610px; margin-bottom: 10px; position: relative;}
.slide{ position: absolute; width: 1925px;  left: 50%; margin-left: -960px; text-align: center;}
.slideWrap{ width: 100%; height: 615px; margin: 0 auto;}
.slide .slideWrap ul{ width: 100%;}
.slide li{ position:relative;  width: 100%; height:610px; overflow: hidden;}


.icon-arr{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;  display:block; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s; z-index: 2;}
.s-arr-pre{ background:url(../images/arr-pre.png) no-repeat; right:100px;}
.s-arr-next{ background:url(../images/arr-next.png) no-repeat; left:100px;}
.s-arr-pre:hover{ background:url(../images/arr-preh.png) no-repeat;}
.s-arr-next:hover{ background:url(../images/arr-nexth.png) no-repeat;}

.f-s2{ height:350px; margin-bottom: 100px;}
.f-s2-p1{ padding-top: 20px; margin-bottom: 30px;}
.solution-img{ width: 600px; height: 200px; float: left;}
.solution-info{ float: left; padding-left: 40px;}
.solution-info h2{ font-size: 18px; line-height: 18px; color: #555; margin-bottom: 24px;}
.solution-info p{ font-size: 12px; line-height: 26px; color: #999; width: 440px; height: 44px; margin-bottom: 20px;}
.solution-info i{ width:36px; height:36px; display: block; background: url("../images/arr-more.png"); -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.f-s2-p1:hover .solution-info i{ width:36px; height:36px; display: block; background: url("../images/arr-preh01.png");}

.f-s2-p2{ height: 100px;}
.solutions{ float: left; width: 490px; height: 68px; background-color: #f8f9fb; border-bottom: 1px solid #ebf1f5; border-top: 1px solid #ebf1f5; padding:30px 50px 0 60px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.solutions-l{ float: left;}
.solutions h3{ font-size: 18px; line-height: 18px; color: #626262; margin-bottom: 6px;}
.solutions p{ font-size: 13px; line-height: 13px; color: #cccbcb;}
.solutions span{ width: 30px; height: 30px; display: block; text-align: center; float: right; margin-top:6px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.solutions i{ width: 10px; height: 6px; display:inline-block; background: url("../images/arr-more3.png"); margin-top: 11px;}
.solutions span:hover{  background: url("../images/arr-bg.png");}
.solution-active{ background-color: #7fcd61; border-bottom: 1px solid #7fcd61;  border-top: 1px solid #7fcd61;}
.solution-active h3,.solution-active p{ color: #fff;}
.solutions:hover{background-color: #7fcd61; border-bottom: 1px solid #7fcd61;  border-top: 1px solid #7fcd61;}
.solutions:hover h3,.solutions:hover p{ color: #fff;}
.solution-active span,.solutions:hover span{ background: url("../images/arr-bg.png");}


.f-s3{ margin-top:100px; height: 500px;}
.f-s3-head{ width:100%; height:45px; border-bottom:1px solid #eaf0f4;}
.f-s3-box{ position:relative;}
.f-s3-box h2{ height: 45px; font-size:20px; line-height:20px; color:#5e5e5e; border-bottom:1px solid #abb4bb; display:inline-block;}
.f-s3-box span{ height:12px; font-size:12px; line-height:12px; color:#cac9c9; margin-left:8px;}
.f-s3-box a{ position:absolute; top:16px; right:0; color:#858585; font-size:13px; line-height:13px; width:42px; display:block;}
.f-s3-box a i{ width:6px; height:10px; display:inline-block; background:url(../images/arr-more2.png) no-repeat; margin-left:10px;}

.list-news{ margin-top:60px;}
.list-news ul{ }
.list-news ul li{ width:360px; height:300px; float:left; margin-right:60px;}
.list-news ul li:last-child{ margin-right:0;}
.item-mask{ width: 360px; height: 110px; overflow: hidden;}
.list-news ul li img{  width:360px; height:110px; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s;  transition:all 1s ease 0s;}
.list-news ul li:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform: scale(1.2);}
.news-info{ margin-top:38px;}
.news-info-l{ float:left; width:60px; height:80px; border-right:1px solid #eaf0f4;}
.date{ font-size:14px; line-height:14px; color:#949494; height:14px; display:inline-block;}
.year{ font-size:12px; line-height:12px; color:#cac9c9; height:12px; display:inline-block; margin-top:8px;}
.news-info-r{ float:left; margin-left:24px; width:274px;}
.news-info-r h3{ font-size:16px; line-height:16px; color:#2b2b2b; height:16px; display:inline-block;}
.news-info-r p{ height:42px; font-size:12px; line-height:24px; color:#939393; margin-top:24px;} 
.icon-news-more{ width:36px; height:36px; display:block; background:url(../images/arr-more.png) no-repeat; margin-top:30px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.list-news ul li:hover .icon-news-more{ background:url(../images/arr-preh01.png) no-repeat;}


.join{ width:100%; height:110px; background-color:#f2f4f8;}


/*product*/
.f-product-s1{ width: 100%; height: 280px; margin: 0 auto; position: relative; background-color: #3671cf; overflow-x: hidden;overflow: hidden;}
.product-banner{ position: absolute;  width: 1920px;  height: 280px;  margin: 0 auto;  overflow: hidden;  left: 50%;  margin-left: -900px; background-color: #3671cf;}
.product-banner-img{ position: absolute; top: 0; left: 0;}
.product-banner-txt{ position: absolute; left:300px; top:110px;}
.product-banner-txt h1{ font-size: 36px; line-height: 36px; color:#9cff76; padding-bottom: 8px;}
.product-banner-txt h2 {font-size: 14px; line-height:14px; color:#6ea2f3;}

.product-content{ overflow: hidden;}
.side-nav{ width: 290px; float: left;  border-left: 1px solid #ebf1f5; margin-left: 9px;}
.side-nav-list{ padding-top: 60px;}
.side-nav-list li{ height: 34px; margin-bottom: 40px;   padding-left: 30px; position: relative;}
.side-nav-list li h2{ font-size: 15px; line-height: 15px; color:#555; margin-bottom: 8px;}
.side-nav-list li h3{ font-size: 12px; line-height: 12px; color:#999; }
.side-nav-list li span{ width: 5px; height: 34px; background-color: #7fcd61; display: none; position: absolute; top: 0;  left: -3px;}
.side-nav-list li:hover span{ display: block; }


.f-product-s2{ padding-top: 60px;}
.product-intro-model{ height: 290px; position: relative; margin-bottom: 116px;}
.product-head{ position: absolute; top: 0; left: 0;}
.product-head-bg{ width: 498px;  height: 288px; background-color: #eef2f5; border: 1px solid #dce4ea; overflow: hidden;}
.product-intro-model:hover .product-head-bg{ background-color: #7fcd61; border: 1px solid #7fcd61; -webkit-transition: .25s; transition: .25s;}
.product-head-img{ width: 498px;  height: 280px;  display: table-cell;  text-align: center;  vertical-align: middle;}
.head-img img{ vertical-align: middle;}

.product-head-info{ margin-left: 560px; width: 640px; height: auto;}
.product-info-title{ border-bottom: 1px solid #ebf1f5; padding:20px 0  12px 0;}
.product-info-title h3{ font-size: 22px; line-height: 22px; font-weight: bold; color:
#333; margin-bottom: 28px; display: inline-block;}
.product-info-title h4{ font-size: 12px; line-height: 12px; color:#999; margin-left: 10px; display: inline-block;}
.product-info-title p{ width: 640px; font-size: 13px; line-height: 26px; color:#777;}

.product-info-list{ padding-top: 12px;}
.product-info-list li{ margin-bottom: 6px; height: 30px;}
.product-info-list li a{ font-size: 13px; line-height: 30px; color:#777; display: inline-block; position: relative;}
.product-info-list li a span{ font-size: 14px; line-height: 30px; color: #555; font-weight: bold; margin-right: 10px;}
.product-info-list li a i{ width: 30px; height: 30px; display: none; background: url(../images/arr-01.png);   position: absolute;  right: -40px;}
.product-info-list li a:hover i{ display: inline-block; -webkit-transition: .25s; transition: .25s;}

/*products*/
.f-products-content{ padding-top: 34px;}
.products-intro-head{ overflow: hidden; padding-bottom: 56px;}
.products-head{ float: left;}
.products-head-bg{ width: 480px; height: 240px; }
.products-head-img{ width: 480px; height: 240px; display: table-cell; text-align:center; vertical-align: middle;}
.products-head-img img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; vertical-align: middle;   width:480px;}
.products-head-img img:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.products-head-info{ float: left; margin-left: 66px; height: auto;}
.products-info-title{ padding: 12px 0 36px 0;}
.products-info-title h3{ font-size: 20px; font-weight: bold; line-height: 20px; color:#444; margin-bottom: 12px;}
.products-info-title h4{ font-size:14px; line-height: 14px; color:#333;}
.products-info-txt{ width: 620px;}
.products-info-txt p{ font-size:13px; line-height: 26px; color:#777;}

.p-links{ padding-left: 20px;
width: 106px;
height: 40px;
display: block;
background-color: #7fcd61;
color: #fff;
line-height: 36px;
font-size: 14px;
border-radius: 20px;
margin: 30px 0 0 20px;
float: left;}

.p-links i{width: 16px;
height: 16px;
display: block;
background: url(../images/p-link.png) 0 0 no-repeat;
margin-top: 10px;
float: left;}

/*project*/
.f-project-s1{ width: 100%; height: 280px; margin: 0 auto; overflow: hidden; overflow-x: hidden; background-color: #3671cf; position: relative;}
.f-project-s2{ margin-top: 50px;}
.project-s2-p1{ overflow: hidden;}
.public-description-content{ width: 864px; padding: 50px 42px 40px 64px; background-color: #eef2f5; float: left;}
.public-description-content h3{ font-size: 18px; line-height: 18px; font-weight: bold; color: #333; margin-bottom: 26px;}
.public-description-content p{ font-size: 13px; line-height: 28px; color: #666;}
.public-description-title{  width: 230px; height: 218px; background-color: #7fcd61; float: right; color: #fff; text-align: center;}
.public-description-title h2{ font-size: 22px; line-height: 22px; font-weight: bold; margin:86px 0 9px 0;}
.public-description-title h3{ font-size: 12px;}

.project-s2-p2{  margin-top: 50px; border-top: 1px solid #ebf1f5; overflow: hidden;}
.project-s2-p2 ul{ margin-right: -2px;}
.project-s2-p2 ul li{ height: 242px;  width: 600px;  float: left; border-bottom: 1px solid #ebf1f5; border-right: 1px solid #ebf1f5}
.project-s2-p2 ul li:nth-child(even){ border-right:0;}
.project-model{ float: left; position: relative; width: 600px; height: 242px;}
.project-model-l{position: absolute; top:0; left: 0;}
.project-model-img{ width: 290px;  height: 242px;  display: table-cell;  text-align: center;  vertical-align: middle;}
.project-model-l img{ vertical-align: middle;}
.project-model-r{ margin-left: 290px;}
.project-model-r dl{ padding-top: 40px;}
.project-model-r dt{ margin-bottom: 24px;}
.project-model-r dt h3{ font-size: 20px; color: #333; line-height: 20px; margin-bottom: 6px;}
.project-model-r dt span{ font-size: 12px; color:#d0d0d0; line-height: 12px;}
.project-model-r dd{   height: 19px; margin-bottom: 14px;}
.project-model-r dd p{ font-size: 13px; color: #666; line-height: 19px; display: inline-block; float: left;}
.project-model-r dd i{ width: 19px; height: 19px; display: none; background: url(../images/arr-p1.png) no-repeat; margin-left: 10px;}
.project-model:hover{ background-color: #eef2f5;  -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.project-model-r dd:hover i{ display: inline-block; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}

.project-s2-p3{ margin: 50px 0 68px 0; height: 172px; background-color: #eef2f5; border: 1px solid #dce4ea;}
.project-case-img{ float: left; margin: 22px 26px 0 400px;}
.project-case-info{ float: left; margin-top: 44px;}
.project-case-info h3{ padding-left: 18px; font-size: 20px; color:#333; line-height: 20px; margin-bottom: 8px;}
.project-case-info span{ padding-left: 14px; display: inline-block; font-size: 12px; color:#999; line-height: 12px; margin-bottom: 20px;}
.project-case-info a{ width: 117px; height: 22px; display: block; text-align: center; color:#fff; padding-top: 8px; background: url(../images/btn-p1.png);}

/*projectpost*/
.f-projectpost-s2{ height: auto;}
.projectpost-content{ position: relative; height: auto;}
.projectpost-aside{ width: 210px; height: 100%; margin-left: 9px; border-left: 1px solid #ebf1f5; position: absolute; top: 0; left: 0;}
.menu-list{ padding-top: 35px;}
.hover-line{ width: 5px; height: 55px; display: none; background-color: #7fcd61; position: absolute; top: 0; left: -3px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s; z-index: 1;}
.active-line{  width: 5px; height: 55px; display: block; background-color: #7fcd61; position: absolute; top: 0; left: -3px; z-index: 1;}
.menu-head{ width: 175px; margin-bottom: 1px; padding-left: 32px; font-size: 16px; line-height: 55px; color:#444; background-color: #eef2f5; cursor: pointer; position: relative;}
.menu-head a{ color:#444;display: inline-block;padding: 0 40px 0 0;}
.menu-body{ display:none;}
.menu-body a{ font-size: 13px; line-height: 13px; padding: 16px 10px 14px 32px; color:#555; display: block;}
.menu-head:hover span{ display: block;}
.menu-body a:hover{ color: #000;}

.projectpost-main{ margin-left: 290px; height: auto; padding-bottom: 40px;}
.projectpost-main h2{ font-size: 22px; line-height: 92px; color: #444; text-align: center; border-bottom: 1px solid #ebf1f5;}
.projectpost-main-content{ padding: 30px 0; overflow: hidden;}

.projectpost-main-case{ margin: 50px 0 40px 0;}
.projectpost-case-head{ margin-bottom: 34px; position: relative;}
.projectpost-case-head h3{ font-size: 22px; color: #555; line-height: 22px; margin-bottom: 10px;}
.projectpost-case-head span{ display: inline-block; font-size: 12px; line-height: 12px; color: #999;}
.projectpost-case-head i{ display: block; width: 40px; height: 40px; position: absolute;
 top: 0; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.btn-prior{ background: url(../images/p-c1.png) no-repeat; right: 50px;}
.btn-next{ background: url(../images/p-c2.png) no-repeat; right: 0;}
.btn-prior:hover{ background: url(../images/p-c1h.png) no-repeat;}
.btn-next:hover{ background: url(../images/p-c2h.png) no-repeat;}
.projectpost-main-case ul li{ width:290px; overflow: hidden; margin-right: 16px; float: left;}
.projectpost-main-case ul li:last-child{ margin-right: 0;}
.btn-next:hover{ background: url(../images/p-c2h.png) no-repeat;}
.projectpost-main-case li img{ width:290px; height:170px; -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s;  transition:all 1s ease 0s;}
.img-mask{ width:290px; height:170px; overflow: hidden;}
.projectpost-main-case li:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.25);   -o-transform:scale(1.2);}
.projectpost-main-case li p{ text-align: center; font-size: 14px; color: #666; line-height: 52px;}


/*case*/
.project-case-list{ margin-top: 6px;}
.project-case-list ul{ margin-right: -15px;}
.project-case-list ul li{ width: 290px; float: left; margin: 0 15px 50px 0;}
.project-case-model{ display: block;}
.case-list-img{ width: 290px; height: 170px; overflow: hidden;}
.project-case-model img{ width: 290px; height: 170px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.project-case-list ul li:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.project-case-model p{ margin-top: 20px; font-size: 14px; line-height: 14px; color: #666; text-align: center;}

/*casepost*/
.project-case-detail h1{ font-size: 22px; line-height: 22px; color: #444; padding-bottom: 28px; text-align: center; border-bottom: 1px solid #dde4ec; margin-top: 6px;}




/*service*/
.service-s2-p1{ margin-top: 50px; overflow: hidden;}
.service-description-content{}
.service-description-title{ height: 174px;}
.service-description-title h2{ margin-top: 64px;}

.service-s2-p2{ margin-top: 76px;}
.service-process-model{ width: 360px; height: 232px; padding-left: 40px; float: left;}
.service-process-head{ position: relative; height: 48px; margin-bottom: 42px;}
.process-num{ position: absolute; top: 0; left: 0; font-family:HeliosThin; font-size: 48px;   line-height: 38px; color: #7fcd61;}
.service-process-head h3{ margin-left: 58px; font-size: 24px; color: #333; line-height: 24px; margin-bottom: 7px;}
.process-sub-title{ margin-left: 58px; font-size: 13px; color: #999;}
.service-process-content{ position: relative; padding-right: 46px; font-size: 13px; color: #666; line-height: 30px;}
.process-model-line{ width: 1px; height: 132px; display: block; background-color: #e9eef2; position: absolute; top: 2px; right: 0;}
.strong-num{ font-weight: bold; color: #7fcd61;}
.service-process-model .process-model-line：last-child{ display: none;}

.service-s2-p3{ margin-top: 66px; height: 640px; overflow: hidden;}
.service-item-list{}
.service-item-model{ display: table-cell; position: relative; height: 320px; padding: 0 80px;  text-align: center; background-color: #eef2f5; border-bottom: 1px solid #dce4ea; float: left;}
.service-item-line{ width: 1px; height: 190px; display: block; background-color: #dce4ea; position: absolute; top: 62px; right: -2px; z-index: 1;}
.service-item-img{ width: 120px; height: 120px; display: inline-block; position: relative;  margin: 50px 0 22px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.service-item-hover{ width: 120px; height: 120px; position: absolute; top: 0; left: 0;}
.service-item-mask{ display: none; position: absolute; top: 0; left: 0;}
.service-item-content h3{ font-size: 18px; line-height: 18px; color: #333; margin-bottom: 18px;}
.service-item-content p{ width: 240px; font-size: 13px; line-height: 24px; color: #999;   margin-bottom: 44px;}
.service-item-model:hover .service-item-hover{ display: none;}
.service-item-model:hover .service-item-mask{ display: block;}

.service-s2-p4{ margin: 50px 0 60px;}
.service-train-list{ width: 1199px; overflow: hidden;}
.service-train-list ul{ width: 1200px;}
.service-train-list li{ width: 299px; height: 140px; border: 1px solid #dce4ea; border-left: 0; float: left;}
.service-train-model{ display: block; text-align: center; padding-top: 38px; height: 102px;  -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}

.service-train-icon{  }
.service-train-img{ width: 65px; height: 64px; margin: 0 16px; float: left; display: inline-block; position: relative;  -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.service-train-hover{ width: 65px; height: 65px; position: absolute; top: 0; left: 0;}
.service-train-mask{ display: none; position: absolute; top: 0; left: 0;}
.service-train-list li:hover .service-train-mask{ display: block;}


.service-train-content{ float: left; }
.service-train-content h3{ font-size: 18px; line-height: 18px; color: #666; margin-top: 22px;}
.service-train-arr{ width: 30px; height: 30px; display: block; float:right; margin: 16px 20px 0 0; background: url(../images/s-1arr1.png) center no-repeat;}
.service-train-list li:hover .service-train-model{ background-color: #7fcd61;}
.service-train-list li:hover h3,.service-train-list li:hover p{ color: #fff;}
.service-train-list li:hover .service-train-arr{ background: url(../images/s-1arr1h.png) center no-repeat;}
.s-t-i1{ background: url(../images/s-2i1.png) center no-repeat;}
.service-train-list li:hover .s-t-i1{ background: url(../images/s-2i1h.png) center no-repeat;}
.s-t-i2{ background: url(../images/s-2i2.png) center no-repeat;}
.service-train-list li:hover .s-t-i2{ background: url(../images/s-2i2h.png) center no-repeat;}
.s-t-i3{ background: url(../images/s-2i3.png) center no-repeat;}
.service-train-list li:hover .s-t-i3{ background: url(../images/s-2i3h.png) center no-repeat;}
.s-t-i4{ background: url(../images/s-2i4.png) center no-repeat;}
.service-train-list li:hover .s-t-i4{ background: url(../images/s-2i4h.png) center no-repeat;}


/*service01*/
.f-service-s1{ width: 100%; height: 280px; margin: 0 auto; position: relative;  overflow: hidden; overflow-x: hidden; background-color: #3671cf;}
.service-banner{ position: absolute;  width: 1920px;  height: 280px;  margin: 0 auto;  overflow: hidden;  left: 50%;  margin-left: -900px; background-color: #3671cf;}
.service-banner-img{ position: absolute; top: 0; left: 0;}

.service-content{ position: relative; height: auto;   overflow: hidden;}

.service-sub-aside{ width: 210px; height: 100%; margin-left: 9px; border-left: 1px solid #ebf1f5; position: absolute; top: 0; left: 0;}
.service-sub-aside ul{ padding-top: 35px;}
.service-sub-aside ul li{ width: 175px; margin-bottom: 1px; padding-left: 32px;  background-color: #eef2f5; cursor: pointer; position: relative;}
.service-sub-aside ul li a{ font-size: 16px; line-height: 55px; color:#444; display: block;}
.service-sub-aside ul li:hover span{ display: block;}

.service-sub-main{ margin-left: 290px; height: auto; padding: 32px 0 110px 0; overflow: hidden;}
.public-list h3 a{display: block; padding-right: 30px; border-bottom: 1px solid #ccc; margin-bottom: 10px; font-size: 16px; color: #7FCD61; line-height: 48px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.public-list li a{ display: block; padding-right: 30px; border-bottom: 1px dashed #e1e4ec; font-size: 14px; color: #666; line-height: 48px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.public-list-square{  display: block; width: 5px; height: 5px; background-color: #e9ebf1; border: 1px solid #d7dae4; float: left; margin: 22px 15px 0 15px;}
.public-list-date{ color: #999; float: right;}
.public-list li a:hover{ background-color: #f6f7fa;}
.public-list li a:hover .public-list-square{  background-color: #7fcd61; border: 1px solid #6cb84f; }

#page-list{ margin:40px 0 0 14px;}
#page-list a{ margin-right: 6px; display:block; text-align:center; font-family:Arial; font-size:13px; line-height: 29px; color:#999; float:left; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s; background: #F4F4F4; padding: 0 12px;}
#page-list span{ padding: 0 12px; display:block; text-align:center; font-family:Arial; font-size:13px; line-height: 29px; color: #fff; float:left; background: #7FCD61; margin-right: 6px;}
#page-list #page-pro { padding: 0;  margin-right: 11px;}
#page-list #page-next{ padding: 0;  margin-left: 11px;}
#page-list i{ width: 30px; height: 30px; display: block; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.page-pro-arr{ background:url(../images/pagel.png) no-repeat center;}
.page-next-arr{ background:url(../images/pager.png) no-repeat center;}
#page-list #pageactive{ background-color:#7fcd61; color: #fff;}
#page-list a:hover{ background-color:#7fcd61; color: #fff;}
.page-pro-arr:hover{ background:url(../images/pagelh.png) no-repeat center; }
.page-next-arr:hover{ background:url(../images/pagerh.png) no-repeat center;}
#page-list i:hover{ background-color: #7fcd61;}
/*.page-active{ background-color: #7fcd61;}*/


/*service02*/
.service-product-p1{ margin-top: 3px;}
.service-product-list li{ width: 443px; height: 98px; background-color: #eef2f5;  border: 1px solid #dce4ea; margin: 0 15px 15px 0; float: left;}
.service-product-list li:nth-child(even){ margin-right: 0;}
.service-product-model{ display: block; text-align: center;  position: relative;  -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.service-product-img{  width: 65px; height: 62px; position: absolute;   top: 22px; left: 32px; }
.service-product-img img{ position: absolute; top: 0; left: 0;}
.service-mask-img{ display: none;}
.service-product-list li:hover .service-mask-img{ display: block;}


.service-product-content{ width: 230px; height: 70px; margin-left: 134px; border-left: 1px solid #dce4ea; padding-left: 30px; text-align: left; float: left;  margin-top: 16px;}
.service-product-content h3{ font-size: 18px; line-height: 18px; color: #333; margin-bottom: 20px;}
.service-product-content p{ width: 222px; height: 46px; font-size: 13px; line-height: 24px; color: #999;}
.service-product-arr{ width: 140px; height: 42px; display: none; position: absolute; top: 50px; right: 10px; background: url(../images/buy.png) center no-repeat;}
.service-product-list li:hover{background-color: #7fcd61; border-color: #7fcd61;}
.service-product-list li:hover .service-product-content{ border-left: 1px solid #a6dc91;}
.service-product-list li:hover h3,.service-product-list li:hover p{ color: #fff;}
.service-product-list li:hover .service-product-arr{ display: block;}

.service-product-p2{ padding-top: 34px;}
.service-product-p2 p{ font-size: 13px; line-height: 28px; color: #777; margin-top: 24px;}
.public-sub-title{ height: 18px; border-left: 4px solid #7fcd61; padding-left: 15px; margin: 15px 0 32px 0; font-size: 18px; color: #333; line-height: 18px;}

/*servicepost*/
.public-head-title{ font-size: 20px; line-height: 40px; color: #333;}
.service-post-content{ margin-top: 20px;}
.service-post-tab{ height: 43px; background-color: #eef2f5; border: 1px solid #dce4ea; border-left: 0;}
.service-post-tab li{ width: 149px; height: 41px; font-size: 15px; line-height: 40px; color: #666; text-align: center; float: left; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.service-post-tab li:hover,.service-post-tab li.active{ background-color: #fff; border-top: 3px solid #7fcd61; border-right: 1px solid #dce4ea; border-left: 1px solid #dce4ea;}
.service-tab-content{ display: none;}

/*service03*/
.service-rma-intro{ margin: 20px 0 44px 0;}
.service-rma-intro p{ font-size: 13px; line-height: 28px; color: #777;}
.service-rma-intro img{ margin: 46px 0 0 94px;}

.service-rma-p2{ height: 150px; background-color: #7fcd61; margin-bottom: 40px; position: relative;}
.s-search{ width: 60px; height: 54px; display: block; background: url(../images/s-search.png) no-repeat; position: absolute; top: 46px; left: 80px;}
.rma-search-l{ margin: 50px 0 0 160px; color: #fff;  float: left;}
.rma-search-l h4{ font-size: 20px; margin-bottom: 8px;}
.rma-search-l p{ font-size: 12px;}

.rma-search-r{ float: right; margin-right: 50px;}
.rma-search-form{ margin-top: 58px;}
.rma-search-input{ width: 312px; height: 33px; padding-left: 15px; background-color: #fff; border: 1px solid #71bd54; font-size: 13px; line-height: 33px; color: #999;}
.rma-search-button{ width: 80px; height: 35px; background-color: #4d88e5; text-align: center; font-size: 14px; line-height: 35px; color: #fff; margin-left: 5px; cursor: pointer;}

.service-black-popup{ width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.45); display: none;}
.service-popup-box{ position: fixed; top: 50%; left: 50%; margin-top: -110px; margin-left: -210px; width: 420px; height: 220px; color: #666; text-align: center; background-color: #fff;}
.close-popup{ width: 18px; height: 19px; display: block; position: absolute; top: 20px; right: 20px; background: url(../images/close-popup.png) center no-repeat; cursor: pointer;}
.service-warning{ width: 69px; height: 51px; display: inline-block; margin-top: 50px; background: url(../images/service-warning.png) center no-repeat;}
.service-feedback{ width: 64px; height: 64px; display: inline-block; margin-top: 40px; background: url(../images/s-c-i.png) center no-repeat;}
.service-popup-info{ height: 165px; border-bottom: 1px solid #e1e4ec;}
.service-popup-box span{ font-size: 14px; line-height: 14px; padding: 56px 0 14px; display: block;}
.service-popup-box strong{ font-size: 30px; line-height: 30px; color: #7fcd61; display: block;}
.service-popup-box p{ font-size: 13px; line-height: 54px;}
.service-popup-box p em{ font-weight: bold;}





/*service04*/
.service-cycle-intro{ margin-top: 20px;}
.service-cycle-intro p{ font-size: 13px; line-height: 28px; color: #777;}
.service-cycle-intro img{ margin: 46px 0 82px;}

.service-cycle-notice{ margin-bottom: 40px;}

/*service05*/
.service-download-p1{ margin: 20px 0 44px 0;}
.service-download-list{ margin: 10px 0 44px 0;}
.service-download-list li{ width: 296px; height: 204px; margin-right: 10px; float: left;}
.service-download-list li:last-child{ margin-right: 0;}
.service-download-list h3{ font-size: 17px; line-height: 17px; color: #333; margin-bottom: 18px; padding-left: 10px;}
.service-download-img{ width: 293px; height: 102px; border: 1px solid #dce4ea; margin-bottom: 20px;}
.service-download-list p{ width: 276px; height: 46px; font-size: 13px; line-height: 26px; color: #777; padding-left: 10px;}



.service-download-p2{ margin-bottom: 40px;}
.sercive-iframe{ border-top: 1px solid #dce4ea; padding-top: 20px; margin-bottom: 48px;}


/*iframe*/
.iframe-content{ width: 904px;}
.iframe-content .public-list{overflow: hidden;}
.download-line{ width: 1px; height: 18px; display: block; background-color: #dae1e8; margin: 14px 15px 0 10px; float: right;}
.service-download-btn{ width: 68px; height: 30px; display: block; background: url(../images/s-d.png) no-repeat; float: right; margin: 8px 20px 0 0; font-size: 13px; line-height: 30px; color: #666; padding-left: 22px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.public-list li:hover .service-download-btn{ background: url(../images/s-dh.png) no-repeat; color: #fff;}


/*service06*/
.service-advice-p1{ margin-bottom: 44px; padding-top: 10px;}
.service-advice-head{ padding-left: 10px; margin-bottom: 58px;}
.service-advice-head h3{ font-size: 18px; line-height: 18px; color: #444; margin: 10px 0 26px;}
.service-advice-head p{ font-size: 13px; line-height: 28px; color: #777;;}
.service-advice-head span{ font-size: 14px; font-weight: bold; color: #333;;}

.service-advice-content{ padding-left: 10px;}
.service-advice-list{ width: 400px; float: left;}
.service-advice-list ul{ margin-bottom: 40px;}
.service-advice-list li{ width: 320px; height: 48px; font-size: 13px; line-height: 48px; color: #696969; border-bottom: 1px solid #e9e9e9;}
.service-advice-list li input{ font-size: 13px; line-height: 48px; color: #666;}

.form-btn{ padding-left: 10px;}
.form-btn button{ width: 90px; height: 30px; display: block; background: url(../images/btn-input.png); font-size: 13px; color: #737373; line-height: 30px; text-align: center; float: left; margin-right: 15px; cursor: pointer; -webkit-transition: .25s; -moz-transition: .25s; transition: .25s;}
.btn-submit:hover,.btn-concel:hover{ background: url(../images/btn-inputh.png); color: #fff;}

.service-advice-message{ float: left;}
.advice-message-box{ margin-bottom: 48px;}
.advice-message-box span{ font-size: 13px; line-height: 48px; color: #696969;  display: block;}
.advice-message-box textarea{ width: 322px; height: 144px; border: 0; resize: none; font-size: 13px; line-height: 30px; color: #666;}
.advice-captcha-box{ width: 320px; border-top: 1px solid #e9e9e9}
.advice-captcha-body{ width:166px; margin-right: 50px; border-bottom: 1px solid #e9e9e9; font-size: 13px; line-height: 48px; color: #696969; float: left;}
.advice-captcha-box label{ float: left;}
.advice-captcha-box input{ float: left; width: 114px; font-size: 13px; line-height: 47px; color: #666;}
.captcha{ float: left; margin-top: 8px;}


/*service07*/

/*about*/
.f-about-s1{ width: 100%; position: relative; height: 280px; margin: 0 auto; background-color: #3671cf; overflow: hidden; overflow-x: hidden;}
.about-banner{ position: absolute;  width: 1920px;  height: 280px;  margin: 0 auto;  overflow: hidden;  left: 50%;  margin-left: -900px; background-color: #3671cf;}
.about-banner-img{ position: absolute; top: 0; left: 0;}

.f-about-s2{ height: auto;}
.about-content{ padding-top: 35px; position: relative; height: auto;}
.about-aside{ width: 210px; height: 100%; margin-left: 9px; border-left: 1px solid #ebf1f5; position: absolute; top: 0; left: 0;}

.menu-list{ padding-top: 35px;}
.hover-line{ width: 5px; height: 55px; display: none; background-color: #7fcd61; position: absolute; top: 0; left: -3px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s; z-index: 1;}
.active-line{  width: 5px; height: 55px; display: block; background-color: #7fcd61; position: absolute; top: 0; left: -3px; z-index: 1;}
.menu-head{ width: 175px; margin-bottom: 1px; padding-left: 32px; font-size: 16px; line-height: 55px; color:#444; background-color: #eef2f5; cursor: pointer; position: relative;}
.menu-head:hover span{ display: block;}
.menu-body a:hover{ color: #000;}

.about-main{ margin-left: 290px; height: auto; padding-bottom: 40px; overflow: hidden;min-height: 500px;}
.about-head-title{ font-size: 18px; line-height: 18px; color: #444; margin-top: 8px;}
.about-introduction p{ font-size: 13px; line-height: 28px; color: #777; margin-top: 24px;}
.about-introduction-list{ border-top: 1px dashed #e1e4ec; margin: 30px 0 60px;}
.about-introduction-list li{ border-bottom: 1px dashed #e1e4ec; padding: 40px 0; position: relative;}
.about-introduction-list li img{ position: absolute; top: 30px; left: 20px;}
.about-introduction-content{ margin-left: 198px;   overflow: hidden;}
.about-introduction-content h3{  font-size: 18px; line-height: 18px; color: #333; margin-bottom: 20px; }
.about-introduction{font-size: 13px;line-height: 28px;color: #777;margin-top: 24px;}

.about-history ul{ margin-top: 26px;}
.about-history li{ border-top: 1px dashed #e1e4ec; font-size: 14px; line-height: 60px; color: #777; position: relative;}
.a-list-bg{ background-color: #f6f7fa;}
.about-history i{ width: 11px; height: 11px; display: block; position: absolute; top: 25px; left: 111px; background: url(../images/a-2i1.png) no-repeat;}
.about-history-year{ width: 72px; font-size: 24px; line-height: 56px; color: #333; padding: 0 20px 0 24px; margin-right: 20px; border-right: 1px solid #e1e4ec; float: left; font-family:HeliosThin;}
.about-history-year span{ font-size: 13px; font-family: '微软雅黑';}
.about-history li p{ width: 760px; display: block; line-height: 21px; height: 50px; padding-top: 10px;}
.a-border-fn{  margin-top: 30px; height: 30px; line-height: 0;}
.a-border-ln{ height: 30px; line-height: 54px;}


/*about02*/
.about-join-head{ margin-bottom: 46px;}
.about-join-model{ width: 300px; margin-right: 1px; float: left;}
.about-join-model h2{ font-size: 16px; line-height: 105px;}
.about-join-model p{ width: 250px; height: 38px; border-left: 1px solid #e1e4ec; padding: 20px 0 0 20px; font-size: 12px; line-height: 20px; color: #666;}
.about-join-model i{ width: 15px; height: 15px; display: inline-block; margin: 46px 10px 0 15px;   float: left;}
.about-join-model1{  color: #555;  background-color: #eef2f5; border-bottom: 5px solid #e4ebef;}
.about-join-model1 i{ background: url(../images/a-3i1.png);}
.about-join-model2{ color: #fff; background-color: #7fcd61; border-bottom: 5px solid #65bd4a;}
.about-join-model2 i{ background: url(../images/a-3i2.png);}
.about-join-model3{ color: #fff; background-color: #3571cf; border-bottom: 5px solid #2759c1;}
.about-join-model3 i{ background: url(../images/a-3i3.png);}

.about-join-sent{ font-size: 14px; line-height: 32px; color: #666;  padding-bottom: 26px;}
.about-join-sent img{ float: left; margin-right: 10px;}






/*about03*/
.about-activities-list li{ border-bottom: 1px dashed #e1e4ec; padding-bottom: 30px; margin-top: 30px; height: 130px;}
.a-img-mask{  width: 360px; height: 130px;  margin-right: 30px;  overflow: hidden; float: left;}
.about-activities-item img{  width: 360px; height: 130px; transition: all 1s ease 0s;}
.about-activities-content{ float: left;}
.about-item-news{ float: left; width: 396px; margin-right: 34px;}
.about-item-news h3{ font-size: 16px; line-height: 16px; color: #333; margin: 14px 0 24px;}
.about-item-news p{ font-size: 12px; line-height: 26px; color: #999;}
.about-item-r{ float: left; height: 100px; width: 60px; padding-left: 24px;  border-left: 1px solid #e1e4ec; margin-top: 15px;}
.about-news-date{ font-size: 17px; line-height: 17px; color: #999; margin-bottom: 6px; display: block;}
.about-news-year{ font-size: 12px; line-height: 12px; color: #cdcccc; display: block;}
.about-item-r i{ width: 36px; height: 36px; display: block; background: url(../images/arr-a1.png); margin-top: 28px; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition:0.25s;}
.about-activities-list li:hover img{ -webkit-transform: scale(1.2);}
.about-activities-list li:hover .about-item-r i{ background: url(../images/arr-preh01.png);}


/*about031*/
.about-news-head{ padding-bottom: 28px; border-bottom: 1px solid #e1e4ec; text-align: center;}
.news-head-title{ font-size: 18px; line-height: 18px; color: #333; margin: 8px 0 18px;}
.news-head-info{ height: 20px;  display: inline-block;}
.news-head-info span{ display: block; line-height: 20px; font-size: 12px; color: #999; float: left;}
.news-head-info a{ width: 20px; height: 20px; display: block; float: left}
.a-s{ background: url(../images/a-s.png); margin-left: 24px;}
.a-t{ background: url(../images/a-t.png);}
.a-s:hover{ background: url(../images/a-sh.png);}
.a-t:hover{ background: url(../images/a-th.png);}
.a-line-n1{ width: 1px; height: 12px; background-color: #e1e4ec; display: block;  margin: 3px 9px 0; float: left;}


/*about022*/
.about-contect-content{ overflow: hidden;}
.about-contect-content h2{ font-size: 18px; line-height: 18px; color: #444; margin: 10px 0 20px;   overflow: hidden;}
.about-contect-content li{ padding: 36px 0; overflow: hidden;}
.about-contect-bg{ background-color: #f6f7fa; border-top: 1px dashed #e1e4ec; border-bottom: 1px dashed #e1e4ec;}
.about-contect-city{ float: left; margin: 0 46px 0 30px; width: 100px;}
.about-contect-city i{ width: 12px; height: 16px; display: block; background: url(../images/a-5i2.png); float: left; margin-right: 22px;}
#about-icon-bj{ width: 20px; height: 26px; display: block; background: url(../images/a-5i1.png); float: left; margin-right: 14px;}
.about-contect-city h3{ float: left; font-size: 18px; color: #333; line-height: 18px; margin-bottom: 6px;}
.about-contect-city h4{ display: block;  font-size: 13px; margin-left: 34px;}


.about-contect-info{ float: left;}
.about-contect-info p{ font-size: 13px; line-height: 28px; color: #333;}
.about-color-txt{ color: #7fcd61; font-weight: bold;}
.about-color-num{ font-size: 14px; font-weight: bold; line-height: 28px; color: #666;}


/*login*/
.login-head{ font-size: 22px; line-height: 22px; color: #333;  margin-top:35px; padding-bottom: 30px; text-align: center;  border-bottom: 2px solid #8add66;}
.login-body{ width:600px; height: 364px;   margin: 30px 0 0 450px;}
.default{ position: relative; display: block;  height: 48px; margin: 0 auto 20px;}
.default input{ display: block; width: 245px; padding-left: 52px; border: 1px solid #dde4ec; border-radius: 3px; font-size: 13px; line-height: 48px; color: #cacdd3;}
.default span{ float: left; display:none}
.login-body .default.error span{ display:block}
.logon-form .default.error span,.logon-form .default.active span,.logon-form .default.succeed span{ display:block; width: 100px;}
.logon-form .default.succeed .tipstext{ display:none}
.default .login-email-input{ color: #8495a3; padding-left: 45px;}
.default .login-email-label{ width: 23px; height: 24px; display: block; position: absolute; top: 12px; left: 15px; background: url(../images/l-1i1.png);}
.default .login-pw-input{ color: #8495a3; padding-left: 45px;}
.default .login-pw-label{ width: 23px; height: 24px; display: block; position: absolute; top: 12px; left: 15px; background: url(../images/l-1i2.png);}
.login-btn{ display: block; margin: 10px 100px 0 0;}
.login-login-btn{ width: 140px; height: 45px; display: block; float: left; margin-right: 20px; text-align: center; line-height: 45px; font-size: 15px;}
.login-login-btn{ background: url(../images/l-2i1.png); color: #fff; cursor: pointer;}
.login-logon-link{ background: url(../images/l-2i2.png); color: #666;}


/*register*/
.logon-head h1{ text-align: center; font-size: 22px; line-height: 22px; color: #333;  margin:35px 0 30px;}
.logon-head h2{ width: 100%; height: 56px; text-align: center; font-size: 13px; color: #8495a3; line-height: 56px; border-top: 2px solid #8add66; border-bottom: 1px dashed #e1e4ec; background-color: #f8f9fb;}
.logon-head em{ color: #f00; font: 13px "宋体";}
.logon-form{ height: 720px; width: 740px; margin: 30px auto;}
.logon-form li{ width: 740px; height: 40px; color: #8495a3; line-height: 40px; margin-bottom: 15px;}
.default label{ width: 120px; font-size: 14px; float: left; margin-right: 15px; text-align: right; }
.default input{ width: 275px; height: 38px; padding-left: 15px; border: 1px solid #dde4ec; border-radius: 3px; font-size: 13px; line-height: 38px; color: #cacdd3; float: left;}
.default span{ float: left; font-size: 13px; margin-left: 10px;   line-height: 40px;}
.default textarea{ width: 283px; height: 138px; border: 1px solid #dde4ec; padding-left: 15px;  resize: none; font-size: 13px; line-height: 30px; color: #666; float: left;}
.default em{ color: #f00; margin-right: 10px; font: 13px "宋体";}
.logon-form button{ width: 300px; height: 45px; font-size: 15px; color: #fff; line-height: 45px; text-align: center; margin-top: 50px; margin-left: 138px; background: url(../images/r-1i1.png); cursor: pointer;}
.active input{ border-color: #a3b5c3;}
.active span{ color: #8495a3;}
.error input{ border-color: #e1261c;}
.error span{ color: #f66;}
.default.error i{ width: 16px; height: 16px; display: inline-block; margin-right: 8px; margin-top: 12px; background: url(../images/r-2i1.png); float: left;}
.default.succeed i{ width: 16px; height: 16px; display: inline-block; margin-right: 8px; margin-top: 12px; background: url(../images/r-3i1.png); float: left;}
.succeed span{ color: #8495a3;}


.tipstext{ width:340px;}
.login-body .default span{ width:240px}
#regSuccess .service-popup-box span{ padding-top:80px}
#sncodeSuccess.error strong{ display:none}
#popupParameters{ z-index:999;overflow-x:hidden; overflow-y:scroll}
#popupParameters .popup-box{ width:1000px; margin:0 auto; padding:20px}

#sncodeSuccess .service-popup-box{ display: none}
#sncodeSuccess.success .service-popup-box.success{ display: block}
#sncodeSuccess.error .service-popup-box.error{ display: block}



/*legal*/
.legal-wrap{ width: 1000px; margin: 0 auto; font-size: 13px; line-height: 28px; color: #777; padding-bottom: 110px;}
.legal-head{ font-size: 18px; line-height: 88px; color: #444; text-align: center;}
.legal-item{ font-size: 15px; line-height: 15px; color: #333; margin: 16px 0;}

.service-product-list ul{ margin-right:-15px}