@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0; border: 0;}
html { color: #000; }
html,body {width:100%;min-width:320px;}
body,button,input,select,textarea { margin:0; padding:0;  font-family: "Arial", "微软雅黑","Microsoft Yahei", "Verdana", "sans-serif";  font-size:12px; background:#fff}
ul,ol,li,dl,dd,dt{list-style: none;}
em { font-style: normal; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; color:#e85300;}
legend { color: #000; }
fieldset,img { border: 0; }
label,button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
img { border: 0; vertical-align: middle;  }
a{ color:#3a3a3a; text-decoration:none;}
a:hover{ color:#ea5504; text-decoration:none}
a:active{color:#ea5504;}


.fl{float:left;}
.fr{float:right;}

@font-face{
	font-family: 'rzzy';
	src : url('../images/rzzy.ttf');
}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#373737;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#373737;}

.case_banner { width:100%;height:560px;background:url(../images/bd_bg.jpg) center center no-repeat; background-size:1920px 560px; margin:0 auto; padding:0; position:relative;}
.case_banner img { display:block; width:660px; height:160px; overflow:hidden; margin:0 0 0 -330px; padding:0; position:absolute; left:50%; top:130px;}


.list_con{width:100%;}
.list_con ul{width:1280px;margin:-160px auto 0;}
.list_con ul li{float:left;width:390px;margin-right:25px;margin-bottom:25px;background:#ffffff url(../images/list_top_bg.jpg) left top no-repeat;padding:28px 10px 20px;border-radius:4px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.06);}
.list_con ul li:nth-child(3n+3){margin-right:0;}
.list_con ul li:hover { box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);}
.list_con ul li .pic{width:388px;height:278px;border:1px solid #f1f1f1;overflow:hidden;position:relative;transition: inherit;}
.list_con ul li .pic:hover{transition: inherit;}
.list_con ul li .pic img{width:100%;}
.list_con ul li .pic .picmask {width:388px;height:278px;position:absolute;top:0;left:0;background:rgba(0,0,0,.5) url(../images/look.png) center center no-repeat;display:none;}
.list_con ul li .pic .picmask a.look { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:relative;}
.picmask a.mbbj { display:block; width:60px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:14px; text-align:center; background-color:#4f3fff; border-radius:2px; position:absolute; top:10px; right:80px;}
.picmask a.mbsc { display:block; width:60px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:14px; text-align:center; background-color:#ff276e; border-radius:2px; position:absolute; top:10px; right:10px;}
.picmask a.mbjl1 { display:block; width:120px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:14px; text-align:center; background-color:#4f3fff; border-radius:2px; position:absolute; top:10px; right:140px;}
.picmask a.mbjl2 { display:block; width:120px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:14px; text-align:center; background-color:#ff276e; border-radius:2px; position:absolute; top:10px; right:10px;}
.list_con ul li .cur .picmask {display:block;}
.list_con ul li .tlt{text-align:center;font-size:16px;color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;padding-top:15px;}
.list_con ul li .text {font-size:14px;color:#999999;padding:0;}
.list_con ul li .text i{color:#fa8f00;font-style:normal;}
.list_con ul li .text em{color:#373737;margin-right:10px;}
.list_con ul li .text .textit { width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:18px; margin:10px auto; padding:0;}
.list_con ul li .text .textit p { display:inline-block; font-size:14px; text-align:right; float:right;}
.textit p span { color:#999;}


.list_con ul li .text .textbtn { margin:0; padding:0; position:relative;}
.textbtn dl { width:390px; height:auto; overflow:hidden; margin:0; padding:0;}
.textbtn dl dd { width:390px; height:30px; overflow:hidden; margin:0 auto; padding:0;}
.textbtn dl dd a { display:block; width:90px;height:30px;line-height:30px;color:#666;text-align:center; background-color:#f5f5f5; margin-right:10px;border-radius:2px;font-size:12px; float:left;}
.textbtn dl dd a:last-child { margin:0;}
.textbtn dl dd a:hover { color:#fff; background-color:#373737;}
.textbtn a.more { display:none;width:120px;height:40px;line-height:40px;color:#ffffff;font-size:14px;text-align:center;background:#373737;margin:0 auto;transition: all .1s ease 0s; border-radius:2px; position:absolute; top:30px; right:10px;}
.textbtn a.more:hover { background:#4f3fff;}

.al_foot { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0; background-color:#000;}
.al_foot .ft_ct { width:1200px; height:40px; overflow:hidden; line-height:40px; margin:0 auto; padding:0; color:#666; font-family:"微软雅黑"; font-size:12px;}

.ly_top { width:40px; height:40px; overflow:hidden; margin:0; padding:0; position:fixed; right:20px; bottom:60px;}
.ly_top a { display:block; width:38px; height:38px; overflow:hidden; margin:0; padding:0; border:1px solid #ccc; border-radius:3px; background:#fff url(../images/tp_tb1.png) center center no-repeat;}
.ly_top a:hover { border:1px solid #212121; background:#212121 url(../images/tp_tb2.png) center center no-repeat;}

.pagelist{text-align:center;width:100%;padding:10px 0 40px;}
.pagelist a{display:inline-block;margin:0 2px;border-radius:2px;background:#d5d5d5;color:#555;text-align:center;height:36px;line-height:36px;min-width:36px;}
.pagelist a.pre{width:42px;}
.pagelist a:hover{background:#373737;color:#fff;}
.pagelist a.on{background:#373737;color:#fff;}

.web_show_wrap{width:100%;position:relative;margin:80px auto 0;overflow-x:hidden;z-index:99;transition: all .5s ease 0s;}
#web_show{border:0;margin:0;padding:0;width:100%;position:relative;overflow-x:hidden;}

.web_show_wrap_pad{width:785px;height:960px !important;background:url(../images/bgipad.png) 0 0 no-repeat;padding: 96px 51px 115px 49px;transition: all .5s ease 0s;overflow-y: hidden;margin:90px auto 0;}
.web_show_wrap_pad #web_show{height: 100%;}
.web_show_wrap_phnoe{width:337px;height:574px !important;background:url(../images/bgiphone.png) 0 0 no-repeat;padding: 101px 28px 115px 23px;transition: all .5s ease 0s;overflow-y: hidden;margin:90px auto 0;}
.web_show_wrap_phnoe #web_show{height: 100%;}
.top .top_in ul li a.icon6{position:relative;}
.vm {position: absolute;top: 80px;right: 0;background-color: #fff;height: 170px;width: 150px;display: none;padding: 30px;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.1);-ms-box-shadow:0 3px 3px rgba(0,0,0,0.1);-o-box-shadow:0 3px 3px rgba(0,0,0,0.1);box-shadow:0 3px 3px rgba(0,0,0,0.1);}

.top{width:100%;height:80px;background:url(../images/bd_bg2.jpg) center center no-repeat;position:fixed;top:0;left:0;z-index:999;}
.top .top_in{width:1200px;margin:0 auto;}
.top .top_in .top_l{float:left;padding-top:18px;}
/*.top .top_in .top_l p{font-size:20px;font-weight:bold;color:#ffffff;padding-bottom:1px;}
.top .top_in .top_l span{display:block;font-size:14px;color:#ffffff;}*/
.top .top_in .top_l a.icon1{background:url(../images/icon0_1.png) center center no-repeat;display:block;width:40px;height:40px;border:1px solid #fff;border-radius:50%;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.top .top_in .top_l a.icon1:hover{background:#fff url(../images/icon0_2.png) center center no-repeat;}
.top .top_in ul{float:right;padding-top:18px;}
.top .top_in ul li{float:left;margin-left:15px;}
.top .top_in ul li a{display:block;width:40px;height:40px;border:1px solid #fff;border-radius:50%;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.top .top_in ul li a.icon2{background:url(../images/icon2_1.png) center center no-repeat;}
.top .top_in ul li a.icon3{background:url(../images/icon3_1.png) center center no-repeat;}
.top .top_in ul li a.icon4{background:url(../images/icon4_1.png) center center no-repeat;}
.top .top_in ul li a.icon5{background:url(../images/icon5_1.png) center center no-repeat;}
.top .top_in ul li a.icon6{background:url(../images/icon6_1.png) center center no-repeat;}
.top .top_in ul li a.icon2:hover{background:#fff url(../images/icon2_2.png) center center no-repeat;}
.top .top_in ul li a.icon3:hover{background:#fff url(../images/icon3_2.png) center center no-repeat;}
.top .top_in ul li a.icon4:hover{background:#fff url(../images/icon4_2.png) center center no-repeat;}
.top .top_in ul li a.icon5:hover{background:#fff url(../images/icon5_2.png) center center no-repeat;}
.top .top_in ul li a.icon6:hover{background:#fff url(../images/icon6_2.png) center center no-repeat;}

.top .top_in ul li.on a.icon1{background:#fff url(../images/icon1_2.png) center center no-repeat;}
.top .top_in ul li.on a.icon2{background:#fff url(../images/icon2_2.png) center center no-repeat;}
.top .top_in ul li.on a.icon3{background:#fff url(../images/icon3_2.png) center center no-repeat;}
.top .top_in ul li.on a.icon4{background:#fff url(../images/icon4_2.png) center center no-repeat;}
.top .top_in ul li.on a.icon5{background:#fff url(../images/icon5_2.png) center center no-repeat;}
.top .top_in ul li.on a.icon6{background:#fff url(../images/icon6_2.png) center center no-repeat;}

.reference_tlt{width:100%;margin:0 auto 30px;height:200px;padding:30px 0 60px;text-align:center;color:#555;background:url(../images/bd_bg4.jpg) top center no-repeat;color:#fff;position:fixed;top:0;left:0;z-index:-1;font-size:30px;}
.reference_tlt p{background:url(../images/look2.png) left center no-repeat;width:200px;margin:0 auto;padding-left:30px;}
.data_list{background:#fff;width:1000px;padding:40px 40px;margin:100px auto 0;min-height:800px;}
table.reference{border-collapse: collapse;width: 1000px;margin: 4px auto;}
table.reference tr:nth-child(odd){background-color: #f6f4f0;}
table.reference th {color: #fff;background-color: #8c8c8c;border: 1px solid #8c8c8c;font-size: 12px;padding: 8px 5px;vertical-align: top;text-align: center;}
table.reference td {line-height: 2em;min-width: 24px;border: 1px solid #d4d4d4;padding: 5px;padding: 10px 5px;vertical-align: top;text-align: center;color:#777;}
table.reference td.tlt{color:#555;}
table.reference td a.bj2{display:inline-block;width:60px;height:26px;line-height:26px;border-radius:2px;background:#ababab;color:#fff;}
table.reference td a.bj2:hover{background:#0081dc;}

table.referenceshow{border-collapse: collapse;width: 1000px;margin: 4px auto;}
table.referenceshow td {height:40px;line-height: 40px;min-width: 24px;padding: 5px;padding: 10px 5px;vertical-align: top;text-align: center;color:#555;}
table.referenceshow td input.txt{border: 1px solid #d4d4d4;width:98%;height:40px;line-height:40px;padding:0 1%;outline:none; border-radius:2px;}
table.referenceshow td select{border: 1px solid #d4d4d4;width:100%;height:40px;line-height:40px;padding:0 1%;outline:none; border-radius:2px;}
table.referenceshow td.tlt{width:100px;color:#555;font-size:14px;}
table.referenceshow td.red{color:#ff0000;width:20px;}
table.referenceshow td a.bj2{display:inline-block;width:60px;height:26px;line-height:26px;border-radius:2px;background:#ababab;color:#fff;}
table.referenceshow td a.bj2:hover{background:#0081dc;}



/**网站案例详情web_main**/
.web_main { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.web_main .web_left { width:auto; height:100%; position: fixed; bottom: 0; left: 0; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.web_left .web_menubtn { width:36px; height:104px; overflow:hidden; margin:-48px 0 0; padding:0; position:absolute; left:100%; top:50%;}
.web_menubtn a { display:block; width:20px; height:88px; overflow:hidden; line-height:16px; margin:0; padding:8px; color:#fff; font-size:14px; text-align:center; background:#4f3fff url(/shiyieco/images/jt4.png) 10px 80px no-repeat; border-radius:0 10px 10px 0;}
.web_menubtn a.btnOpen { background:#4f3fff url(/shiyieco/images/jt2.png) 10px 80px no-repeat;}
.web_left .web_menu { width:200px; height:100%; overflow-y:scroll; margin:0; padding:0 0 44px; background-color:#fff; box-shadow:10px 0 20px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.web_menu .menu_tit { width:200px; height:70px; margin:0 auto 20px; padding:10px 0 0 0; background-color:#2e2c45;}
.menu_tit div { width:160px; height:50px; box-shadow:0 -10px 6px rgba(0, 0, 0, 0.3); background-color: #4f3fff; border-radius: 10px 10px 0 0; margin:10px auto 0; padding:10px 0;}
.menu_tit div p { width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; text-align: center; letter-spacing:4px; margin: 0 auto; padding: 0;}
.menu_tit div span { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #fff; font-size: 14px; text-transform:uppercase; text-align: center; border-radius: 0; margin: 0 auto; padding: 0;}
.web_menu ul li { width:100%; height:auto; margin:0 auto; padding:0; background:#fff url(/shiyieco/images/jt1.png) 20px 14px no-repeat;}
.web_menu ul li a { display:block; width:100%; height:44px; line-height:24px; color:#333; font-size:15px; margin:0 auto; padding:10px 20px 10px 50px; transition: padding 0.5s; -webkit-transition: padding 0.5s; -moz-transition: padding 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.web_menu ul li:hover, .web_menu ul li.menu_on { background:#4f3fff url(/shiyieco/images/jt2.png) 20px 14px no-repeat;}
.web_menu ul li:hover a, .web_menu ul li.menu_on a { color:#fff; padding:10px 20px 10px 64px;}

.web_menu .listbk { width:200px; height:44px; overflow:hidden; margin:0; padding:0; position:absolute; bottom:0; bottom:0;}
.listbk a { display:block; width:100%; height:44px; overflow:hidden; line-height:44px; color:#373737; font-size:14px; text-align:center; background:#f5f5f5 url(/shiyieco/images/jt3.png) 20px 14px no-repeat; margin:0 auto; padding:0;}
.listbk a:hover { color:#fff; background:#373737 url(/shiyieco/images/jt3.png) 20px 14px no-repeat;}

.web_main .web_img { width:100%; height:100%; margin:0; padding:0;}
.web_img iframe { width:100%; height:100%; margin:0; padding:0; border:0;}
.web_img iframe body { margin-right:-15px; margin-bottom:-15px;}
.web_img img { display:block; width:100%; overflow:hidden; margin:0; padding:0;}




/**案例管理系统导航页Menu_main**/
.Menu_main { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:100px 0 40px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.Menu_main .Menu_top { width:100%; height:80px; background-color:#2e2c45; margin:0; padding:0; position:absolute; top:0; left:0;}
.Menu_top .Menutop_mid { width:1160px; height:80px; overflow:hidden; background-color:#4f3fff; border-radius: 10px 10px 0 0; box-shadow:0 -10px 6px rgba(0, 0, 0, 0.3); margin:20px auto; padding:0 20px;}
.Menutop_mid .Menutop_fl { width:580px; height:60px; overflow:hidden; margin:0; padding:10px 0; float:left;}
.Menutop_mid .Menutop_fr { width:580px; height:60px; overflow:hidden; margin:0; padding:10px 0; float:right;}
.Menutop_fl p { width:580px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-family:"rzzy"; font-size:32px; margin:0; padding:0;}
.Menutop_fl span { display:block; width:580px; height:20px; line-height:20px; color:#fff; font-size:14px; margin:0; padding:0;}

.Menu_main .al_foot { position:absolute; bottom:0; left:0;}