﻿.banner{ width:100%; height:234px; background:url(../newimages/banner.jpg) top center no-repeat;}
.banner_about{ width:100%; height:234px; background:url(../newimages/banner/banner_about.jpg) top center no-repeat;}
.banner_contact{ width:100%; height:234px; background:url(../newimages/banner/banner_contact.jpg) top center no-repeat;}
.banner_media{ width:100%; height:234px; background:url(../newimages/banner/banner_media.jpg) top center no-repeat;}
.banner_policyread{ width:100%; height:234px; background:url(../newimages/banner/banner_policyread.jpg) top center no-repeat;}
.banner_news_1{ width:100%; height:234px; background:url(../newimages/banner/news/banner1.jpg) top center no-repeat;}
.banner_news_2{ width:100%; height:234px; background:url(../newimages/banner/news/banner2.jpg) top center no-repeat;}
.banner_news_3{ width:100%; height:234px; background:url(../newimages/banner/news/banner3.jpg) top center no-repeat;}
.banner_case_2{ width:100%; height:234px; background:url(../newimages/banner/case/banner2.jpg) top center no-repeat;}
.banner_case_3{ width:100%; height:234px; background:url(../newimages/banner/case/banner3.jpg) top center no-repeat;}
.banner_case_4{ width:100%; height:234px; background:url(../newimages/banner/case/banner4.jpg) top center no-repeat;}
.banner_case_5{ width:100%; height:234px; background:url(../newimages/banner/case/banner5.jpg) top center no-repeat;}
.banner_solution_1{ width:100%; height:234px; background:url(../newimages/banner/solution/banner1.jpg) top center no-repeat;}
.banner_solution_2{ width:100%; height:234px; background:url(../newimages/banner/solution/banner2.jpg) top center no-repeat;}
.banner_solution_3{ width:100%; height:234px; background:url(../newimages/banner/solution/banner3.jpg) top center no-repeat;}
.banner_solution_4{ width:100%; height:234px; background:url(../newimages/banner/solution/banner4.jpg) top center no-repeat;}
.banner_solution_5{ width:100%; height:234px; background:url(../newimages/banner/solution/banner5.jpg) top center no-repeat;}
.banner_solution_6{ width:100%; height:234px; background:url(../newimages/banner/solution/banner6.jpg) top center no-repeat;}
.banner_solution_7{ width:100%; height:234px; background:url(../newimages/banner/solution/banner7.jpg) top center no-repeat;}
.banner_solution_8{ width:100%; height:234px; background:url(../newimages/banner/solution/banner8.jpg) top center no-repeat;}
.banner_solution_9{ width:100%; height:234px; background:url(../newimages/banner/solution/banner9.jpg) top center no-repeat;}
.banner_solution_10{ width:100%; height:234px; background:url(../newimages/banner/solution/banner10.jpg) top center no-repeat;}
.banner_solution_11{ width:100%; height:234px; background:url(../newimages/banner/solution/banner11.jpg) top center no-repeat;}
.banner_solution_122{ width:100%; height:234px; background:url(../newimages/banner/solution/banner12.jpg) top center no-repeat;}
.banner_solution_133{ width:100%; height:234px; background:url(../newimages/banner/solution/banner13.jpg) top center no-repeat;}
.banner_solution_14{ width:100%; height:234px; background:url(../newimages/banner/solution/banner14.jpg) top center no-repeat;}.banner_solution_19{ width:100%; height:234px; background:url(../newimages/banner/solution/banner19.jpg) top center no-repeat;}


.main{ width:1000px; height:auto; overflow:hidden; padding:18px 0;}

