.heio { height:auto; overflow:hidden;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb10 { margin-bottom:10px;+margin-bottom:5px;}
.mb15 { margin-bottom:15px;+margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mr40 { margin-right:40px;}
.mr20 { margin-right:20px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr18 { margin-right:18px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.fwb { font-weight:bold;}
.tin2 { text-indent:2em;}
.fz16 { font-size:16px;}
.fz14 { font-size:14px;}
img { border:none;}
a { text-decoration:none; color:#333;} 
.w980 { width:980px;margin:0 auto;}
.w1000 { width:1000px;margin:0 auto;}
.pb30 { padding-bottom:30px;}

.banner_bg { background:url(../images/baner_bg.jpg) top center no-repeat; height:499px;}
.banner_bg .banner { width:980px; margin:0 auto;}
.content { margin:0 auto; font-size:14px;}
.nav_div { background:url(../images/definition_bg.jpg) no-repeat; height:505px;}
.nav_div_info { padding:0 100px 20px 20px; color:#FFF;}
.nav_div_info h2 { font-size:30px; margin-bottom:20px;}
.nav_div_info p { font-size:15px;}

/* film_focus */
.film_focus{width:957px;height:340px;overflow:hidden;position:relative;margin:20px 0 20px 20px;}
.film_focus .film_focus_imgs_wrap{background:url(../images/load.gif) no-repeat center center;}
.film_focus ul.film_focus_imgs{height:340px;height:9999em;position:absolute;right:0;top:0;overflow:hidden;}
.film_focus ul.film_focus_imgs li{height:340px;overflow:hidden;}
.film_focus ul.film_focus_imgs li img{height:340px;width:696px;}
.film_focus .film_focus_desc h3{height:45px;line-height:45px;overflow:hidden;position:absolute;left:232px;bottom:0;background:rgba(0, 0, 0, .5);color:#fff;width:100%;padding-left:20px;z-index:99;font-size:16px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000');}
.film_focus ul.film_focus_nav{width:232px;height:340px;position:absolute;left:0;top:0;z-index:100;}
.film_focus ul.film_focus_nav li{height:64px;background:#fff;margin:0px 0px 5px 0;padding:0px 18px 0 19px;position:relative;width:220px;cursor: pointer;cursor: hand;color:#333;font-weight:bold;font-size:16px;overflow:hidden;line-height:64px;}
.film_focus ul.film_focus_nav li.cur{background:url(../images/hd_on.png) no-repeat;width:220px;height:132px;left:0px;padding:0px 33px 0 25px;word-break:break-all;color:#da405a;font-weight:bold;font-size:22px;overflow:hidden;line-height:30px;}
.film_focus ul.film_focus_nav li b{display:none}
.film_focus ul.film_focus_nav li b span{display:block}
.film_focus ul.film_focus_nav li.cur b{display:block;vertical-align: middle;display: table-cell;height:132px;}
.film_focus ul.film_focus_nav li.cur span{display:none}

.info { background:url(../images/line_bg.jpg) repeat-x; height:437px;}
.info h4 { text-align:center; color:#CCC; padding-top:10px; font-size:14px; font-weight:normal;}
.info_1 h2 { font-size:38px; color:#555354; text-align:center; padding:30px 0;}
.info_lf { width:671px;}
.info_txt { padding-top:20px; height:auto; overflow:hidden;}
.info_rg { width:309px;}
.info_rg h3 { width:180px; margin:0 auto; text-align:center; background:#ce455f; height:50px; color:#FFF; font-size:14px;}

.bg_gray { background:#eeedf3;}
.function h2,.scenes h2,.technology h2,.reason h2,.progress h2,.case h2,.article h2 { padding:40px 0; font-size:38px; height:38px; line-height:38px; color:#555354; text-align:center;}
.fun_img { width:220px;}
.fun_txt { width:700px; background:#FFF; padding:30px; border-bottom:solid 1px #da405a; height:114px; line-height:30px;}
.fun_txt span { font-size:30px; padding-right:5px;}

.scenes_info1 { width:230px; height:357px; background: url(../images/b1.jpg) no-repeat;}
.scenes_info2 { width:230px; height:357px; background: url(../images/b2.jpg) no-repeat;}
.scenes_info3 { width:230px; height:357px; background: url(../images/b3.jpg) no-repeat;}
.scenes_info4 { width:230px; height:357px; background: url(../images/b4.jpg) no-repeat;}
.scenes_info1 h3,.scenes_info3 h3,.scenes_info4 h3 { margin:40px 0 80px 0; text-align:center; color:#FFF; font-size:25px; font-weight:normal;}
.scenes_info2 h3 { margin:20px 0 65px 0; text-align:center; color:#FFF; line-height:30px; font-size:25px; font-weight:normal;}
.scenes_txt { color:#FFF; font-size:16px; width:180px; margin:0 auto;}
.scenes_txt p { margin-bottom:15px;}

.sort { background:url(../images/conbg_1.jpg) center no-repeat; height:994px;}
.sort_info h2 {padding:40px 0; font-size:38px; height:38px; line-height:38px; color:#fff; text-align:center;}
.sort_left { width:465px; color:#FFF;}
.s_txt1 { background:#1a8dee; padding:30px; font-size:16px; line-height:30px; height:90px; margin-bottom:8px;}
.s_txt1 span,.s_txt4 span {font-size:30px;}
.s_text2,.s_text3 { background:#1a8dee; padding:10px; width:208px; padding-left:10px;}
.s_text_img {padding:10px; width:208px; height:140px; background:#FFF;}
.mr8 { margin-right:9px;}

.sort_right { width:465px; color:#FFF;}
.s_txt4 { background:#ce455f; padding:30px; font-size:16px; line-height:30px; height:90px; margin-bottom:8px;}
.s_text5,.s_text6 { background:#ce455f; padding:10px; width:208px; padding-left:10px;}
.s_form { background:#FFF;}
.s_form table {border-collapse:collapse;border:1px solid #fff;}
.s_form table th { font-size:16px;}
.s_form table th,.s_form table td{ padding:16px; border-collapse:collapse;border:1px solid #CCC;}

.te_info { background:url(../images/technology_bg.jpg) no-repeat; height:245px;}
.t1 { position:absolute; margin:90px 0 0 10px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t2 { position:absolute; margin:30px 0 0 210px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t3 { position:absolute; margin:30px 0 0 390px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t4 { position:absolute; margin:90px 0 0 530px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t5 { position:absolute; margin:30px 0 0 680px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t6 { position:absolute; margin:30px 0 0 840px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t7 { position:absolute; margin:150px 0 0 180px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t8 { position:absolute; margin:150px 0 0 350px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t9 { position:absolute; margin:150px 0 0 670px; width:150px; font-size:18px; color:#FFF; text-align:center;}
.t10 { position:absolute; margin:150px 0 0 820px; width:150px; font-size:18px; color:#FFF; text-align:center;}

.reason_info { background:url(../images/img4.jpg) top center no-repeat; height:569px; font-size:15px;}
.reason_txt1 { position:absolute; margin:100px 0 0 0; line-height:30px; color:#0387d3;}
.reason_txt2 { position:absolute; margin:370px 0 0 0; line-height:30px; color:#0387d3;}
.reason_txt3 { position:absolute; margin:75px 0 0 730px; text-align:right; line-height:30px; color:#0387d3;}
.reason_txt4 { position:absolute; margin:370px 0 0 795px; text-align:right; line-height:30px; color:#0387d3;}

.pro_left { width:480px;}
.pro_right { width:480px;}
.pro_txt { border:solid 1px #CCCCCC; padding:20px;}
.pro_txt li { list-style:disc inside; padding:5px 0; color:#da405a;}
.pro_txt li a { color:#333;}
.pro_txt li a:hover { color:#da405a;}

.case_info { width:316px; margin-bottom:15px;}
.case_info h3 { width:316px; height:40px; line-height:40px; color:#FFF; background:#da405a; text-align:center;}

.program { background:url(../images/conbg_2.jpg) top center no-repeat; height:622px;}
.pro_info h2 { padding:40px 0; font-size:38px; height:38px; line-height:38px; color:#fff; text-align:center;}

.bd_con4{background:#fff;height:408px;width:980px;border:1px solid #CCC;position:relative;margin:0px auto;}
.bd_t3{font:18px/45px "微软雅黑";color:#FFF;padding:0px 14px 14px;height:45px;position:absolute;left:-1px;top:-1px;background:url(../images/bd_bg1.jpg) no-repeat;width:610px;z-index:100;}
.bd_c4l{background:#000;float:left;height:388px;width:620px;padding-top:20px;padding-left:15px;position:absolute;}
.bd_c4l ul li{font:18px/85px "微软雅黑";color:#FFF;text-align:center;height:85px;width:115px;cursor:pointer;background:#707070;margin:0px 5px 5px 0px;float:left; border:solid 1px #fff;}
.bd_c4l ul .bd_cutLi{background:#6B0904; border:solid 1px #F00;}
.bd_c4r{float:right;width:336px;}
.bd_c4top{height:333px;}
.bd_lbtn{padding:0px 0px 0px 5px;float:left;width:23px;background:url(../images/bd_lbtn.jpg) no-repeat;display:block;height:21px;margin-top:165px;}
.bd_rbtn{float:right;width:19px;padding-top:0px;padding-right:9px;display:block;height:21px;margin-top:165px;background:url(../images/bd_rbtn.jpg) no-repeat;}
.bd_lbtn:hover{background:url(../images/hbd_lbtn.jpg) no-repeat;}
.bd_rbtn:hover{background:url(../images/hbd_rbtn.jpg) no-repeat;}
.bd_chgBox{float:left;height:403px;width:268px;overflow:hidden;position:relative; margin-left:20px;}
.bd_long{width:5360px;position:absolute;left:0px;top:0px;height:403px;}
.bd_long ul li{height:403px;width:268px;float:left;font-family:"微软雅黑";}
.bc_chgTitle{height:54px;text-align:center;width:268px;padding-top:9px;font:bold 16px/54px "微软雅黑";}
.bd_lbtn img,.bd_rbtn img{cursor:pointer}
.bd_long ul li p{font-size:14px;line-height:22px;padding-top:12px;}


.art_info ul { float:left; width:490px;}
.art_info ul li { list-style:disc inside; color:#da405a; padding:10px 0; font-size:16px;}
.art_info ul li a:hover { color:#da405a; }

iframe,body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,th,td { margin:0; padding:0;list-style:none;}
body{margin:0px;line-height:24px;font-size:12px;padding:0px; font-family:"Microsoft Yahei";}
/*header style*/
.topwrapwrap{width:100%;background:url("http://www.e-works.net.cn/imageshome/topbg.jpg") repeat-x;border-bottom:1px solid #7F7F7F;}
.topwrap{width:980px;height:38px;line-height:38px;padding:0px 0px;font-size:14px;color:#7D8184;overflow:hidden;}
.qlink{width:534px;}
.qlink a{padding-right:21px; text-decoration:none;font-size:14px;}
.qlink a:link,.qlink a:visited{color:#5E5E5E;}
.qlink a:hover{color:#f60;}
.tl			{text-align:left;}
.tc			{text-align:center;}
.tr			{text-align:right;}
.mag		{margin:0px auto;}
.fl		    {float: left;}
.fr			{float: right;}
.clear             {clear:both;}
.clearfix:after    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix          {display: inline-block;}      
/* Hides from IE-mac \*/
* html .clearfix   {height: 1%;}
.clearfix          {display: block;}
.mt10{margin-top:10px;}
.foot{height:80px;padding-top:20px; background:#da405a;}
.foot a,.foot li { color:#fff;}
.foot a:link,.foot a:visited {text-decoration: none;}
.foot a:hover {text-decoration: underline;}
/*header style end*/