@charset "utf-8";

/* CSS Document */

html,body,div,span,img,a,table,th,td,ul,li,dl,dt,dd,from,p,h1,h2,h3,h4,h5,h6,br{margin:0;padding:0;border:none;}

ul,li,dl,dt,dd{list-style:none;}

input,button{margin:0;padding:0;font-size:12px;vertical-align:middle;}

body{ font-family:'Microsoft YaHei'; color:#4b4b4b; font-size:12px; text-align:center;}

/* 去掉链接虚线 */

a{ text-decoration:none; outline:none;}

a:active {star:expression(this.onFocus=this.blur());}

/* 超文本链接 */

a{ color:#ffffff; text-decoration:none;}

a:hover{ color:#ffffff;text-decoration:none !important;}

/* 清除浮动 */

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; line-height:0;}

/* 导航效果 */

.section-wrapper{ margin-top:-70px; padding-top:70px;}

.section-wrapper:first-child .section{ padding-top:70px;}

#nav{ position:fixed; top:0; left:0; right:0; background:#000; opacity:0.9; z-index:100;}

#nav .logo{ float:left; width:360px; height:32px; margin-top:19px; text-align:center;}

#nav ul{ float:right; width:680px;}

#nav ul li{ float:left; width:110px; height:70px; line-height:70px; text-align:center;}

#nav ul li a{ display:block; width:110px; height:70px; font-size:16px; color:#999;}

#nav ul .current a{ height:67px; line-height:64px; background:#111; color:#fff; border-top:#ca192b 3px solid;}

/* 首页大图滚动 */

.ban{ width:100%; height:660px; margin-top:70px;}

.ban .flexslider{position:relative;height:660px; overflow:hidden; background:url(loading.gif) 50% no-repeat;}

.ban .slides{position:relative;z-index:1;}

.ban .slides li{height:660px;}

.ban .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.ban .flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}

.ban .flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:40px; text-indent:-9999px;overflow:hidden;background:url(dot.png) right 0 no-repeat;cursor:pointer;}

.ban .flex-control-nav .flex-active{background-position:0 0;}

.ban .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.ban .flex-direction-nav li a{display:block;width:59px;height:117px;overflow:hidden; background:url(prev_next.png) no-repeat; cursor:pointer; position:absolute;}

.ban .flex-direction-nav li a.flex-prev{ background-position: 0 0; left:48px;}

.ban .flex-direction-nav li a.flex-next{ background-position: -59px 0; right:48px;}

.ban .flex-direction-nav li a.flex-prev:hover{ background-position: 0 -117px;}

.ban .flex-direction-nav li a.flex-next:hover{ background-position: -59px -117px;}

/* 服务项目 */

.m_service{ margin:0 auto; width:1040px; text-align:left;}

.tabbtn{ width:420px; height:106px; margin-left:620px; background:url(service_line.jpg) no-repeat center top; overflow:hidden; zoom:1;}