.left{ float:left; width:267px;}
/*解决方案 project*/
.project{ float:left; width:265px; border:1px solid #d9d9d9; padding-bottom:8px;}
.project ul{ width:265px;}
.project ul li{ float:left; width:120px; height:66px; margin-left:8px; margin-top:8px; line-height:18px; font-size:12px; display:inline;}
.project ul li a{ float:left; width:108px; height:54px; padding:6px 6px; background:url(../newimages/case_li_bg.jpg); color:#48738c;}
.project ul li a:hover{ color:#fff; background:url(../newimages/case_li_hover.jpg);}
.project ul li.lit{ width:265px; height:34px; line-height:34px; background:url(../newimages/list_li_bg.jpg) repeat-x; margin:0; padding:0;}
.project ul li.lit h6{ float:left; background:url(../newimages/list_li_li.jpg) no-repeat 20px center; text-indent:40px; font-size:14px; color:#0b3b7b;}
/*经典案例 case*/
.case{ float:left; width:265px; border:1px solid #d9d9d9; padding-bottom:8px;}
.case ul{ width:265px;}
.case ul li{ float:left; width:265px; height:75px;}
.case ul li a{ color:#48738c;}
.case ul li a:hover{ color:#ff0000;}
.case ul li p{ font-size:12px; height:54px; line-height:18px; margin:8px 8px 0 8px; border-bottom:1px dashed #999; padding-bottom:15px;}
.case ul li p img{ float:left; margin-right:8px;}
.case ul li p strong{ color:#076ca6;}
.case ul li.lit{ width:265px; height:34px; line-height:34px; background:url(../newimages/list_li_bg.jpg) repeat-x;}
.case ul li.lit h6{ float:left; background:url(../newimages/list_li_li.jpg) no-repeat 20px center; text-indent:40px; font-size:14px; color:#0b3b7b;}
/*百科 wiki*/
.wiki{ float:left; width:265px; border:1px solid #d9d9d9; padding-bottom:8px;}
.wiki ul{ width:265px;}
.wiki ul li{ float:left; height:34px; line-height:34px; font-size:12px; color:#999; border-bottom:1px dashed #999; display:inline;}
.wiki ul li.lil{ width:156px; background:url(../newimages/list_li.jpg) no-repeat left center; margin-left:10px; padding-left:10px; overflow:hidden; white-space:nowrap;}
.wiki ul li.lir{ width:69px; text-align:right; padding-right:10px;}
.wiki ul li a{ color:#313131;}
.wiki ul li a:hover{ color:#ff0000;}
.wiki ul li.lit{ width:265px; height:34px; line-height:34px; background:url(../newimages/list_li_bg.jpg) repeat-x; border:none;}
.wiki ul li.lit h6{ float:left; background:url(../newimages/list_li_li.jpg) no-repeat 20px center; text-indent:40px; font-size:14px; color:#0b3b7b;}
/*导航*/
.box_nav{ float:left; width:267px; margin-top:-15px;}
.box_nav ul{ width:267px;}
.box_nav ul li{ float:left; width:265px; height:32px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding-top:12px; display:inline;}
.box_nav ul li a{ float:left; width:217px; height:32px; line-height:32px; padding-left:48px; font-size:14px; background:url(../newimages/list_nav_bg.jpg) no-repeat center center; color:#313131;}
.box_nav ul li a:hover{ background:url(../newimages/list_nav_hover.jpg) no-repeat center center; color:#fff;}
.box_nav ul li a.current{ background:url(../newimages/list_nav_hover.jpg) no-repeat center center; color:#fff;}
.box_nav ul li.li_bottom{ height:12px; border-bottom:1px solid #d9d9d9; line-height:none; background:none; padding:0;}
.box_nav ul li.li_news{ width:267px; height:50px; background:url(../newimages/t_news.jpg) no-repeat; border:none; padding:0;}
.box_nav ul li.li_project{ width:267px; height:50px; background:url(../newimages/t_project.jpg) no-repeat; border:none; padding:0;}
.box_nav ul li.li_media{ width:267px; height:50px; background:url(../newimages/t_media.jpg) no-repeat; border:none; padding:0;}
.box_nav ul li.li_product{ width:267px; height:50px; background:url(../newimages/t_product.jpg) no-repeat; border:none; padding:0;}
.box_nav ul li.li_case{ width:267px; height:50px; background:url(../newimages/t_case.jpg) no-repeat; border:none; padding:0;}
/*其他*/
.box_hottel{ float:left; width:267px; height:52px; background:url(../newimages/hottel.jpg) no-repeat;}
.box_wechat{ float:left; width:267px; height:52px; background:url(../newimages/wechat.jpg) no-repeat;}

.right{ float:left; width:715px; border:1px solid #d9d9d9; margin-left:16px;}
.right ul{ width:715px;}
.right ul li{ float:left; height:34px; line-height:34px; font-size:14px; color:#999; border-bottom:1px dashed #999;}
.right ul li.lil{ width:550px; background:url(../newimages/list_li.jpg) no-repeat left center; padding-left:20px; margin-left:20px;}
.right ul li.lir{ width:85px; text-align:right; padding-right:20px;}
.right ul li a{ color:#79bcd8;}.right ul li.lil a{ color:#313131;}
.right ul li a:hover{ color:#ff0000;}
.right ul li.lit{ width:715px; height:60px; background:url(../newimages/list_li_bg.jpg) repeat-x; border:none;}
.right ul li.lit a{ color:#999;}
.right ul li.lit a:hover{ color:#ff0000;}
.right ul li.lit h6{ float:left; background:url(../newimages/list_li_li.jpg) no-repeat 20px center; text-indent:40px; font-size:14px; color:#0b3b7b;}
.right ul li.lit p{ float:right; margin-right:20px;}
.right ul li.liview{ float:left; width:715px; height:auto; background:none; margin:0; padding:0; border:none; color:#313131;}
.view_title{ float:left; width:715px; height:52px; text-align:center; line-height:52px; color:#313131; font-size:18px; font-weight:bold;}
.view_tool{ float:left; width:715px; height:34px; text-align:center; line-height:34px; background:#ededed;}
.view_cont{ float:left; width:675px; padding:20px; text-align:left;}
.video_show{ float:left; width:640px; height:480px; margin-left:37px; background:#ccc;}
.video_list{ float:left; width:640px; margin-left:37px; margin-top:20px;  border-bottom:5px solid #fff;}
.video_list ul{ width:640px;}
.video_list ul li{ float:left; width:213px; height:150px; margin-top:10px; text-align:center; border:none;}
.video_list ul li img{ width:200px; height:150px;}
.pro_list{ float:left; width:675px; padding:20px;}
.pro_list ul{ width:675px;}
.pro_list ul li{ float:left; width:225px; height:200px; font-size:12px; line-height:24px; text-align:center; border:none;}
.pro_list ul li img{ width:200px; height:150px; border:1px solid #999; padding:3px;}
.case_list{ float:left; width:675px; padding:20px;}
.case_list ul{ width:675px;}
.case_list ul li{ float:left; width:675px; height:120px; text-align:left; border:none;}
.case_list ul li a{ color:#48738c;}
.case_list ul li a:hover{ color:#ff0000;}
.case_list ul li p{ font-size:12px; height:54px; line-height:18px; margin:8px 8px 0 8px; padding-bottom:15px;}
.case_list ul li p img{ float:left; margin-right:8px; width:120px; height:90px;}
.case_list ul li p strong{ color:#076ca6;}
.pro_img{ float:left; width:320px; height:240px; margin-left:20px; border:1px solid #999; padding:10px;}
.pro_img img{ width:320px; height:240px;}
.pro_view{ float:left; width:333px; height:300px; margin-left:20px;}
.pro_view ul{ width:333px;}
.pro_view ul li{ float:left; width:333px; height:auto; line-height:32px; border:none;}
.pro_cont{ float:left; width:675px; padding:20px; text-align:left;}

.right .page{ float:left; width:715px; height:30px; text-align:center; font-size:14px; margin-top:10px; padding-bottom:26px;}
.right .page strong{ padding:0 5px; color:#ff0000;}
.right .page .current{ width:28px; height:28px; border:1px solid #999; display:inline-block; text-align:center; line-height:28px; margin-right:5px; background:#0966a1; color:#fff;}
.right .page a{ width:28px; height:28px; border:1px solid #999; display:inline-block; text-align:center; line-height:28px; margin-right:5px; color:#313131;}
.right .page a:hover{ background:#0966a1; color:#fff;}

.right .gopage{ float:left; width:350px; height:34px; line-height:34px; border-bottom:5px solid #fff; border-left:5px solid #fff; font-size:12px;}
.right .gopage a{ float:left; width:338px; height:34px; color:#313131; background:#bdbdbd; padding-left:12px;}
.right .gopage a:hover{ color:#fff; background:#0966a1;}