html { -webkit-text-size-adjust: none; }
html,body { height: 100%; }
body { color: #555;  min-width: 1200px; font-family:microsoft yahei; }
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a, span, i, b {
	padding: 0; 
	margin: 0;font-weight:normal; letter-spacing:1px}
.main-body { padding-bottom: 40px; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { 
	display: table; 
	line-height: 0; 
	content: "";
}
.clearfix:after { clear: both; }
/* top */
.top-wrap { 
  width: 100%;
  height: 90px;
  min-width:1200px; position:fixed; top:0; background: #fff; z-index:100; border-bottom:1px solid #e1e1e1; 
}
.top {width:1200px; margin:0 auto; text-align:center  }
.top a{ vertical-align:middle; font-size:14px; font-weight:300}
.top .logo {
  float: left; line-height:90px; font-weight:600; font-size:16px; margin-left:15px; color:#555; text-decoration:none;background:url(../images/name-logo.png) no-repeat 0 center; padding-left:214px;
}
.top .layout-right {
 float:right; width:630px; margin-right:15px;
}
.nav{ text-decoration:none; color:#525252; line-height:90px; margin-left:50px;}
.nav:hover{ color:#000; }
.contain{ margin-top:70px;}
/*  home  */
.main{ position:relative; width:1200px; margin:0 auto; color:#474747;}
.slider1{ height:640px;background-image:url(../images/bg.jpg);background-repeat:no-repeat;background-size:cover;backgrond-attachment:fixed;background-position:center;}
.slider1 h1{ text-indent:-9999px; width:400px; height:60px; margin:0 auto; padding-top:170px; text-align:center;background: url(../images/h1-logo.png) no-repeat center bottom;}
.h2_slider{ font-weight:800; color:#697a70; text-align:center; font-size:36px; letter-spacing:2px; line-height:1; margin-top:36px;}
.h3_slider{ font-weight:200; color:#697a70; text-align:center; font-size:30px; letter-spacing:2px; margin-top:36px; }
.slider1 .home_down{ margin:42px auto 0; text-align:center}
.big{ font-size:24px;  text-decoration:none; color:#697a70; padding:10px 60px 10px 24px; display:inline-block;  border:2px solid #697a70; letter-spacing:2px;font-weight:200; background:transparent url(../images/arrow.png) no-repeat right center;}
.gs1{ height:540px; }
.gs1 .box span{display:block; margin:0 auto 10px;  background:transparent url(../images/icon_feature.png) no-repeat; width:84px; height:74px;}
.gs1 .sol_finance span{ background-position:0 0;}
.gs1 .sol_public span{ background-position:0 -80px;}
.gs1 .sol_consumer span{ background-position:0 -160px;}
.gs1 .sol_internet span{ background-position:0 -240px;}
.gs1 .sol_ec span{ background-position:0 -320px;}
.gs1 .main h3{ font-size:20px; font-weight:bold; margin-bottom:30px}
.gs1 ol{ text-align:left; margin-left:110px}
.gs1 ol li{ line-height:1.6}
/* scroll*/
.RForm {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.RForm DT {	LINE-HEIGHT: 23px}
.RformB {	PADDING-LEFT: 10px}
.blk_29 {ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/icon_feature.png) no-repeat 0px -720px; LEFT: 0; FLOAT: left; WIDTH: 50px; CURSOR: pointer; POSITION: absolute; TOP: 100px; HEIGHT: 50px}
.blk_29 .RightBotton {	RIGHT: 0; BACKGROUND: url(../images/icon_feature.png) no-repeat -80px -720px;FLOAT: right; WIDTH: 50px; CURSOR: pointer; POSITION: absolute; TOP: 100px; HEIGHT: 50px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; }
.blk_29 .box {	FLOAT: left; WIDTH:363px; TEXT-ALIGN: center}
.rollphotos {	MARGIN-TOP:80px;}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 950px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}
/* scroll end*/
.gs1_2{ font-size:24px; margin-top:52px}
.gs_p{ margin-top:70px;}
.gs2{ height:720px;}
.case{ margin-top:80px}
.gll,.gmm,.grr{ float:left;}
.gll,.gmm{ margin-right:16px;}
.gll .block{ width:313px; height:249px;}
.gmm .block{ width:652px; height:519px;}
.grr .block{ width:202px; height:162px;}
.block{ position:relative;}
.main .block h3{ position:absolute; color:#fff; font-weight:200; }
.case_l_1{ margin-bottom:21px; background: url(../images/pic_l_1.png) no-repeat 0 0;}
.case_l_2{background: url(../images/pic_l_2.png) no-repeat 0 0;}
.case_m{background: url(../images/pic_m.png) no-repeat 0 0;}
.case_r_1{ margin-bottom:17px;background: url(../images/pic_r_1.png) no-repeat 0 0;}
.case_r_2{ margin-bottom:16px;background: url(../images/pic_r_2.png) no-repeat 0 0;}
.case_r_3{background: url(../images/pic_r_3.png) no-repeat 0 0;}
.case_l_1 h3,.case_l_2 h3{ font-size:20px; bottom:11px; left:15px; letter-spacing:2px;}
.case_m h3{font-size:26px; bottom:16px; left:25px; letter-spacing:3px}
.case_r_1 h3,.case_r_2 h3,.case_r_3 h3{font-size:15px; bottom:7px; left:8px; letter-spacing:2px}
.advantage{ height:470px; }
.advantage h3{ font-size:19px; font-weight:bold; text-align:center; margin-bottom:40px}
.adv{ margin-top:80px;}
.ad_col{ width:30.6%;  float:left; margin-right:4%}
.ad_col span{ display:inline-block; width:60px; height:60px; margin-left:20px; float:left; background: url(../images/icon_feature.png) no-repeat 0 0; margin-top:4px;}
.ad_col p{ float:left; width:250px; font-size:15px; text-align:left; margin-left:20px; letter-spacing:1px; line-height:1.8}
.ad_l span{ background-position:0 -400px;}
.ad_m span{ background-position:0 -480px;}
.ad_r span{ background-position:0 -560px;}
.ad_r{ margin-right:0; float:right}
.partner{ background:#f9f9f9; height:480px;}
.imgs{ margin-top:60px;}
.imgs div{ float:left; margin:15px 25px}
.imgs div img {	-webkit-filter: grayscale(1);/* Webkit */ 
filter:gray;/* IE6-9 */ 
filter: grayscale(1);/* W3C */ filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }
.footer{ background:#333;height:450px; font-size:15px; }
.foot_logo{background: url(../images/footer-logo.png) no-repeat 0 0; width:125px; height:25px; margin-top:70px;}
.info{ margin-top:50px;}
.info li{ list-style:none; margin-top:10px;}
.info span{background: url(../images/icon_feature.png) no-repeat 0 0; padding-left:30px;}
.info .f_map{background-position:-84px -400px}
.info .f_phone{background-position:-84px -434px}
.info .f_support{background-position:-84px -472px}
.info .f_mail{background-position:-84px -509px}
.info .f_consult{background-position:-84px -542px; margin-left:60px}
.footer .f_consult a{ text-decoration:underline; color:#777}
.f_btn{ padding:15px;border-radius:50%; float:left; background-color:#545454 }
.f_btn i{ width:20px; height:20px; display:inline-block; cursor:pointer}
.f_weibo i {background: url(../images/icon_feature.png) no-repeat -87px -586px; position:relative}
.f_qq i{background: url(../images/icon_feature.png) no-repeat -87px -642px;}
.f_btn:hover{ background-color:#20a56e}
.f_l,.f_r{ float:left; text-align:left;color:#777; }
.f_l{ width:850px; margin-left:15px;}
.f_r{ width:300px; margin-top:140px; font-size:14px; position:relative;}
.f_r p{ float:left; margin-left:15px; margin-top:2px;}
.f_r div{ clear:both; height:70px;}
.f_r strong,.f_r em{ font-style:normal; font-weight:normal; display:block; margin-bottom:5px;}
.footer a{ color:#555; text-decoration:none}
.footer a:hover{ color:#777;}
.footer .link{ color:#20a56e}
.footer b{ margin-left:40px;}
.copy-right{ margin-top:130px;}
.f_weibo .weibo_code{ position:absolute; top:-235px; left:-65px;  background:#fff; z-index:1; width:200px; height:200px; padding:8px; visibility:hidden}
.f_weibo:hover  .weibo_code{ visibility:visible}
.f_r .weibo_code i{ width:22px; height:12px; display:inline-block; position:absolute; left:80px; bottom:-11px; z-index:2;background: url(../images/icon_feature.png) no-repeat 0 -645px;}

.ui-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1803;
}
.ui-popup-mask {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.45;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.ui-popup-wrapper {
    background: #fff none repeat scroll 0 0;
    left: 50%;
    position: absolute;
    top: 50%; color:#666
}

/*   modal  */
a.modal_close {
    color: #999;
    display: block;
    font-family: Arial;
    font-size: 26px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 30px;
}.modal_header{  height:50px; }
.modal_header span {
    padding-left: 20px;
  line-height:50px;    font-size: 17px;    color: #555; font-weight:bold

}
.modal_body {
    margin: 0 auto;
}
.buy-wrapper{ width:520px;  margin-left:-262px; margin-top:-255px; border:1px solid #0b470d;}
.buy-wrapper .modal_body{ width:520px; padding-bottom:30px}

.label-txt{
  display: inline-block;
  width: 120px;
  padding-right: 15px;
  text-align: right;  font-size:15px;
 vertical-align: top;margin-top:7px; letter-spacing:0
}
.inp-txt{
  position: relative;
  width: 300px;
  height: 30px;
  padding: 0 4px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #ccc; 
}
.stat .w250{ width:310px}
.stat select{ width:120px; padding:4px 3px; border:1px solid #ccc}
.editor .tb{ width:300px; height:70px; line-height:1.5 }
.dis-ib{ display:inline-block;}
.need{ color:#f00; margin-right:4px; font-weight:bold; vertical-align:middle }
.date{ width:155px; margin-right:15px;}
.form-area li{ margin-top:10px;list-style-type:none;}
.view_foot{ text-align:center; margin-top:12px;}
.tipr{ margin:0 15px 6px; color:#999; font-size:12px; letter-spacing:0px;}
/* btn size */
.btns {display: inline-block;margin-top: 10px;}
.btns a {
  display: inline-block;
  width: 110px;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  background-color: #20a56e;margin:0 5px; text-decoration:none}
.btns a.btn_sec{ background:#ddd; color:#333}
.ta-c{ text-align:center; margin-top:3px;}
.radio1 input{ margin-right:6px; vertical-align:middle}
.radio1{ margin-right:12px; vertical-align:middle; font-size:15px;}
input,select,textarea{ font-family:microsoft yahei; color:#555; font-size:15px;letter-spacing:0}
.error{ color:#f00; text-align:center; font-size:12px;}
.freeback{ height:200px; width:400px; margin:30px auto 0; line-height:2}
.suc .ta-c{ margin-bottom:12px;}
.anchor{margin:-70px 0 0;border-top:70px solid transparent;z-index:1; position:relative; display:block}
.main h2{ font-size:30px; line-height:1; text-align:center; margin-top:80px;}
.icp { padding:15px 0 0; background:#ccc; text-align:center; margin:auto; height:76px}
.icp span{ margin:0 30px; color:#888; font-size:12px;}
.icp span em{ margin-left:5px;font-style:normal}
.icp span img{ vertical-align:middle}
.icp .imgc{height:76px; line-height:76px; vertical-align:middle; display:inline-block}
.inp-error, .editor .inp-error {
    border: 1px solid #EA7A7A;
    color: #EA7A7A;
}