.tabbtn li{ float:left; width:110px; margin:0 15px; height:36px; line-height:28px; font-size:14px; color:#333; text-align:center; cursor:pointer;}

.tabbtn li.current{ background:url(service_menubg.png) no-repeat; color:#fff;}

.tabcon{ position:relative; overflow:hidden;}

.tabcon .subbox{ position:absolute; left:0; top:0;}

.tabcon .sublist{ height:550px;}

.tabcon .sublist h2{ height:190px; text-align:center; font-size:12px; color:#666; font-weight:normal;}

.tabcon .sublist h2 img{ margin-bottom:9px;}

.tabcon .sublist .sublist_btn1{}

.tabcon .sublist .sublist_btn1 dl{ float:left; width:200px; margin-right:80px;}

.tabcon .sublist .sublist_btn1 dl dt{ width:160px; height:160px; margin:0 auto; cursor:pointer;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn1{ background:url(service_btn.png) no-repeat 0 0;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn1:hover{ background:url(service_btn.png) no-repeat 0 -160px;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn2{ background:url(service_btn.png) no-repeat -160px 0;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn2:hover{ background:url(service_btn.png) no-repeat -160px -160px;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn3{ background:url(service_btn.png) no-repeat -320px 0;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn3:hover{ background:url(service_btn.png) no-repeat -320px -160px;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn4{ background:url(service_btn.png) no-repeat -480px 0;}

.tabcon .sublist .sublist_btn1 dl .serivce_btn4:hover{ background:url(service_btn.png) no-repeat -480px -160px;}

.tabcon .sublist .sublist_btn1 dl dd{ font-size:12px; color:#666; line-height:180%;}

.tabcon .sublist .sublist_btn1 dl .service_tit{ margin-top:12px; height:42px; line-height:40px; font-size:20px; color:#333; text-align:center;}

.tabcon .sublist .sublist_btn2{}

.tabcon .sublist .sublist_btn2 dl{ float:left; width:208px;}

.tabcon .sublist .sublist_btn2 dl dt{ width:160px; height:120px; margin:0 auto; cursor:pointer;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn1{ background:url(service_btn1.png) no-repeat 0 0;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn1:hover{ background:url(service_btn1.png) no-repeat 0 -120px;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn2{ background:url(service_btn1.png) no-repeat -160px 0;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn2:hover{ background:url(service_btn1.png) no-repeat -160px -120px;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn3{ background:url(service_btn1.png) no-repeat -320px 0;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn3:hover{ background:url(service_btn1.png) no-repeat -320px -120px;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn4{ background:url(service_btn1.png) no-repeat -480px 0;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn4:hover{ background:url(service_btn1.png) no-repeat -480px -120px;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn5{ background:url(service_btn1.png) no-repeat -640px 0;}

.tabcon .sublist .sublist_btn2 dl .serivce2_btn5:hover{ background:url(service_btn1.png) no-repeat -640px -120px;}

.tabcon .sublist .sublist_btn2 dl dd{ width:160px; margin:0 auto; font-size:14px; color:#666; line-height:180%; text-align:center;}

.tabcon .sublist .sublist_btn2 dl .service2_tit{ margin-top:18px; height:42px; line-height:40px; font-size:22px; color:#333;}

/* 案例展示 */

.m_casebg{ width:100%; background:url(foot_bg.jpg);}

.m_casebg h2{ height:180px; font-size:12px; color:#666; text-align:center; font-weight:normal;}

.m_casebg h2 img{ margin-bottom:9px;}

.blk_18 { width:1360px; margin:0 auto; text-align:left; OVERFLOW:hidden; ZOOM:1;}

.blk_18 .pcont { FLOAT: left; OVERFLOW: hidden; width:1128px;}

.blk_18 .ScrCont { WIDTH: 32766px; ZOOM: 1}

.blk_18 #List1_1 { FLOAT: left}

.blk_18 #List2_1 { FLOAT: left}

.blk_18 .LeftBotton { background:url(scroll_btn.png) no-repeat 0 0; FLOAT: left; width:50px; height:98px; margin-top:198px; margin-right:66px; display:inline;}

.blk_18 .RightBotton {background:url(scroll_btn.png) no-repeat -50px 0; FLOAT: right; width:50px; height:98px; margin-top:198px; margin-left:66px; display:inline;}

.blk_18 .LeftBotton:hover { background:url(scroll_btn.png) no-repeat 0 -98px;}

.blk_18 .RightBotton:hover { background:url(scroll_btn.png) no-repeat -50px -98px;}

.mosaic_case{ width:auto; overflow:hidden; zoom:1; }

.mosaic-block { float:left; position:relative; overflow:hidden; width:360px; height:250px; margin:0 8px; background:#111 url(progress.gif) no-repeat center center;}

.mosaic-backdrop { display:none; position:absolute; top:0; height:100%; width:100%; background:#000;}

.mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#000;}

.fade .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00);  background:url(bg-black.png);}

.fade .mosaic-overlay .details{ padding-left:60px; padding-top:70px; padding-right:60px; font-size:14px; line-height:160%;}

.fade .mosaic-overlay .details h3{ height:32px; font-size:22px; color:#fff; font-weight:normal;}

/* 最新资讯 */

.m_news{ width:1050px; padding-top:70px; margin-left:auto; margin-right:auto; text-align:left;}

.m_news h2{ height:180px; font-size:12px; color:#666; text-align:center; font-weight:normal;}

.m_news h2 img{ margin-bottom:9px;}

.protal-column-t1 .column2 { width:1040px; height:330px; margin:0 auto;}

.protal-column-t1 #column2-2-1 { width:1050px; overflow:hidden; clear:both;}

.protal-column-t1 #column2-2-1 #column2-2-2{ position:relative; width:1050px;}

.protal-column-t1 #column2-2-1 #column2-2-2 .arrow_left{ position:absolute; right:86px; top:0; width:60px; height:24px;}

.protal-column-t1 #column2-2-1 #column2-2-2 .arrow_right{ position:absolute; right:16px; top:0; width:60px; height:24px;}

.protal-column-t1 #column2-2-1 #column2-2-2 .fleft{ width:1050px; padding-top:40px;}

.protal-column-t1 #column2-2-1 #column2-2-2 .fleft li{ float:left; width:310px; margin:0 20px; line-height:180%; text-align:center;}

.protal-column-t1 #column2-2-1 #column2-2-2 .fleft li img{ width:300px; height:132px; border:#ddd 4px solid; margin-bottom:10px;}

.protal-column-t1 #column2-2-1 #column2-2-2 .fleft li img:hover{ border:#818181 4px solid;}

.protal-column-t1 #column2-2-1 #column2-2-2 .fleft li p{ width:308px; margin:0 auto; text-align:left; color:#666;}

.protal-column-t1 #column2-2-1 #column2-2-2 .fleft li .fleft_tit{ margin-bottom:7px; height:36px; line-height:28px; font-size:16px; color:#222; border-bottom:#d1d1d1 1px solid;}

.news{ width:1040px; margin:0 auto; text-align:left;}

.news_tit{ height:80px; overflow:hidden; zoom:1;} 

.news_tit .news_tit_lf{ float:left; width:480px;}

.news_tit .news_tit_rg{ float:right; width:360px;}

.news_tit .news_tit_rg p{ height:40px; font-size:14px; text-align:right;}

.news_tit .news_tit_rg p span{font-family:"宋体";}

.news_tit .news_tit_rg ul{ width:360px; overflow:hidden; zoom:1;}

.news_tit .news_tit_rg ul li{ float:left; width:110px; margin-left:10px; text-align:center;}

.news_tit .news_tit_rg ul li a{ display:block; width:110px; height:36px; line-height:28px; font-size:14px; color:#fff; background:url(service_menubg1.png) no-repeat;}

.news_tit .news_tit_rg ul li a:hover{ background:url(service_menubg.png) no-repeat;}

.news_tit .news_tit_rg ul li .news_tit_tab{ background:url(service_menubg.png) no-repeat;}

.news_list{ margin-top:60px;}

.news_list dl{ padding:27px 40px 24px 40px; line-height:180%; border:#d8d8d8 1px solid;}

.news_list dl dt{ padding-left:32px; height:40px; font-size:18px; color:#333; line-height:20px; background:url(icon_01.png) no-repeat left top;}

.news_list dl dd{ padding-left:32px; line-height:180%; background:url(icon_02.png) no-repeat left top;}

.news_list dl dd a{ color:#666;}

.news_list dl dd a:hover{ color:#ca192b;}

.news_info{ margin-top:60px;}

.news_info .news_info_lf{ float:left; width:650px; padding:42px 35px; border:#d8d8d8 1px solid;}

.news_info .news_info_lf h1{ height:48px; font-size:24px; line-height:24px; text-align:center; color:#333; font-weight:normal;}

.news_info .news_info_lf .news_info_text{ height:56px; line-height:25px; color:#999; text-align:center;}

.news_info .news_info_lf .news_info_text img{ margin:0; padding:0; vertical-align:middle;}

.news_info .news_info_lf .news_info_1{ line-height:200%;}

.news_info .news_info_lf .news_info_1 p{ margin-bottom:16px;}

.news_info .news_info_lf .news_info_next{ height:36px; line-height:36px; font-size:14px; }

.news_info .news_info_lf .news_info_next a{ color:#818181;}

.news_info .news_info_lf .news_info_next a:hover{ color:#ca192b;}

.news_info .news_info_lf .news_info_keywords{ font-size:14px;}

.news_info .news_info_lf .news_info_keywords span{ color:#999;}

.news_info .news_info_rg{ float:right; width:230px;}

.news_info .news_info_rg h2{ height:36px; line-height:27px; font-size:18px; color:#333; font-weight:normal; border-bottom:#CCC 1px solid;}

.news_info .news_info_rg ul{ margin-top:10px;}

.news_info .news_info_rg ul li{ height:24px; line-height:24px; background:url(icon_03.png) no-repeat left center;}

.news_info .news_info_rg ul li:hover{ background:url(icon_04.png) no-repeat left center;}

.news_info .news_info_rg ul li a{ padding-left:14px;}

.cont_page{ margin-top:20px; height:40px; font-size:14px; text-align:center;}

.cont_page a{ display:inline-block; width:80px; height:40px; line-height:40px; text-align:center; background:url(page_bg.png) no-repeat; margin:0 3px; color:#333;}

.cont_page a:hover{ color:#fff; background:url(page_bg.png) no-repeat 0 -40px;}

.cont_page span{ display:inline-block; width:80px; height:40px; line-height:40px; text-align:center; margin:0 3px; background:url(page_bg.png) no-repeat; color:#333;}

.cont_page strong{ display:inline-block; width:80px; height:40px; line-height:40px; text-align:center; margin:0 3px; font-weight:normal; background:url(page_bg.png) no-repeat 0 -40px; color:#fff;}

/* 关于笔尖 */

.m_aboutbg{ width:100%;  background:#f0f0f0;}

.m_about{ position:relative; width:1040px; margin:0 auto; padding-top:30px; text-align:left;}

/* 联系我们 */

.m_contactbg{ width:100%;  background:url(contact_bg.jpg);}

.m_contactbg h2{ font-size:12px; color:#eeb8c7; text-align:center; font-weight:normal;}

.m_contactbg h2 img{ margin-bottom:9px;}

.m_contactbg .m_contact{ width:1040px; margin:0 auto; text-align:left; background:url(contact_bg1.jpg) no-repeat;}

.m_contactbg .m_contact .m_contact_info{ width:760px; margin:0 auto;}

.m_contactbg .m_contact .m_contact_info dl{ float:left; width:190px; text-align:center; font-size:14px; color:#eeb8c7; line-height:180%;}

.m_contactbg .m_contact .m_contact_info dl dt{ width:119px; height:135px; margin-left:auto; margin-right:auto; background:url(contact_btnbg.png) no-repeat; text-indent:-9999px;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_tel{ background-position:0 0;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_tel:hover{ background-position:0 -135px;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_qq{ background-position:-119px 0;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_qq:hover{ background-position:-119px bottom;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_qq a{ display:block; width:100%; height:100%;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_mail{ background-position:-238px 0;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_mail:hover{ background-position:-238px bottom;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_add{ background-position:right 0;}

.m_contactbg .m_contact .m_contact_info dl .m_contact_add:hover{ background-position:right bottom;}

.m_contactbg .m_contact .m_contact_info dl dd{ padding-top:10px;}

.m_contactbg .m_contact .m_contact_info dl dd a{ color:#eeb8c7;}

.m_contactbg .m_contact .m_contact_info dl dd a:hover{ color:#fff;}



.m_footbg{ width:100%; padding-top:80px; padding-bottom:80px; background:url(foot_bg.jpg);}

.m_footbg .m_foot{ width:872px; margin:0 auto; text-align:left;}

.m_footbg .m_foot .m_foot_menu{ float:left; width:600px;}

.m_footbg .m_foot .m_foot_menu ul{ width:600px; overflow:hidden; zoom:1;}

.m_footbg .m_foot .m_foot_menu ul li{ float:left; width:90px; height:24px; line-height:24px;}

.m_footbg .m_foot .m_foot_menu ul li a{ font-size:14px; color:#999;}

.m_footbg .m_foot .m_foot_menu ul li a:hover{ color:#fff;}

.m_footbg .m_foot .m_foot_keyword{ margin-top:16px; line-height:200%;}

.m_footbg .m_foot .m_foot_keyword a{ color:#4b4b4b;}

.m_footbg .m_foot .m_foot_keyword a:hover{ color:#999;}

.m_footbg .m_foot .m_foot_tel{ float:right; width:200px;}

/* online_service */

#online_service{margin-top:-320px;position:fixed; _position:absolute;right:0;top:50%;width:124px;height:196px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; z-index:99;}

#online_service a{display:block;width:124px;height:48px;text-indent:-9999px;background:url(service.png) no-repeat;cursor:pointer;margin-bottom:1px}

#online_service .srvLog{background-position:0 0}

#online_service .srvLog:hover{background-position:-124px 0}

#online_service .srvCns{background-position:0 -48px}

#online_service .srvCns:hover{background-position:-124px -48px}

#online_service .srvDj{background-position:0 -96px}

#online_service .srvDj:hover{background-position:-124px -96px}

#online_service .goTop{background-position:0 bottom}

#online_service .goTop:hover{background-position:-124px bottom}