@charset "utf-8";
/* CSS Document */
/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:Arial,"微软雅黑";-webkit-text-size-adjust:none;overflow-x:hidden;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li,ol{list-style-type:none;}
a{color:#808080;text-decoration:none;}
a:hover{color:#059eff;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
select{-moz-border-radius: 3px;border-radius: 3px;}

.gb,.header .logo,.footer .logo,#slideplay .btn span,.m_list li .title,.m_case li p.title a,.case .btn span,.product .content .go{background:url(../images/global_bg.png) no-repeat;}

.header{height:80px;width:100%;_width:100%;z-index:100;}
.header_modal{height:80px;z-index:999;top:0;width:100%;_width:100%;position:fixed;_position:absolute;z-index:99;display:none;}
.header .dh{width:1002px;height:80px;margin:0 auto;}
.header .logo{width:168px;height:60px;float:left;margin-top:10px;background-position:0 -640px;}
.header .nav{float:right;}
.header .nav li{float:left;height:80px;padding:0 15px;font:bold 14px "微软雅黑";}
.header .nav li.on{background:url(../images/nav_bg.png) repeat-x center;}
.header .nav li a{line-height:80px;color:#4d4d4d;display:inline-block;width:100%;}
.header .nav li.on a{color:white;}

.header.step1{position:fixed;_position:absolute;top:-80px;left:0;z-index:9999;color:white;}
.header_modal.step1{top:-80px;display:block;background:white;border-bottom:1px solid #dde0e1;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

.banner{position:relative;width:100%;overflow:hidden;}
.banner img{position:absolute;left:50%;top:0;margin-left:-960px;}

.about{width:1002px;margin:0 auto;margin-top:44px;}
.about h3{height:73px;background-position:0 -42px;width:399px;margin:0 auto;} .about h3 a{width:100%;height:100%;display:block;}
.about .content{margin-top:38px;font-size:15px;color:#808080;line-height:28px;}
/*=========about_class=========*/
.about_class{margin-top:50px;}
.about_class .ab_info{text-align:left;color:#808080;font-size:14px;margin-bottom:120px;} .ab_info h3{display:inline-block;width:220px;height:27px;}
.ab_info .abs{background-position:0 -524px;margin:27px 0 20px;}
.ab_info .wt{background-position:0 -573px;margin:29px 0 25px;}
.ab_info .wf{background-position:-313px -524px;margin:29px 0 25px;}
.ab_info .abs_content,.ab_info .wt_content{border-bottom:1px solid #dfdfdf;padding-bottom:27px;}

/*=========product=========*/
.product{margin-top:98px;background:#58ceff url(../images/pd_bg.png);padding-top:42px;padding-bottom:52px;}
.product h3{background-position:0 -135px;width:399px;height:76px;margin:0 auto;}
.product h3 a{width:100%;height:100%;display:block;}
.product .content{width:1002px;margin:0 auto;margin-top:34px;}
.product .content .class{position:relative;}
.product .content .title{width:25px;margin:0 auto;margin-top:60px;color:white;font-size:20px;text-align:center;}
.product .content .go{position:absolute;background-position:-566px -192px;width:50px;height:50px;bottom:19px;left:24px;}
/*幻灯*/
#slideplay{width:1002px;height:343px;position:relative;overflow:hidden;}
#slideplay ul{position:absolute;width:1002px;}
#slideplay > ul > li{width:1002px;height:300px;float:left;overflow:hidden;}
#slideplay .list{width:1020px;overflow:hidden;}
#slideplay .list li{float:left;margin-right:20px;width:235px;height:300px;overflow:hidden;position:relative;z-index:1;padding-top:47px;}
#slideplay .list .class{position:absolute;width:100px;height:300px;display:block;background-color:#4d4d4d;z-index:2;top:-47px;left:19px;display:none;}
#slideplay .list li img{height:450px;}

#slideplay .btnBg{width:1002px;height:20px;position:absolute;left:0;bottom:0;}
#slideplay .btn{height:10px;padding:5px 10px;position:absolute;left:50%;bottom:0;}
#slideplay .btn span{width:11px;height:11px;margin-left:5px;display:inline-block;cursor:pointer;_display:inline;_zoom:1;_font-size:0;background-position:-477px 0;}
#slideplay .btn span.on{background-position:-507px 0;}
#slideplay .preNext{width:45px;height:100px;position:absolute;top:120px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
#slideplay .pre{left:0;}
#slideplay .next{right:0;background-position:right top;}


/*==========case===========*/
.case{padding-top:73px;background-color:#f3f3f3;padding-bottom:38px;}
.case h3{width:399px;height:72px;margin:0 auto;background-position:0 -232px;} .case h3 a{width:100%;height:100%;display:block;}
.case .content{margin-top:52px;width:1002px;margin:0 auto;}

.case .content .sub{margin-top:30px;background-color:white;float:left;}
.case .content .sub .view{margin:18px 23px;display:block;}
.case em{font:bold 14px "微软雅黑",Tahoma, Geneva, sans-serif;display:block;}
.case .c_left em a{color:#4c4c4c;}
.case p{margin-top:7px;color:#808080;}

.case .slider{width:1002px;position:relative;height:722px;margin-top:50px;overflow:hidden;} .case .slider ul{width:99999px;position:absolute;}
.case .slider >ul >li{float:left;width:1002px;overflow:hidden;} .case .slider .list{width:1020px;}
.case .slider .list li{float:left;width:320px;height:320px;margin-right:20px;margin-bottom:20px;}
.case .slider .list li img{width:320px;}

/*========inews==========*/
.inews{padding-top:37px;padding-bottom:42px;}
.inews h3{width:399px;height:73px;margin:0 auto;background-position:-300px -616px;} .inews h3 a{width:100%;height:100%;display:block;}
.inews .content{width:1002px;margin:0 auto;overflow-x:hidden;padding-top:32px;} .inews .content ul{width:1060px;}
.inews .content li{border-bottom:1px solid #8cddff;padding:25px 0;} .inews .content .sub img{width:92px;height:92px;}
.inews .content .sub{float:left;width:472px;margin-right:58px;}  .inews .content .sub .sub_conf{width:364px;margin-left:10px;}
.inews .content .sub h2{margin-bottom:4px;} .inews .content .sub h2 a{font-size:20px;color:#58ceff;} .inews .content .sub h2 a:hover{color:#15a4ff;}
.inews .content .sub img{float:left;}
.inews .content .sub_conf{float:left;color:white;}
.inews .content .sub_conf .date{text-transform:uppercase;font:normal 12px Arial, Helvetica, sans-serif;}
.inews .content .sub_conf .review{line-height:20px;height:44px;overflow:hidden;color:#4d4d4d;}

/*=hover=*/
.projects-thumbnail{position:relative;width:156px;margin:0 auto;padding:0px;}
.projects-thumbnail:after{content:"";width:0px;height:0px;position:absolute;z-index:2;}
.project-thumbnail-overlay{
position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background:#059eff;zoom:1;
filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.projects-thumbnail:hover .project-thumbnail-overlay{filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.projects-thumbnail .project-to-detail{
position:absolute;z-index:3;width:70px;height:70px;overflow:visible;line-height:70px;text-align:center;font-size:2em;top:50%;left:50%;margin:-35px 0px 0px -35px;pointer-events:none;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;
filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);-webkit-transition:all 0.4s ease-in-out 0.2s;-moz-transition:all 0.4s ease-in-out 0.2s;-o-transition:all 0.4s ease-in-out 0.2s;-ms-transition:all 0.4s ease-in-out 0.2s;transition:all 0.4s ease-in-out 0.2s;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;color:white;font-size:50px;font-family:Arial, Helvetica, sans-serif;cursor:pointer;border:3px solid white;}
.projects-thumbnail:hover .project-to-detail{filter:alpha(opacity=80);opacity:0.8;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);pointer-events:auto;}

.case .c_btn{text-align:center;position:absolute;bottom:0;width:100%;}
.case .c_btn a{width:10px;height:10px;background-position:-566px 0;display:inline-block;margin:0 3px;}
.case .c_btn a.on{background-position:-536px 0;}

.case .btn{position:absolute;bottom:0;width:100%;text-align:center;height:20px;left:0;}
.case .btn span{width:10px;height:10px;background-position:-566px 0;display:inline-block;margin:0 3px;cursor:pointer;_display:inline;_zoom:1;_font-size:0;}
.case .btn span.on{background-position:-536px 0;}

/*=========footer=========*/
.footer{height:95px;width:1002px;margin:0 auto;}
.footer .logo{width:168px;height:60px;background-position:0 -640px;margin-top:18px;}
.footer .copyright{line-height:23px;margin-top:25px;color:#808080;text-align:right;}
.footer .copyright a{padding:0 7px;} 

/*==========about===========*/
.location{height:100px;background-color:#f3f3f3;}
.location .content{width:1000px;height:100px;margin:0 auto;position:relative;}
.location .classname{position:absolute;width:198px;height:198px;background-color:#069eff;bottom:0;left:0;text-align:center;color:white;line-height:30px;}
.location .classname b{font-size:30px;margin-top:73px;display:block;}
.location .classname i{display:block; text-transform:uppercase;font:normal 17px/30px Arial, Helvetica, sans-serif;}
.location .share{margin-left:215px;padding-top:50px;}
.location .thedir{padding-top:64px;} .location .thedir span{color:#21a7fe;}

/*==========m_list==========*/
.m_container{background-color:#e6e6e6;}
.m_list,.m_case{width:1000px;margin:0 auto;overflow-x:hidden;padding-top:27px;} .m_list ul{width:1026px;}
.m_list li{width:316px;float:left;margin-right:26px;margin-bottom:28px;}
.m_list li .title{height:71px;text-indent:16px;background-color:white;background-position:-403px -32px;}
.m_list li .title em,.m_list li .title i{font-style:normal;display:block;line-height:19px;} .m_list li .title em{padding-top:17px;}
.m_list li .title a{color:#5d6164;}
.m_list li.on .title{background-color:#069eff;background-position:-403px -109px;}
.m_list li.on .title a{color:white;}

.m_case{width:1002px;margin:0 auto;}  .m_case ul{width:1024px;}
.m_case li{width:233px;border:1px solid #e3e3e3;float:left;text-align:center;background-color:white;margin-right:21px;padding-top:3px;margin-bottom:22px;}
.m_case li img{width:227px;height:227px;}
.m_case li p.title{height:30px;line-height:30px;} .m_case li p.title a{background-position:-690px -182px;text-indent:13px;display:inline-block;color:#4d4d4d;}
.m_case li.on{background-color:#069eff;border-color:white;} .m_case li.on p.title a{color:white;background-position:-690px -213px;}

/*========caseshow========*/

.caseshow{width:998px;margin:0 auto;border:1px solid #e5e5e5;}
.caseshow_conf{width:906px;border:1px solid #e3e3e3;background-color:white;padding:33px 45px;}
.caseshow_conf .title,.caseshow_conf .time{text-align:center;color:#4c4c4c;}
.caseshow_conf .title{font-size:30px;} .caseshow_conf .time{width:100%;padding:13px 0 19px;display:block;border-bottom:1px solid #dfdfdf;}
.caseshow_conf .c_content{border-top:1px solid #e1e1e1;margin-top:11px;padding-top:15px;padding-bottom:15px;color:#4c4c4c;line-height:26px;}
.caseshow_conf .picarr img{width:900px;margin-bottom:5px;}
.pn{height:30px;line-height:30px;padding-top:23px;background:url(../images/dt_line.png) repeat-x top;}
.pn a.prev{background:url(../images/global_bg.png) no-repeat -566px -260px;text-indent:35px;}
.pn a.next{background:url(../images/a_next.jpg) no-repeat right center;padding-right:35px;}

.productshow{width:1000px;margin:0 auto;background-color:white;}
.productshow .p_main{margin:0 25px;width:440px;}
.productshow .p_main p{border-bottom:1px solid #ebebeb;line-height:60px;height:60px;display:block;color:#808080;}
.productshow .p_main p em,.productshow .p_main p i{font-style:normal;float:left;}
.productshow .p_main p.title{font-size:20px;font-weight:bold;color:#4c4c4c;}
.productshow .p_main p.price i{font-size:30px;color:#ff3c00;font-weight:bold;}
.productshow .p_main p.tel i{font:normal 25px "Impact","微软雅黑";color:#00aeff;margin-top:13px;}
.productshow .p_main p.qq i{margin-top:17px;}
.productshow .destine{width:194px;height:316px;background-color:#00aeff;}
.productshow .destine .dt_do{width:100px;height:101px;background-position:-446px -191px;margin:0 auto;margin-top:32px;margin-bottom:40px;cursor:pointer;}
.productshow .destine .dt_detail{width:152px;margin:0 auto;border-top:1px solid #00d7ff;text-align:center;color:white;padding-top:23px;}
.productshow .c_content{border-top:1px solid #ebebeb;padding:20px 25px;color:#808080;font-size:14px;line-height:26px;}
.productshow .c_content #ct_2,.productshow .c_content #ct_3{display:none;}
.productshow .pics{width:950px;margin:0 auto;overflow-x:hidden;}  .productshow .pics ul{width:972px;margin-bottom:29px;}
.productshow .pics li{float:left;margin-right:23px;}
.productshow .pics li img{width:300px;height:300px;}
.c_nav{margin-top:30px;}
.c_nav a{background:#b3b3b3;width:120px;height:40px;line-height:40px;font-size:14px;display:inline-block;text-align:center;color:white;border-right:1px solid white;font-weight:bold;cursor:pointer;}
.c_nav a.on{background-color:#00aeff;}

/*========news=========*/
.news{margin:0 auto;width:998px;}
.news .n_li{padding:18px 25px;background-color:white;background:white url(../images/news_li_bg.png) no-repeat bottom right;border-bottom:3px solid #dadada;margin-bottom:19px;position:relative;}  
.news .n_li.on{background-image:url(../images/news_li_bg2.png);}
.news .n_li .title{height:28px;margin-bottom:10px;}
.news .n_li .title h3{float:left;}  .news .n_li .title .time{float:right;color:#4c4c4c;}
.news .n_li .title h3 a{color:#4c4c4c;}
.news .n_li.on .title h3 a{color:#069eff;}
.news .n_li .n_img{float:left;}
.news .n_li .n_review{float:right;width:762px;color:#4c4c4c;line-height:24px;}
.news .n_li .more{position:absolute;right:0;bottom:0;width:32px;height:32px;}

/*=========newsdetail===========*/
.newsdetail{width:998px;margin:0 auto;background-color:white;}
.newsdetail .content{padding:28px 35px;}
.newsdetail .content h3.title{font-size:20px;text-align:center;width:100%;color:#4c4c4c;border-bottom:3px solid #e5e5e5;padding-bottom:20px;}
.newsdetail .content p.info{text-align:center;color:#cccccc;line-height:36px;}
.newsdetail .content p.info span{margin:0 13px;}
.newsdetail .content .conf{color:#666666;padding-bottom:24px;font-size:14px;line-height:26px;}

/*＝＝＝＝*/
.kefu{ display:none;
width: 400px;
height: 184px;
background: url(../images/kefu.png) no-repeat;
overflow: hidden;
text-align: center;
z-index: 99999;
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -102px;
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+220));
}
.kefu .kefu_conf{width:400px;height:184px;position:relative;}
.kefu .kefu_conf a{position:absolute;display:block;cursor:pointer;}
.kefu .kefu_conf a.close{top:36px;right:0;width:22px;height:22px;}
.kefu .kefu_conf a.goto{top:137px;left:176px;width:93px;height:26px;}
.kefu .kefu_conf a.godown{top:137px;left:289px;width:93px;height:26px;}

/*分页样式*/
.page_info{text-align:center;margin-bottom:20px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-bottom:20px;}
.page_list a{display:inline-block;color:#8c8c8c;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:10px 18px;margin:0 4px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:white;border:1px solid #ccc;background:#069eff;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}

.info_content{width:1000px;text-align:center;margin:0 auto;background-color:white;}
.contact{color:#808080;font-size: 14px;margin:27px 0 50px;text-align:left;line-height:26px;}

.picarr{text-align:center;}

/*大图样式*/
/*.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}*/


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}

/*=========order==========*/
.ordertab td{height:35px;line-height:35px;padding:3px;}
.class_input,.class_area{border:1px solid #CCC;height:31px;padding:2px;width:450px;font-size:14px;}
.class_area{height:200px;}
.ordertab .title{width:120px;text-align:center;}
.class_btn{background-color: #00aeff;padding:8px 30px;color:white;cursor:pointer;border:none;font:bold 14px "微软雅黑";}
#showerr{font-size:14px;color:red;margin-left:15px;}
.maroon{color: #D20000;font-family: "宋体";}

/*========custom=======*/
.blue{color:#3ab6ff;}
.ft1{font-size:20px;font-weight:bold;}
.ft2{font-size:20px;font-family:Impact,Tahoma, Geneva, sans-serif;}
.ft3{font-weight:bold;}

.online{position:absolute;top:50%;margin-top:-175px;z-index:99999;width:227px; display:none;
/*right:-144px;*/right:0;
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+338));
}
.online_icon{
width: 83px;
height: 193px;
background: url(../images/qq_icon.png) no-repeat;
cursor: pointer;display:none;
}
.online_service{width:144px;}
.online_service .online_service_bg,.online_service .online_top,.online_service .online_bottom,.online_service .online_content h2,.online_service .online_content .cont{background:url(../images/online_bg.png) no-repeat;width:143px;}
.online_service .online_service_bg{background-position:0 -185px;float:left;width:144px;}
.online_service .online_top{height:10px;background-position:-36px 0;float:left;}
.online_service .online_bottom{height:10px;background-position:-36px -54px; float:left;}
.online_service .online_content{background-position:0 -37px;padding-left:5px;}
.online_service .online_content h2{font-size:12px;width:134px;height:29px;line-height:29px;text-align:center;background-position:0 -156px;}
.online_service .online_content .cont{text-align:center;background-position:-147px -185px;padding-top:6px;padding-bottom:6px;border-bottom: 1px solid #d0d0d0;width:134px;color:#069eff;}
.online_service .online_content.qq .cont p{margin-top:5px;}
.techclass{border:1px solid #CCC;}

.banner-box{min-width:1210px;height:620px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1920px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:620px; position:relative;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li img{position:absolute;left:50%;margin-left:-960px;}

.banner-btn{width:1002px;position:absolute;top:380px;left:50%;margin-left:-501px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}

.banner-box .hd {position:absolute;top:210px;left:430px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}