@font-face {
	font-family: 'Conv_Roboto-Regular';
	src:url('../font/Roboto-Regular.ttf'), url('../font/Roboto-Regular.eot') ;
	font-weight: normal;
	font-style: normal;
}

.top{ height:40px; line-height:40px; background:#323232}
.top .left{ margin-left:-65px;}
.top .right{ margin-right:0px;padding-top:6px;}
.top .left a{ display:block; width:80px; height:40px; line-height:40px; text-align:center; float:left; color:#fff}
.top .left a:hover{ background:#fff; color:#323232}

.top_search{ display:block; float:left; border:0; padding:0; margin:0; background:#fff; height:20px; line-height:20px; border-radius:9px; padding:0 10px; margin:5px 30px 0 0}
.top_search .text{ width: 148px; height:16px; line-height:16px; border:0;padding:0;}
.top_search .top_search_btn{ margin-top:4px}
a.top_icon_wx{ float:left; display:block; width:19px; height:15px; background:url(../image/top_icon_wx.png) no-repeat center; margin:6px 10px; position:relative;}
a.top_icon_wx img{ position:absolute; left:50%; margin-left:-129px; top:15px; display:none; z-index:90000;}
a.top_icon_wx:hover img{display:block;}
a.top_icon_wb{ float:left; display:block; width:19px; height:15px; background:url(../image/top_icon_wb.png) no-repeat center; margin:6px 10px}

.headmid{ background:#3359ab; height:76px;}
.logo{ float:left;margin-top: 10px;margin-left: -40px;}
.nav {float:right;padding-top:16px; margin-right:-35px;}
.nav li{ float:left;margin-top: -8px; }
.nav li a{ display:block; width:115px; height:60px; line-height:60px; float:left; text-align:center; color: #d6e0f5; font-size:16px; letter-spacing:5px;}
.nav li a.act{ background:url(../image/nav_li_sanjiao.png) no-repeat bottom center;background-size: 12px 7px;}
.nav li .navchild{ position:absolute; width:100%; top:108px; left:0; min-height:190px;_height:190px; background:url(../image/navchild_bg.png) repeat-y center;box-shadow:0 4px 4px #A1A1A1; z-index:99999; display:none}

.navchild_left{ width:300px; margin-top:40px;  float:left; }
.navchild_left img{ margin-right:30px; margin-top:0px}
.navchild_left div.left{ width:130px; font-size:20px; display:block}
.navchild_left .title{ font-size:20px; display:block; line-height:40px}
.navchild_left .txt{ font-size:12px; color:#7d7d7d; display:block; line-height:24px}

.navchild_right{ width:630px; float:left;margin-top:30px;margin-bottom:30px; margin-left:40px }
.navchild_right a{width:110px !important; height:30px !important; line-height:30px !important; padding:0; font-size:13px !important; color:#6e6e6e !important; text-align:center; letter-spacing:2px !important}
.navchild_right a:hover{ background:none}
.navchild_right ul{display:block; width:auto !important; min-width:115px; float:left; text-align:center; margin:0 10px;}
.navchild_right a.title{ border-bottom:1px solid #3359ab;font-size:13px !important; color:#282828 !important}
.navchild_right li{ float:none !important;margin:0 0;}
.navchild_right li a{ float:none !important;width:auto !important;height:26px !important; line-height:26px !important;}


.banner{ width:100%; position:relative; overflow:hidden; z-index:900;height: 360px; }
.banner img{ width:100%; height:auto; position:absolute; z-index:1; left:0; top:0; display:none}
.banner a.banner_prev,.banner a.banner_next{ display:block; width:32px; height:32px; position:absolute;top:50%; margin-top:-15px; z-index:999}
.banner a.banner_prev{ left:5%;}
.banner a.banner_next{ right:5%;}
.banner_dot{ position:absolute; left:50%; margin-left:-50px; bottom:20px; z-index:1000;}
.banner_dot li{ float:left; display:block; width:22px; height:22px; background:url(../image/bullets.png) no-repeat 0 0; cursor:pointer}
.banner_dot li.cur{ background:url(../image/bullets.png) no-repeat 0 -22px}

.idxbd1{ height:491px;  overflow:hidden}
.idxbd_title{ display:block; line-height:30px;height:30px; }
.idxbd_title .t1{ display:block; float:left; font-size:25px; color:#0071ff; letter-spacing:5px; border-right:1px solid #111;}
.idxbd_title .t2{ display:block; float:left;font-size:14px;color:#000; padding:0 10px;}

.idxbd1 .idxbd_title{ margin:55px 0 40px 0}
.idxchooiceus{ margin-top:50px}
.idxchooiceus .item{ float:left; text-align:center;}
.idxchooiceus .item .title{ font-size:18px; color:#000; line-height:65px; border-bottom:1px solid #4d84e8; letter-spacing:5px}
.idxchooiceus .item .txt{ text-align:left; padding:10px 0; font-size:14px; line-height:26px}

.idxbd2{ background:#fafafa; overflow:hidden; padding-bottom:30px}
.idxbd2 .idxbd_title{ margin:55px 0 40px 0}
.idxnewspic{ float:left; position:relative}
.idxnewspic .newspic{ box-shadow:-3px 5px 13px #ccc; }
.idxnewspic .newspic img{border-radius:3px}
.idxnewspic .newsintro{ width:274px; width:244px !important; height:192px; height:162px !important; background:#fff; position:absolute; left:213px; top:17px;box-shadow:3px 5px 13px #ccc; border-radius:3px; line-height:26px; color:#8e8e8e; padding:15px;}
.idxnewspic .newsintro a.title{ display:block; font-size:14px; color:#000}
.idxnewspic .newsintro a.more{ display:block; width:55px; height:18px; line-height:18px;font-size:10px; color:#7c9cf1; border:1px solid #7c9cf1; text-align:center; border-radius:9px; margin:10px auto}
.idxnewspic .newsintro a.more:hover{ background:#7c9cf1; color:#fff}

.idxnewslist{ float:right; width:435px; height:275px; background:#f4f4f4;padding-left: 5px;padding-right: 10px;}
.idxnewslist .more{ display:block; border-bottom:1px  solid #ccc; margin:10px 20px 0 20px; height:40px; line-height:40px; text-align:right; font-size:14px}
.idxnewslist ul{ display:block; margin:20px 30px 0 30px;}
.idxnewslist ul li{ display:block; height:32px; line-height:32px; }
.idxnewslist ul li a{ float:left; font-size:14px}
.idxnewslist ul li span{ font-size:14px}

.idxbd3{  height:476px; overflow:hidden}
.idxbd3 .idxbd_title{ margin:55px 0 60px 0}
.idxservicelist .item{ float:left; text-align:center; margin:0 70px}
.idxservicelist .item .title{ font-size:18px; color:#000; line-height:60px}

a.idxcheckmore{display:block; width:105px; height:26px; line-height:26px;font-size:14px; color:#4070fb; border:1px solid #4070fb; text-align:center; border-radius:13px; margin:40px auto}
a.idxcheckmore:hover{ background:#4070fb; color:#fff}

.idxbd4{ background:#fcfcfc; overflow:hidden}
.idxbd4 .idxbd_title{ margin:55px 0 10px 0}
.idxpro li{float:left; margin:40px 34px}
.idxpro li .picbg{ display:block; float:left; width:178px; height:178px; overflow:hidden;  position:relative;}
.idxpro li img{ position:absolute; left:20px; top:20px;}
.idxpro li .imghover{ position:absolute; left:20px; top:19px; display:none}
.idxpro li .title{ text-align:center; font-size:18px; color:#2583f9; display:block; clear:left}

.idxbd5{ background:#f3f3f3; overflow:hidden}
.idxbd5 .idxbd_title{ margin:55px 0 10px 0}
.idx_soultion { margin:50px 0; width:999px; height:360px; overflow:hidden; position:relative}
.idx_soultion ul{ display:block; position:absolute; left:0; top:0}
.idx_soultion li{ float:left; margin:0 20px; background:url(../image/idx_soultion_pic_boxsaw.png) no-repeat center 210px; padding-bottom:28px; width:293px;}
.idx_soultion li .bg{background:#fff; border-radius:5px; overflow:hidden}
.idx_soultion li .title{ margin:10px 10px 0 10px; font-size:14px; height:30px; line-height:30px;}
.idx_soultion li .txt{ margin:0 10px 10px 10px; height:52px; font-size:11px; line-height:26px; color:#9c9c9c}
.idx_soultion li a.btn{display:block; width:105px; height:26px; line-height:26px;font-size:14px; color:#4070fb; border:1px solid #4070fb; text-align:center; border-radius:13px; margin:20px auto}
.idx_soultion li a.btn:hover{ background:#4070fb; color:#fff}
.idx_soultion_btn { text-align:center; margin-bottom:30px}

.idxbd6{ overflow:hidden}
.idxbd6 .idxbd_title{ margin:55px 0 10px 0}
.idxservice{ margin:40px auto}
.idxservice_bgcolor1{ background:#898989}
.idxservice_bgcolor2{ background:#d9d9d9}
.idxservice_bgcolor3{ background:#e5e5e5}
.idxservice_bgcolor4{ background:#f4f4f4}
.idxservice_bgcolor5{ background:#c5c4c4}
.idxservice_width1{ width:242px;}
.idxservice_width2{ width:488px;}
.idxservice li{float:left; margin:0 4px 4px 0; display:block; height:147px; position:relative; overflow:hidden}
.idxservice li .title{display:none; position:absolute; left:0; top:0;height:147px; opacity:0.8; color:#fff; line-height:40px; font-size:14px; letter-spacing:3px; background:#000;}
.idxservice li a{ display:block; height:147px;}
.idxservice li.idxservice_width1 .title{width:242px}
.idxservice li.idxservice_width2 .title{width:488px}




.idxbd7{ background:#f3f3f3; overflow:hidden}
.idxbd7 .idxbd_title{ margin:55px 0 10px 0}
.idxcases li{float:left; width:320px; height:224px; background:#fff; display:block; position:relative; overflow:hidden; margin:6px}
.idxcases li a.title{ display:block; width:320px;height:52px;line-height:52px; font-size:16px;color:#fff; text-align:center;background-color: rgba(0,0,0,0.5);position:absolute; bottom:-52px;}


.ft1{ background:url(../image/ft1_bg.jpg) repeat-x center; height:497px; overflow:hidden}
.ft1 .idxbd_title{margin:55px 0 40px 0}
.ft1 .idxbd_title .t1{border-right:1px solid #fff; }
.ft1 .idxbd_title .t1,.ft1 .idxbd_title .t2{color:#fff;}
.ft1_left{float:left; width:435px;}
.ft1_left ul{ display:block; }
.ft1_left ul .icon{ display:block; float:left; width:95px; height:68px;}
.ft1_left ul .txt{ display:block; float:left; color:#fff; font-size:14px; line-height:26px; border-left:1px solid #fff; padding:10px 0 10px 30px; }
.ft1_left ul .icon1{ background:url(../image/ft1_left_icon1.png) no-repeat center 20px}
.ft1_left ul .icon2{ background:url(../image/ft1_left_icon2.png) no-repeat center 20px}
.ft1_left ul .icon3{ background:url(../image/ft1_left_icon3.png) no-repeat center 20px}
.ft1_left ul .icon4{ background:url(../image/ft1_left_icon4.png) no-repeat center 20px}
.ft1_right{float:right; width:408px;}
.ft1_right div{ border:1px solid #fff; margin:10px 0; padding-left:10px; color:#fff; font-size:14px}
.ft1_right div .text{  border:0; height:28px; line-height:28px; width:320px; margin-left:10px; background:transparent;color:#fff;}
.ft1_right div .textarea{ border:0; height:68px; line-height:28px; width:340px; margin-left:10px; background:transparent;color:#fff;}
.ft1_right .submit{ display:block; width:150px; height:33px; color:#fff; background:#2c384f; border:1px solid #fff; font-size:14px}
.ft1_right span{ color:#fff; font-size:14px}

.ft2{ background:#16263c; padding:60px 0 }
.ftlogo{float:left; }
.ftnav{float:left; width:700px;margin:0 0 0 80px}
.ftnav a{color:#fff;font-size:14px}
.ftnav li{float:left;width:140px; line-height:30px}
.ftnav li a.t{display:block; float:left;height:46px; font-size:16px; border-bottom:1px solid #fff; margin-bottom:10px}
.ftnav li ul{ width:140px; display:block}

.ft3{background:#132131; padding:6px 0}
.ft3 .copyright{ text-align:center; color:#fff; line-height:26px;}




.local{ height:33px;line-height:33px; background:#f1faff}

.yunyingweihu_bd1{ height:304px}
.yunyingweihu_bd1_left{float:left; width:595px; padding-top:70px}
.yunyingweihu_bd1_right{float:left; margin-left:50px}
.yunyingweihu_bd1_left ul{display:block;background:url(../image/yunyingweihu_bd1_icon_bgline.png) no-repeat center 29px}
.yunyingweihu_bd1_left li{float:left; display:block; width:78px; margin:0 17px; text-align:center}
.yunyingweihu_bd1_left li img{ margin:0 auto}
.yunyingweihu_bd1_left li .title{ font-size:14px; color:#177dfd; line-height:40px; border-bottom:1px  solid #177dfd}
.yunyingweihu_bd1_left li .txt{ text-align:left; line-height:20px; margin-top:10px}

.yunyingweihu_pic1{ position:relative;}
.yunyingweihu_pic1 .pic{ position:absolute; left:0; top:0; }
.yunyingweihu_pic1_bg{ background:#022839; opacity:0.55; position:absolute; width:288px; height:304px; left:0; top:0; z-index:1}
.yunyingweihu_pic1_txt{position:absolute; width:288px; height:304px;border-left:3px solid #01b8fe; z-index:2; overflow:hidden}
.yunyingweihu_pic1_txt ul{ display:block; margin:40px 0 0 40px;}
.yunyingweihu_pic1_txt li.title{ background:url(../image/yunyingweihu_pic1_titlebg.png) no-repeat; height:30px; margin-bottom:10px; }
.yunyingweihu_pic1_txt li{line-height:30px; font-size:14px; color:#fff; padding-left:10px}



.yunyingweihu_bd2{ height:304px; background:#fefcfa}
.yunyingweihu_bd2_left{float:left;width:355px;}
.yunyingweihu_bd2_right{float:right;width:600px; margin-left:50px}

.yunyingweihu_pic2{ position:relative;}
.yunyingweihu_pic2 .pic{ position:absolute; right:0; top:0; }
.yunyingweihu_pic2_bg{ background:#2c1d06; opacity:0.55; position:absolute; width:228px; height:304px; right:0; top:0; z-index:1}
.yunyingweihu_pic2_txt{position:absolute; width:228px; height:304px;border-right:3px solid #c68f39; z-index:2;right:0; overflow:hidden }
.yunyingweihu_pic2_txt ul{ display:block; margin:70px 50px 0 0;}
.yunyingweihu_pic2_txt li.title{ background:url(../image/yunyingweihu_pic2_titlebg.png) no-repeat right; height:30px; margin-bottom:10px; }
.yunyingweihu_pic2_txt li{line-height:30px; font-size:14px; color:#fff; padding-right:10px; text-align:right}

.yunyingweihu_bd2_right ul{display:block; margin-top:40px}
.yunyingweihu_bd2_right li{float:left; display:block; width:159px; margin:0 13px; text-align:center}
.yunyingweihu_bd2_right li .title{ font-size:14px; background:url(../image/yunyingweihu_bd2_titlebg.png) no-repeat center; height:56px;  line-height:56px; text-align:center}
.yunyingweihu_bd2_right li .txt{ text-align:left; line-height:20px; margin-top:10px; color:#8c8c8c}
.yunyingweihu_bd2_right .textlink li{ display:block; float:left; width:65px; height:68px; margin:0 8px;height:58px !important; background:url(../image/yunyingweihu_bd2_titlebg2.png) no-repeat center; line-height:22px; color:#ac7b35; font-size:14px; letter-spacing:2px; padding-top:10px}



.yunyingweihu_bd3{ height:417px}
.yunyingweihu_bd3_left{float:left; width:595px; padding-top:40px}
.yunyingweihu_bd3_right{float:left; margin-left:50px}
.yunyingweihu_bd3_left li{ background:url(../image/yunyingweihu_dot.png) no-repeat left 10px;font-size:14px; line-height:26px; margin-bottom:10px; padding-left:18px}

.yunyingweihu_pic3{ position:relative;}
.yunyingweihu_pic3 .pic{ position:absolute; left:0; top:0; }
.yunyingweihu_pic3_bg{ background:#382026; opacity:0.55; position:absolute; width:205px; height:417px; left:0; top:0; z-index:1}
.yunyingweihu_pic3_txt{position:absolute; width:205px; height:417px;border-left:3px solid #f96d6c; z-index:2; overflow:hidden}
.yunyingweihu_pic3_txt ul{ display:block; margin:100px 0 0 30px;}
.yunyingweihu_pic3_txt li.title{ background:url(../image/yunyingweihu_pic3_titlebg.png) no-repeat; height:30px; margin-bottom:10px; }
.yunyingweihu_pic3_txt li{line-height:30px; font-size:14px; color:#fff; padding-left:10px}

.bodyer{ background:url(../image/bodyer_bg.jpg)  top center #f8fbff; padding:30px 0 }
.bodyer2{ background:#f4f9fe; padding:30px 0 }
.bodyer3{ padding:30px 0 }

.about_txt{ background:#f7f7f7; padding:10px; margin:10px auto}

.teamlist li{float:left; position:relative;width:287px; height:161px; margin:5px; overflow:hidden}
.teamlist li:hover{ box-shadow:0 0 14px #000}
.teamlist li div{ position:absolute; width:287px; height:161px; background:#000; opacity:0.7; left:287px; top:0; z-index:1}
.teamlist li div span{ display:block; width:283px;width:273px !important; height:38px; line-height:19px; font-size:16px; text-align:right; color:#fff; border-right:4px solid #fff; margin-top:100px; padding-right:10px; z-index:2}
.teamlist li div b.position{ font-size:11px; font-weight:normal}
.teamlist li.joinus a{ display:block;width:287px; height:161px;line-height:161px; text-align:center; font-size:16px; color:#999; background:#f5f5f5}
.teamlist li.joinus a:hover{color:#333}

.development_pic1{ position:relative; width:100%; height:305px; overflow:hidden}
.development_pic1 img{ position:absolute; left:50%; margin-left:-700px}

.classmenu{height:137px; border-bottom:5px solid #2097ff; overflow:hidden}
.classmenu table{margin:25px auto 0 auto;border-left:1px solid #2d9cfe;}
.classmenu td{text-align:center; border-right:1px solid #2d9cfe; padding:0 60px}
.classmenu td a.title{ display:block; line-height:40px; font-size:14px; color:#2d9cfe; text-align:center;min-width:93px;}
.classmenu td a.title:hover,.classmenu td a.title.act{ background:url(../image/newsclass_a_act.png) no-repeat center; color:#fff;  margin:0 auto}

.newslist li{ line-height:30px; display:block; margin:40px 0}
.newslist a.title{ font-size:16px;float:left}
.newslist a.morebtn{ font-size:40px; float:right}
.newslist span.intro{ font-size:14px;float:left; color:#8d8d8d}
.newslist span.date{ font-size:14px; float:right}

.prev_next{ height:30px; width:100%; margin:0 auto}
.prev_next .tid{ display:inline-block;*display:inline;*zoom:1; width:60px; height:25px;line-height:25px; text-align:center; color:#fff; background:#2097ff;}
.prev_next a{ text-decoration: underline;}

.classmenu2{height:157px; border-bottom:5px solid #2097ff; overflow:hidden; text-align:center;}
.classmenu2 .wrap{font-size:18px; line-height:32px; text-align:center; padding-top:30px}

.softdesign_pic1{height:272px; position:relative; overflow:hidden}
.softdesign_pic1 img{ position:absolute; left:50%; margin-left:-700px;}
.softdesign_pic2{height:633px; position:relative; overflow:hidden}
.softdesign_pic2 img{ position:absolute; left:50%; margin-left:-700px;}


.classmenu3{height:80x; overflow:hidden; text-align:center;}
.classmenu3 .wrap{position:relative; padding:20px;}
.classmenu3 .wrap span{display:table; font-size:16px; line-height:32px;  padding:0 20px; border-left:1px solid #333; border-right:1px solid #333;  margin:0 auto}

.classmenu4{height:80x; overflow:hidden; text-align:center; background:url(../image/classmenu4_bg.jpg) repeat-x top; padding:40px 0}
.classmenu4 a{ display:inline-block;float:left; min-width:77px;min-width:47px !important; height:28px;line-height:28px; border:1px solid #2097ff; border-radius:15px; text-align:center;color:#2097ff; font-size:14px; margin:10px 7px; padding:0 15px; white-space:nowrap}
.classmenu4 a:hover,.classmenu4 a.act{ background:#2097ff; color:#fff}

.softdesign_curtitle{display:block; width:180px; height:45px; border:1px solid #2097ff; color:#2097ff; text-align:center; line-height:45px; font-size:16px; margin:0 auto 20px auto}

.softdesign_casesclass{ background:#4b4b4b; border-radius:2px; display:table; margin:0 auto; padding-left:1px}
.softdesign_casesclass li{float:left; margin-right:1px; margin-top:1px; margin-bottom:1px;}
.softdesign_casesclass li a{ display:block; width:66px; height:28px; line-height:28px; text-align:center; background:#fff}
.softdesign_casesclass li a:hover,.softdesign_casesclass li a.act{ background:#4b4b4b; color:#fff}
.softdesign_caseslist{ margin:20px 0}
.softdesign_caseslist li{float:left; margin:0 6px;width:220px; height:154px; overflow:hidden; position:relative;box-shadow:3px 3px 28px #dde5ec;}
.softdesign_caseslist li a.title{ display:block; width:220px; height:40px; line-height:40px; text-align:center;color:#fff; position:absolute; left:0; bottom:-40px; background:#000; opacity:0.8}

.softdesign_news{ background:url(../image/softdesign_news_bg.jpg) repeat-x top #f4f9fd; min-height:448px; overflow:hidden}
.softdesign_news .text_bold{ margin-top:50px; font-size:14px}
.softdesign_news .newsfrm{border-bottom:5px solid #2097ff; background:#fff; margin-top:30px }
.softdesign_news .newsfrm .pic{float:left}
.softdesign_news .newsfrm .list{float:left; margin-left:20px; margin-top:15px}
.softdesign_news .newsfrm .list li{ display:block; margin:15px 0; line-height:30px}
.softdesign_news .newsfrm .list a.title{ font-size:16px; font-weight:bold;}
.softdesign_news .newsfrm .list li span{ display:block; color:#656565; padding-left:12px}


.team_intro{ padding:30px 0; border-bottom:1px solid #fff;}
.team_intro .close{ position:absolute; right:0; top:10px; width:27px; height:27px}
.team_intro .pic{float:left;}
.team_intro .pic img{ border:10px solid #000}
.team_intro .intro{float:right; width:380px; position:relative}
.team_intro .intro .title{ font-size:30px; line-height:40px}
.team_intro .intro .position{ font-size:20px; line-height:40px; float:left; border-bottom:1px solid #fff}
.team_intro .intro .description{ font-size:16px; line-height:26px; clear:left; padding-top:20px}

.joblist li{ display:block; margin:20px 0}
.joblist li .title{ display:block; float:left; height:30px; padding:0 20px; line-height:30px; text-align:center; color:#fff; background:#02b6f9}

.product_gen_title{ font-size:25px !important;color:#606060; font-weight:bold; text-align:center; padding:40px 0 20px 0; letter-spacing:4px}
.product_gen_title .line{ }

.web_leixing_lists li{float:left; width:237px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:6px; overflow:hidden}
.web_leixing_lists li a{ display:block; color:#606060;}
.web_leixing_lists li a.pic{ margin:8px 8px}
.web_leixing_lists li a.title{ text-align:center; font-size:18px; font-weight:bold; line-height:40px; margin:0 auto}
.web_leixing_lists li a.intro{ height:94px; margin:8px 15px; font-size:12px}
.web_leixing_lists li.l2 a.title{ margin:8px 8px 0 8px}

.web_hangye_lists li{float:left; width:178px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:11px; overflow:hidden}
.web_hangye_lists li a{ display:block; color:#606060;}
.web_hangye_lists li a.pic{ margin:8px 8px}
.web_hangye_lists li a.title{ text-align:center; font-size:13px; font-weight:bold; line-height:30px; margin:0 auto}
.web_hangye_lists li a.intro{ height:65px; margin:8px 15px; font-size:12px}

.web_anli_lists li{float:left; width:220px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:9px 14px; overflow:hidden}
.web_anli_lists li a{ display:block; color:#606060;}
.web_anli_lists li a.pic{ margin:16px}


.app_leixing_lists li{float:left; width:237px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:6px; overflow:hidden}
.app_leixing_lists li a{ display:block; color:#606060;}
.app_leixing_lists li a.pic{ margin:8px 8px}
.app_leixing_lists li a.title{ text-align:center; font-size:18px; font-weight:bold; line-height:40px; margin:0 auto}
.app_leixing_lists li a.intro{ height:94px; margin:8px 15px; font-size:12px}
.app_leixing_lists li.l2 a.title{ margin:8px 8px 0 8px}

.app_hangye_lists li{float:left; width:178px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:11px; overflow:hidden}
.app_hangye_lists li a{ display:block; color:#606060;}
.app_hangye_lists li a.pic{ margin:8px 8px}
.app_hangye_lists li a.title{ text-align:center; font-size:13px; font-weight:bold; line-height:30px; margin:0 auto}
.app_hangye_lists li a.intro{ height:65px; margin:8px 15px; font-size:12px}

.app_develop_lists li{float:left; width:314px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:9px; overflow:hidden}
.app_develop_lists li a{ display:block; color:#606060;}
.app_develop_lists li a.pic{ margin:16px}

.app_anli_lists li{float:left; width:238px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:9px 6px; overflow:hidden}
.app_anli_lists li a{ display:block; color:#606060;}
.app_anli_lists li a.pic{ margin:9px}

.micromsg_leixing_lists li{float:left; width:178px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:11px; overflow:hidden}
.micromsg_leixing_lists li a{ display:block; color:#606060;}
.micromsg_leixing_lists li a.pic{ margin:8px 8px}
.micromsg_leixing_lists li a.title{ text-align:center; font-size:18px; font-weight:bold; line-height:40px; margin:0 auto}
.micromsg_leixing_lists li a.intro{ height:70px; margin:8px 15px; font-size:12px}
.micromsg_leixing_lists li.l2 a.title{ margin:8px 8px 0 8px}

.micromsg_hangye_lists li{float:left; width:178px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:11px; overflow:hidden}
.micromsg_hangye_lists li a{ display:block; color:#606060;}
.micromsg_hangye_lists li a.pic{ margin:8px 8px}
.micromsg_hangye_lists li a.title{ text-align:center; font-size:13px; font-weight:bold; line-height:30px; margin:0 auto}
.micromsg_hangye_lists li a.intro{ height:65px; margin:8px 15px; font-size:12px}

.micromsg_anli_lists li{float:left; width:220px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:9px 14px; overflow:hidden}
.micromsg_anli_lists li a{ display:block; color:#606060;}
.micromsg_anli_lists li a.pic{ margin:9px}

.cases_detail_content{ padding-bottom:30px;margin-top:-40px}

.cases_detail_tabs li{float:left; width:231px; height:34px;line-height:34px; display:block; background:#FFF;box-shadow:3px 3px 28px #dde5ec; margin:9px; overflow:hidden; cursor:pointer; text-align:center; border-radius:4px}
.cases_detail_tabs li.act,.cases_detail_tabs li:hover{ background:url(../image/cases_detail_tabs_hover.jpg); color:#fff;}
.cases_detail_cons{ padding:9px}
.cases_detail_cons .title{ line-height:40px}
.cases_detail_cons .con{box-shadow:3px 3px 28px #dde5ec;padding:8px}
.cases_detail_cons .con table thead td{ background:#1067b6; border-radius:4px; text-align:center; color:#fff; height:30px}
.cases_detail_cons .con table tbody td.lt{ background:#f3fbfe; height:30px; text-align:center}
.cases_detail_cons .con table tbody td.lt span{ display:block; height:20px; width:5px; background:url(../image/cases_detail_tabs_hover.jpg); float:left;}
.cases_detail_cons .con table tbody td.rt{border:1px solid #dff0ff; text-align:center;}
.cases_detail_cons .aboutcases{ margin:20px -9px}
.cases_detail_cons .aboutcases li{float:left; display:block; width:229px; margin:10px}
.cases_detail_cons .aboutcases li a{ display:block; border-radius:4px; background:#FFF;box-shadow:3px 3px 28px #dde5ec;}
.cases_detail_cons .aboutcases li a.title{ margin-top:10px}
.cases_detail_cons .aboutcases li a.title span{ display:block;color:#606060; margin:0 14px}
.cases_detail_cons .aboutcases li a.title span.t{text-align:center;  font-size:14px !important; font-weight:bold; line-height:30px;}
.cases_detail_cons .aboutcases li a.title span.i{ font-size:12px; height:80px}

.cases_detail_customers li{float:left;box-shadow:3px 3px 28px #dde5ec; display:block; margin:21px}
.search_result{border-bottom:1px solid #ebebeb; margin:8px 0; padding-bottom:8px}
.search_result div.title a{ line-height:30px; font-size:16px}
.search_result div.description{ font-size:13px; line-height:22px}

.counselling1{box-shadow:3px 3px 28px #dde5ec; padding:30px; font-size:15px;font-weight:bold;}
.counselling1 .title{ font-size:18px; text-align:center; font-weight:bold; line-height:50px}

.counselling2{box-shadow:3px 3px 28px #dde5ec; height:304px;height:244px !important;  padding:30px;background:url(../image/counselling2_pic.jpg) no-repeat left}
.counselling2 .txt{ float:right; width:390px; margin-top:82px; font-size:16px}


.counselling3{ margin-top:30px}
.counselling3 li{float:left; display:block; width:178px; margin:10px;box-shadow:3px 3px 28px #dde5ec;}
.counselling3 li .pic{ margin:9px; position:relative}
.counselling3 li .pic .icon{ width:158px; height:138px; position:absolute;  opacity:0.6; left:0; top:0; display:none}
.counselling3 li .pic .icon.icon1{ background:url(../image/counselling3_icon1.png) no-repeat center #000;}
.counselling3 li .pic .icon.icon2{ background:url(../image/counselling3_icon2.png) no-repeat center #000;}
.counselling3 li .pic .icon.icon3{ background:url(../image/counselling3_icon3.png) no-repeat center #000;}
.counselling3 li .pic .icon.icon4{ background:url(../image/counselling3_icon4.png) no-repeat center #000;}
.counselling3 li .pic .icon.icon5{ background:url(../image/counselling3_icon5.png) no-repeat center #000;}
.counselling3 li .t{ font-size:14px; font-weight:bold; text-align:center;}
.counselling3 li .i{text-align:center; font-size:12px; margin-bottom:10px}
.counselling3 li:hover .icon{ display:block}

.counselling4{ margin-top:30px;box-shadow:3px 3px 28px #dde5ec;  padding:30px;}
.counselling4 .pic{ float:left}
.counselling4 .txt{ float:left; width:338px; margin-left:50px; line-height:30px}
.counselling4 .txt .tbg{ width:126px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:url(../image/counselling4_tbg.jpg) no-repeat center; margin-top:20px}

.counselling5{ margin-top:30px;box-shadow:3px 3px 28px #dde5ec;  padding:30px;}
.counselling5 dl{ margin:15px 0}
.counselling5 dt{ background:url(../image/counselling5_dtbg.png) no-repeat left top; display:block; float:left; width:89px;line-height:29px; padding-left:12px; color:#fff}
.counselling5 dd{ background:url(../image/cases_detail_tabs_hover.jpg) no-repeat left  top #f3fbff; display:block; float:left; width:775px;  line-height:29px; padding-left:12px; margin-left:30px}

.development1{ height:305px; background:url(../image/development_pic1.jpg) no-repeat center; position:relative}
.development1 .txt{ position:absolute; left:50%; margin-top:40px}
.development1 .txt li{ font-size:16px; line-height:40px; text-align:left; background:url(../image/develop_dot.png) left no-repeat; padding-left:20px}
.development1 .txt li.li1{ margin-left:100px}
.development1 .txt li.li2{ margin-left:80px}
.development1 .txt li.li3{ margin-left:60px}
.development1 .txt li.li4{ margin-left:40px}
.development1 .txt li.li5{ margin-left:20px}

.development3{ width:842px; height:574px; background:url(../image/development_pic3.jpg) no-repeat center; margin:0 auto; overflow:hidden}
.development3 .txt{ width:334px; height:374px; margin-left:478px; margin-top:113px}

.development4{ width:910px; margin:0 auto}
.development4 .title{ font-size:28px; color:#ad8136; text-align:center}

.development4 dl{ margin:15px 0}
.development4 dt{ background:url(../image/development4_dtbg.png) no-repeat left top; display:block; float:left; width:121px;line-height:36px; padding-left:12px; color:#fff; margin-top:24px}
.development4 dd{  display:block; float:left; width:700px;min-height:90px;  line-height:40px; padding-left:26px; margin-left:30px; border:1px solid #ad8136; border-radius:6px; position:relative;color:#ad8136; font-size:15px}

.development4 dd span{ display:block; width:12px; height:36px;background:#ad8136; position:absolute; left:-7px; top:24px}

.softdesign1_bg{ background:url(../image/softdesign1_bg.png) no-repeat center;}
.softdesign1{ height:200px; width:867px; margin:0 auto; overflow:hidden;overflow:hidden}
.softdesign1 li {float:left;border:2px solid #1895fe; border-radius:4px; background:#fff; margin:18px}
.softdesign1 li div{ text-align:center;}
.softdesign1 li .pic{ position:relative;}
.softdesign1 li .pic .icon{ position:absolute; width:132px; height:63px; left:0; top:0; opacity:0.8; display:none; }
.softdesign1 li .pic .icon.icon1{ background:url(../image/softdesign1_icon1.png) no-repeat center #000;}
.softdesign1 li .pic .icon.icon2{ background:url(../image/softdesign1_icon2.png) no-repeat center #000;}
.softdesign1 li .pic .icon.icon3{ background:url(../image/softdesign1_icon3.png) no-repeat center #000;}
.softdesign1 li .pic .icon.icon4{ background:url(../image/softdesign1_icon4.png) no-repeat center #000;}
.softdesign1 li .pic .icon.icon5{ background:url(../image/softdesign1_icon5.png) no-repeat center #000;}
.softdesign1 li:hover .icon{display:block}
.softdesign1 li div.title{ font-size:18px; line-height:30px; margin-top:10px}
.softdesign1 li div.txt{ margin-bottom:10px}

.softdesign2{ background:url(../image/softdesign_pic2.jpg) no-repeat center #f4f4f4; height:633px; overflow:hidden}
.softdesign2 .txt{ position:absolute; left:50%; margin-left:70px; width:330px; line-height:30px; font-size:15px; text-align:left}
.softdesign2 .txt .tbg{ float:left;height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:url(../image/cases_detail_tabs_hover.jpg) repeat-x center; margin-top:20px; margin-bottom:10px; padding:0 20px; border-radius:4px}
.softdesign2 .txt .info{ clear:both}
.softdesign3{ margin-top:60px; text-align:left}

.idx_casesclass{ background:#4070fb; border-radius:2px; display:table; margin:0 auto; padding-left:1px; float:right}
.idx_casesclass li{float:left; margin-right:1px; margin-top:1px; margin-bottom:1px;}
.idx_casesclass li a{ display:block; width:66px; height:28px; line-height:28px; text-align:center; background:#fff}
.idx_casesclass li a:hover,.idx_casesclass li a.act{ background:#4070fb; color:#fff}

.main{
	width: 100%;
	height: 540px;
}
.main-class{
	width: 1000px;
	height: 500px;
    margin: auto;
}
.main-class-top{
	width: 1000px;
	height: 100px;
	line-height: 100px;
}
.main-class-down{
	width: 1000px;
	height: 400px;
}
.main-left{
	width: 500px;
	height: 400px;
	float: left;
}
.main-left-top{
	width: 500px;
	height: 124px;
	float: left;
	background: url(../image/main-left-top-beijing.png);
}
.main-left-top h4{
     font-size: 22px;
    z-index: 11;
    float: left;
   padding-top: 26px;
   padding-left: 35px;
    color: #fff;
  font-weight: normal;
}
.main-left-down{
	width: 500px;
	height: 276px;
	float: left;
}
.main-right{
	width: 480px;
	height: 400px;
	float: right;
}
.main-right-1{
	width: 480px;
	height: 124px;
	border: 1px solid #fafafa;

}
.main-right-1-left{
	width: 280px;
	height: 124px;
	float: left;
}
.main-right-1-right{
	width: 200px;
	height: 124px;
	float: right;
}
.main-right-2{
	width: 480px;
	height: 124px;
	margin-top: 12px;
	border: 1px solid #fafafa;
}
.main-right-2-left{
    width: 280px;
	height: 124px;
	float: left;
}

.main-right-2-right{
	width: 200px;
	height: 124px;
	float: right;
}
.main-right-3{
	width: 480px;
	height: 123px;
	margin-top: 12px;
	border: 1px solid #fafafa;
}
.main-right-3-left{
    width: 280px;
	height: 124px;
	float: left;
}

.main-right-3-right{
	width: 200px;
	height: 124px;
	float: right;
}



.main-class-top  .t1 {
    display: block;
    float: left;
    font-size: 25px;
    color: #0071ff;
    letter-spacing: 5px;
    border-right: 1px solid #111;
   
}
.main-class-top  .t2 {
    display: block;
    float: left;
    font-size: 14px;
    color: #000;
    padding: 0 10px;
}
.span_yellow{
	  background: #fda92a;
}