@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 #indexit{ width:1200px; margin-bottom:48px;}
.w_1200 #icase,.w_1200 #idemo{ width:1160px;}
.w_1200 #recase{ margin-bottom:35px;}
.w_1200 #inews{ width:655px;}
.w_1200 #video{ width:460px;}
.w_1200 #inews .it{ width:310px;}
.w_1200 #recase,.w_1200 #recase .item{height:350px;}
.w_1200 .item .name{margin-top:127px;}
.w_1200 .item .pic,.w_1200 .item .demo,.w_1200 .item .dark{ width:350px; height:350px;}
/***************************宽屏样式(end)***************************/
/*************************** banner (start) ***************************/
#case_index{ background:#f0f1f1; overflow:hidden; margin-bottom:40px;}
#indexit{ overflow:hidden; margin:0 auto; width:980px; margin-top:51px; margin-bottom:45px;}
#indexit .it{ float:left; width:25%;}
#indexit .it .inner{ width:260px; height:170px; margin:0 auto; background:url(iit.png) no-repeat center -156px;}
#indexit .it .n{ font-size:16px; color:#333333; text-align:center; margin-bottom:10px;}
#indexit .it .d{ text-align:center; width:205px; margin:0 auto; line-height:150%; color:#666666; font-size:14px;}
#indexit .it .i{ width:39px; height:34px; margin:0 auto; margin-bottom:38px;}
#indexit .it .i0{ background:url(icon.png) no-repeat -5px -5px;}
#indexit .it .i1{ background:url(icon.png) no-repeat -83px -5px;}
#indexit .it .i2{ background:url(icon.png) no-repeat -156px -5px;}
#indexit .it .i3{ background:url(icon.png) no-repeat -229px -5px;}
#indexit .it:hover .inner{ background:url(iit.png) no-repeat center 14px;}
#indexit .it:hover .i0{ background:url(icon.png) no-repeat -5px -51px;}
#indexit .it:hover .i1{ background:url(icon.png) no-repeat -83px -51px;}
#indexit .it:hover .i2{ background:url(icon.png) no-repeat -156px -51px;}
#indexit .it:hover .i3{ background:url(icon.png) no-repeat -229px -51px;}
#indexit .it:hover .n{ color:#fff;}
#indexit .it:hover .d{ color:#fff;}
#indexit a{text-decoration:none;}

#icase,#idemo{ width:960px; margin:0 auto; overflow:hidden;}
#icase .top{ overflow:hidden; margin-bottom:25px; margin-top:30px;}
#icase .x{ float:left; width:850px;}
#icase .x .t{ font-size:24px; color:#333333; font-weight:bold;}
#icase .x .d{ border-left:4px solid #f26530; padding:3px 0 3px 13px; color:#666666; font-size:14px; line-height:150%; margin-top:8px;}
#case_but{ float:right; width:70px; overflow:hidden; margin-top:50px;}
#case_but span{ width:30px; height:30px; float:left; background:url(pbut.png) no-repeat; cursor:pointer;}
#case_but span:first-child{ background-position:0px 0px; margin-right:9px;}
#case_but span+span{ background-position:-39px 0px;}
#recase{ position:relative; width:100%; height:260px; overflow:hidden; margin-bottom:40px;}
#abcase{ position:absolute; left:0px; top:0px; height:100%;}
.val_box{ overflow:hidden; height:100%; float:left;}
.item{ width:33%;}

#inews{ width:550px; float:left; overflow:hidden;}
#idemo .t{ font-size:24px; color:#333333; background:url(tbg.png) no-repeat left bottom; padding:0 0 26px 0; margin:0 0 12px 0;}
#inews .it{ width:260px; overflow:hidden;padding-right: 5px;}
#inews .it .p{ width:100%; height:210px; text-align:center;}
#inews .it .n{ display:block; text-decoration:none; font-size:18px; font-family:"Times New Roman", Times, serif; margin:8px 0;}
#inews .it .r{ font-size:14px; color:#fc5a0a; background:url(read.png) no-repeat right center; float:left; padding:0 18px 0 0;}

#video{ width:372px; float:right; overflow:hidden;}
#video .vb{width:100%;}
#video .vb iframe, #video .vb embed{width:100%;}
#footer{ margin-top:45px;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.i_delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}