@charset "utf-8";
*{ margin:0; padding:0}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}ol,ul{list-style:none}:focus{outline:0}a img{border:0}img{ border:0;vertical-align:middle}
body{font:14px "microsoft yahei","Arial Narrow";background:#f8f5f6;-webkit-text-size-adjust:100%;}
.fl{ float:left}.fr{ float:right} .clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
em,i{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}a{ color:#000; text-decoration:none}a:hover{ color:#000; text-decoration:none}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal}
input{ font-family:"microsoft yahei"}
.mr0 li:nth-child(3){margin-right: 0!important;}
.mr0 li:nth-child(6){margin-right: 0!important;}

.header{ width:100%; height:80px; background:#404145; position:fixed; top:0; left:0;-webkit-box-shadow: 0px 2px 0px #888888;-moz-box-shadow: 0px 2px 0px #888888;box-shadow: 0px 2px 0px #888888;z-index:9999;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));}

.head{ width:1200px; margin:0 auto; height:80px; position:relative;font-size:16px; z-index:1000}
.sy_container{ width:1200px; overflow:hidden; margin:0 auto;padding-top: 20px;}
.logo{ padding-top:7px; float:left; width:435px;background: url("../images/sy_logo1.png")no-repeat center right;}
.nav{ padding-top:45px; position:absolute; right:150px; top:0}
.nav li{ float:left; background:url(../images/nav_line.gif) right 4px no-repeat; text-align:center; padding:0 12px; }
.nav li.last{ background:none; margin-right:14px;}
.nav a{ color:#fff; text-decoration:none; height:34px; display:block;}
.nav a:hover,.nav a.on{ border-bottom:3px solid #fb7f03;}
.sy_login{width:150px; height:318px; position:absolute; right:0; top:0;}
.login_btn{width:150px; display:block; height:90px; background:url(../images/login_btn.gif) 0 0 no-repeat;    position: relative;}
a.lg_btna{ height: 82px; line-height: 82px; display: block; width: 150px;text-indent:46px;text-decoration:none; color: #fff}
.login_box{ width:190px; height:180px; background:#fff; border:1px solid #ddd; position:absolute; right:0; top:90px; padding:20px 35px;-webkit-box-shadow: 0px 0px 14px #ccc;-moz-box-shadow: 0px 0px 14px #ccc;box-shadow: 0px 0px 14px #ccc; display:none;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.lg_hover .login_box{ display:block;}
h2.login{ color:#888888; padding-bottom:12px; overflow:hidden; display:block}
.fgw{ font-size:12px; color:#338aa5; padding-top:1px; display:block; }
input.login{ width:188px; height:28px; border:1px solid #ddd; line-height:28px\9; text-indent:6px;font-size:12px;}
input.cat{ width:86px; margin-right:8px; overflow:hidden}
.login_box p{ padding-bottom:9px; clear:both;}
.login_box p.submit{ padding-top:13px;}
.lg_submit{ width:188px; height:28px; background:url(../images/login_btn_bg.gif) 0 0 repeat; text-align:center; line-height:28px; color:#fff; border:1px solid #276a7f; cursor:pointer}
.banner{ width:100%; height:459px; display:block; background:url(../images/banner.png) center 0 no-repeat; position:relative; z-index:1;-webkit-box-shadow: 0px 2px 5px #b4b4b4;-moz-box-shadow: 0px 2px 5px #b4b4b4;box-shadow: 0px 2px 5px #b4b4b4; }
.banner_c{ width:904px; text-align:center; margin:0 auto; padding-top:175px;}
h2.sy{ color:#338aa5; font-size:42px; padding-bottom:28px;}
.sy_search_box{ width:846px; height:60px; background:url(../images/png.png) 0 0 repeat; padding:20px 29px; display:block; position:relative; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
input.sy_num{ height:58px; line-height:58px; background:#fff url(../images/mirror.gif) 12px center no-repeat; border:1px solid #f1f1f1; float:left; width:674px; font-size:18px;
text-indent:58px;}
.sy_search_btn{ width:170px; height:60px; text-align:center; background:#ff7f00; font-size:24px; font-weight:bold; color:#fff; float:right; border:none; cursor:pointer}

.ibt { width: 1200px;  margin: 0 auto;  color: #333333;  font-size: 20px;  text-transform: uppercase;  text-align: center;  height: 80px;  background: url(../images/btbg.png) center 40px no-repeat;  }
.ibt h2{font-size: 20px;}
.case_ul{ width:1240px; overflow:hidden;padding-top: 15px}
.case_ul li{ width:350px; height:240px; background:#fff; margin-bottom:40px; overflow:hidden; position:relative; float:left; cursor: pointer; margin-right:62px;}
.case_ul li h3.name{font-size: 18px; height: 75px;  line-height: 75px;  display: block;  text-align: center;}
.case_ul li h3.hover{ background:#ff7f00; color:#fff;}
.black_cover{ width:350px; height:180px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;  position:absolute; left:0; top:0; z-index:1; display:none}
.scan_code{ position:absolute; left:100px;  width:150px; height:150px; display:block; z-index:2}
.scan_icon{ width:40px; height:40px; display:block; background:url(../images/scan_icon.png) no-repeat 0 -40px;  position:absolute;  left:158px; top: 158px; z-index:2}
.scan_icon_hover{background-position:0 0;}

.ct_con{ width:900px; margin:20px auto;}
.ct_con ul.ct_top{ width:100%; overflow:hidden;}
.ct_con ul.ct_top li{ width:228px; text-align:center; float:left; margin-right:105px; margin-bottom:20px;}
.ct_con ul.ct_top li.noMargin{ margin-right:0;}
.ct_con ul.ct_top li span{ height:30px; line-height:30px;}


/*解决方案*/
.project ul li{float:left;width:321px;height:218px;margin: 15px;  margin-right: 80px; background: url("../images/tit_1.png");}
.project ul li div.box_project_num{ float:left; width:34px; height:33px; margin-left:9px; margin-top:11px; text-align:center; line-height:33px; color:#fff; font-size:18px; font-weight:bold;}
.project ul li div.box_project_tit{ float:left; width:260px; height:33px; margin-top:11px; margin-left:9px; line-height:33px; font-size:18px; font-weight:bold;}
.project ul li div a{ color:#000;font-size: 16px;}
.project ul li div.box_project_img{ float:left; width:309px; height:103px; margin-left:6px; margin-top:14px;}
.project ul li div.box_project_img img{ width:309px; height:103px;}
.project ul li div.box_project_con{ float:left; width:309px; height:48px; margin-left:6px; margin-top:5px; font-size:13px; line-height:24px;}

.cus_tips_title,.cor_joiner{ width:100%;height: 72px; line-height: 72px; font-size:30px; color: #fff; display:block;text-align: center}
.cus_tips_con{ text-align:right;padding-bottom: 50px}
.cor_joiner{ padding:76px 0 72px 0;}
.cor_joiner span{ float:left; margin-right:7px;}
span.joiner{   background: url(../images/icon_dianhua.png) 0 5px no-repeat;  padding: 10px 0 0 40px;  color: #fff;  font-size: 16px;  position: absolute;  right: 175px;  top: 5px; }
span.joiner i{ display:block; height:17px; line-height:17px; margin-bottom: 7px;}

.cor_joiner_ul{ padding:15px 0 50px 0; overflow:hidden; width:100%;}
.cor_join_cm{ background:url(../images/joiner_icon.png) no-repeat;  display:block;}
.cor_joiner_ul li{ float:left;overflow:hidden; position:relative; border-right:1px solid #ddd; width:222px; height:218px; padding-left:40px; padding-right:40px;}
.cor_joiner_ul li.li1{ padding-left:0; width:172px }
.cor_joiner_ul li.li2{width:186px }
.cor_joiner_ul li.li3{width:154px }
.cor_joiner_ul li.li4{width:177px }
.cor_joiner_ul li.li5{width:184px; padding-right:0; border-right:0;}

.cor_joiner_ul li h3{ font-size:20px; color:#333; padding-top:24px; text-align:center; padding-bottom:8px; width:182px;}
.cor_joiner_ul li p{ color:#636262; width:182px;}
.cor_joiner_ul li i{ display:block; width:102px; height:102px;}
.cor_joiner_ul li i.i1{ background-position:0 0; margin-left:43px;}
.cor_joiner_ul li i.i2{ background-position:0 -102px; margin-left:48px;}
.cor_joiner_ul li i.i3{ background-position:0 -204px; margin-left:36px;}
.cor_joiner_ul li i.i4{ background-position:0 -306px; margin-left:35px;}
.cor_joiner_ul li i.i5{ background-position:0 -408px; margin-left:42px;}

.footer{ width:100%; height:90px; overflow:hidden; text-align:center; color:#fff; background:#404145; padding-top:25px; font-size:12px;}
.footer p{ line-height:1.9}

a.logblue:hover{ color:#0000ff; text-decoration:none}
.loged,.logedrole{ line-height:33px;font-size:12px; color:#666}
.logedrole{line-height:22px;}
.font_loged{ color: #338aa5;}


.xwzx {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.xwzx ul{
    height: 315px;
}
.xwzx ul li {
    width: 480px;
    float: left;
    height: 70px;
    margin: 25px 95px 0 25px;
    display: block
}
.xwzx ul li samp {
    height: 70px;
    font-size: 52px;
    line-height: 70px;
    display: block;
    width: 80px;
    text-align: center;
    color: #fff;
    float: left;
    background: #ff7f00;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 20px;
}
.xwzx ul li strong {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
}
.xwzx ul li strong a {
    display: block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
}
.xwzx ul li strong:hover {
    color: #73272e;
}
.xwzx ul li strong span {
    display: block;
    height: 18px;
    font-size: 12px;
    float: right;
    width: 80px;
    text-align: right;
    color: #8e8e8e;
}
.xwzx ul li p a {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    color: #707070;
}


/*案例*/
.clo_wr{background-color: #fff;}
.content{ padding-top: 155px; width: 1170px; margin: 0 auto;}
#crumbs{  font-size: 15px;padding:5px 0 5px 20px;color: #999; }
.content .case_crumbs{  font-size: 15px;padding-bottom: 10px;color: #999; }
.content h2{ font-size: 22px;color: #000;}
.content .tit{ padding: 40px 70px;height: 315px;}
.content .tit .fl_l{ float: left; }
.content .tit .fl_r{  padding: 50px 0 50px 65px;width: 50%;}
.content .tit .fl_r h2{font-weight: 600}
.content .tit .fl_r span{  margin-top:20px;font-size: 18px;display: block;color: #383838}
.content .inr{padding:0 50px 0 50px;color: #000;}
.content .inr h1{  font-size: 30px; font-weight: 500;margin-bottom: 20px;margin-top: 20px;}
.content .inr p{  font-size: 16px;margin-bottom: 15px; }
.content .inr ul li{ float: left;margin-right: 90px}
.content .inr .inr-tit{ font-size: 16px; color: #000;  font-weight: 600;margin-bottom:20px;}
.content .aligncenter{display: block;  margin: 0 auto;}
.content .txtcenter{text-align: center;}