@charset "utf-8";

/* CSS Document */

body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#222222; background:#FFFFFF;}

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0;}

h1,h2,h3,h4{font-size:17px; font-family:"微软雅黑",Tahoma,Arial; font-weight:normal;}

table{border-collapse: collapse; border-spacing: 0;}

a{text-decoration:none; color:#222222; outline:none;}

img{ border:0 none; vertical-align:top;}

ul li{list-style:none;}

.c{clear:both; overflow:hidden; zoom:1;}

.center{ text-align:center;}

.fl{ float:left;}

.fr{ float:right;}

.warp{width:1200px; margin:0 auto; clear:both;  }

.mt8{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt20{ margin-top:20px;}

.mt25{ margin-top:25px;}

.mt30{ margin-top:30px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}

.mt60{ margin-top:60px;}

.mr30{ margin-right:30px;}



/*top*/

#top{ height:32px; background:#f5f5f5; border-bottom:#ddd solid 1px; line-height:32px; overflow:hidden; font-size:13px;}

#top a{ margin:0 5px;}

#top a:hover{ color:#e60012; text-decoration:underline;}



/*header*/

#header{ height:100px; position:relative;}

#header #logo{ position:absolute; left:0; top:0;}

#header #tel{ position:absolute; right:0; top:0;}



/*menu*/

#menu_bg{ background:#0075ae; height:52px; width:100%; overflow:hidden;}

#menu{ height:52px; line-height:52px;}

#menu li{ width:145px; float:left; display:inline; text-align:center; line-height:52px; background:url(../images/menu_right.jpg) right center no-repeat;}

#menu li a{ color:#FFF; display:block; font-size:16px; transform:translate(0,0); transition:all .2s ease-in 0s;}

#menu li a:hover{background:#e60012;}



/*banner*/

#web_banner_big{height:500px;min-width:100%;position:relative;z-index:1;margin-bottom:50px;}
.focusBox {position:relative;height:500px;overflow:hidden;z-index:2;}
.focusBox .pic {position:relative;z-index:0;width:100% !important;}
.focusBox .pic li {width:100% !important; height:500px;overflow:hidden;text-align:center;z-index:1;}
.focusBox .pic a {height:500px;display:block;}
.focusBox .hd { width:100%;position:absolute;bottom:23px;text-align:center;font-size:0;z-index:1;}
.focusBox .hd li{margin:0 5px;background:url(../images/dot.png) no-repeat 0 -16px;height:16px;overflow:hidden;width:16px;cursor:pointer;display:inline-block;*display:inline;zoom:1;_background:url(../images/dot8.png) no-repeat 0 -16px;}
.focusBox .hd .on{background-position:0 0;}
.focusBox .prev, .focusBox .next{width:60px;height:90px;margin:-60px 0 0;display:none;background:url(../images/ad_ctr.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:0.2;}
.focusBox .prev {left:0;}
.focusBox .next {background-position:0 -90px;right:0;}
.focusBox .prev:hover, .focusBox .next:hover {filter:alpha(opacity=50) !important;opacity:0.5 !important;}



/*我们的业务*/

.bg01{ background:url(../images/bg01.jpg) repeat; padding:40px 0 40px 0; overflow:hidden; clear:both;}

.in_tt{ text-align:center; background:url(../images/in_tt.png) 0 70px no-repeat;}

.in_tt h3{ font-size:28px;}

.in_tt p{ font-size:16px; text-transform:uppercase; color:#666;}

.in_tt p i{ width:70px; height:4px; background:#0075ae; display:inline-block; margin:10px 0;}



.in_business{ clear:both; overflow:hidden; height:373px; margin-top:0px;}

.in_business li{width:240px; height:270px; float:left; display:inline; margin:90px 30px 15px 30px; background:#fff; position:relative; -moz-box-shadow:0px 0px 13px #ccc; -webkit-box-shadow: 0px 0px 13px #ccc; box-shadow: 0px 0px 13px #ccc; }

.in_business_tu{width:228px; height:150px; position:absolute;   overflow:hidden; border-radius:0%; border:#fff solid 5px; -moz-box-shadow:0px 0px 13px #ccc; -webkit-box-shadow: 0px 0px 13px #ccc; box-shadow: 0px 0px 13px #ccc; -webkit-transition:-webkit-transform .5s ease-out; -moz-transition: -moz-transform .5s ease-out;	-o-transition: -o-transform .5s ease-out;	-ms-transition: -ms-transform .5s ease-out;}

.in_business_tu img{width:228px; height:150px; overflow:hidden;}

 
.in_business_txt{ width:180px; height:84px; line-height:28px; text-align:center; font-size:15px; overflow:hidden; margin-top:100px; padding:0 30px; color:#666;}

.in_business li a{ width:210px; height:42px; background:#ec404d; color:#FFF; font-size:18px; text-align:center; display:block; line-height:42px; margin:15px 15px 0 15px; transform:translate(0,0); transition:all .3s ease-in 0s;}

.in_business li:hover a{ background:#e60012; }



/*公司简介*/

.in_about_bg{ background:url(../images/about_bg.jpg) top center no-repeat; clear:both; overflow:hidden; width:100%; height:522px;}

.in_about_pic{ background:url(../images/pic_bg.png) no-repeat; width:470px; height:360px; overflow:hidden; padding:52px 0 0 58px; margin:56px 0 0 26px;}

.in_about_pic img{width:470px; height:360px; overflow:hidden;}

.in_about{ width:600px; height:412px; overflow:hidden; margin:56px 0 0 0; color:#FFF;}

.in_about_tt{ height:80px; font-size:28px; text-transform:uppercase; line-height:40px; padding-top:40px;}

.in_about_con{ font-size:14px; line-height:28px; height:224px; overflow:hidden;}

.in_about_more{}

.in_about_more a{background:#e60013; color:#fff; font-size:14px; width:140px; height:42px; overflow:hidden; text-align:center; line-height:42px; display:block; transform:translate(0,0); transition:all .2s ease-in 0s;}

.in_about_more a:hover{ background:#fc0217; font-size:15px; margin-top:-3px; }



/*客户案例*/

.in_case{ clear:both; overflow:hidden;}

.in_case li{width:265px; height:225px; float:left; display:inline; margin:0px 7px 0px 7px; background:#FFF; border:#eeeeee solid 4px; padding:6px; position:relative;}

.in_case_tu{width:265px; height:225px; overflow:hidden;}

.in_case_tu img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:265px; height:225px; overflow:hidden;}

.in_case li a:hover{ text-decoration:none;}

.in_case li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }

.in_case_txt{ background:rgba(0,0,0,0.6); position:absolute; left:6px; bottom:6px; width:265px; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:14px; overflow:hidden; overflow:hidden;}



/*新闻资讯*/

.in_new_L{ width:530px; overflow:hidden; margin-bottom:100px;}

.in_new_R{ width:630px; overflow:hidden;}



.in_new_pic{ width:530px; height:140px; overflow:hidden; position:relative;}

.in_new_pic a img{ width:530px; height:140px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.in_new_pic a:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }

.in_new_pic_time{ position:absolute; left:0; top:0; width:60px; height:60px; background:rgba(0,114,174,0.8); color:#FFF; overflow:hidden; padding:5px;}

.in_new_pic_time_day{ font-size:40px; font-weight:bold; text-align:center; line-height:44px;}

.in_new_pic_time_month{ font-size:13px; font-weight:bold; text-align:center; line-height:16px;}

.in_new_title{ font-size:18px; line-height:36px; overflow:hidden; height:36px;}

.in_new_title a{ color:#444;}

.in_new_title a:hover{ color:#e60012; text-decoration:underline}

.in_new_con{ font-size:14px; line-height:24px; color:#666; overflow:hidden; height:48px;}

.in_new_more a{background:#0075ae; color:#fff; font-size:14px; width:160px; height:42px; overflow:hidden; text-align:center; line-height:42px; display:block; transform:translate(0,0); transition:all .2s ease-in 0s;}

.in_new_more a:hover{margin-top:-3px; background:#e60012;}



.new_list{ clear:both; overflow:hidden;}

.new_list li{ transform:translate(0,0); transition:all .2s ease-in 0s; height:70px; padding:17px 0; width:630px; border-bottom:#ededed solid 1px; overflow:hidden;}

.time_box{ height:70px; width:70px; overflow:hidden; float:left; display:inline; text-align:center;}

.time_day{font-size:46px; color:#a4a4a4; height:46px; line-height:46px; overflow:hidden; font-weight:bold;}

.time_ny{ font-size:16px; color:#a4a4a4; height:24px; line-height:24px; overflow:hidden;}

.new_con_box{height:70px; width:545px; overflow:hidden; float:right; display:inline; color:#666; font-size:13px; line-height:20px;}

.new_con_box a{ color:#444; font-size:18px; line-height:30px; height:30px; overflow:hidden;}

.new_con_box a:hover{color:#e60012; text-decoration:underline}





.way{ background:url(../images/wayBg_02.jpg) center 0 no-repeat; height:160px; min-width:1200px; }

.way ul li{ font-size:20px; color:#fff; line-height:22px; float:left;}

.way ul li:nth-child(1){ margin:45px 0 0 110px;}

.way ul li:nth-child(2){ margin:55px 0 0 185px;}

.way ul li:nth-child(3){ margin:55px 0 0 215px;}

.way ul li span{ font-size:18px; color:#fff; line-height:22px;}


 
.footer{ background:#0075ae; height:220px; min-width:1200px; }

.footer .footer-logo{ text-align:center;}

.footer .footer-border { background:none; border-top:0px solid #fff; height:1px; position:relative; margin:15px 0;}

.footer .footer-border:before{ background:#fff; border:0px ridge #fff; content:""; height:1px; width:37px; position:absolute; top:-1px; left:48%;}

.footer .footer-copyRight{ font-size:14px; color:#fff; line-height:34px; text-align:center;}

.footer .footer-copyRight a{ font-size:14px; color:#fff; line-height:34px;}

.inner{ width:1100px; margin:0 auto;}




/*右侧悬浮客服*/

.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}

.toolbar{position:fixed;right:3px; bottom:33%; z-index:9990}/*假设网页宽度为1200px，导航条在右侧悬浮*/

.toolbar a{ outline:none}

.toolbar-item{display:block;width:52px;height:52px;margin-top:2px;position:relative; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}

.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-item-weixin{background-position:0 -372px;}

.toolbar-item-weixin:hover{background-position:0 -434px;}

.toolbar-item-kefu{background-position:0 -124px;}

.toolbar-item-kefu:hover{background-position:0 -186px;}

.toolbar-item-top{background-position:0 -248px;}

.toolbar-item-top:hover{background-position:0 -310px;}

.toolbar-item-phone{background-position:0 0px;}

.toolbar-item-phone:hover{background-position:0 -62px;}

.toolbar-layer{background:#FFF; padding:5px; width:140px; -moz-box-shadow:0px 0px 8px #999; -webkit-box-shadow:0px 0px 8px #999; box-shadow:0px 0px 8px #999; position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:40px; margin:0; padding:0; overflow:hidden; color:#222;}

.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:0 10px 10px 10px; text-align:center;}

.toolbar-item:hover .toolbar-layer1{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-layer1{background:#FFF; padding-bottom:30px; width:300px; text-align:center; -moz-box-shadow:0px 0px 8px #999; -webkit-box-shadow:0px 0px 8px #999; box-shadow:0px 0px 8px #999; position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

.foot_tel_icon{ clear:both; overflow:hidden; display:block; height:50px;}

.foot_tel_icon img{ width:50px; height:50px; overflow:hidden;}

.foot_telphone{ font-size:36px; font-family:Impact; color:#e60012;}

.foot_ser_time{ font-size:14px; color:#666;}





/*page*/

.page_L{ width:260px; overflow:hidden;}

.page_R{ width:918px; overflow:hidden; border:#eee solid 1px;}

.page_tt{height:46px; border-bottom:#eee solid 1px; overflow:hidden; line-height:46px; padding:0 19px; width:880px;}

.page_tt h3{ color:#222; font-size:20px; background:url(../images/dian_02.jpg) 1px center no-repeat; padding-left:13px;}

.weizhi{ float:right; display:inline; color:#666;}

.weizhi a{color:#666;}

.weizhi a:hover{color:#0075ae; text-decoration:underline;}



.page_con{ font-size:14px; line-height:2; clear:both; overflow:hidden; padding:10px 19px 10px 19px; width:880px;}

.page_con img{ max-width:880px; height:auto; width:expression(this.width > 880px ? "880px" : this.width); overflow:hidden;}

.con_title{ font-size:32px; color:#333; font-weight:bold; line-height:48px; width:1220px;}

.con_auth{ clear:both; height:34px; font-size:13px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}

.con_auth span{ margin-right:25px;}



.page_L_top{ width:260px; height:73px; padding-top:17px; background:#0075ae; color:#FFF; line-height:30px; font-size:23px; text-align:center;}

.page_L_top i{ font-style:normal; font-size:16px; text-transform:uppercase;}

.leftmenulist{background:#f2f2f2; padding:0px 8px 8px 8px; overflow: hidden; border: 1px solid #eee;}

.leftmenulist li{height:45px; line-height:45px; margin-top:8px; overflow:hidden;}

.leftmenulist li a{display:block; font-size:16px; padding-left:36px; background:url(../images/icon02.png) 17px center no-repeat #FFF;}

.leftmenulist li a:hover{ background:url(../images/icon01.png) 17px center no-repeat #0075ae; color:#FFF;}

.leftmenulist li.on a{ background:#0054a5; color:#FFF;}

.contact_box{ background:url(../images/contact_box.jpg) top center no-repeat; height:180px; width:207px; overflow:hidden; clear:both; padding:65px 35px 2px 18px; font-size:14px; line-height:26px;}



/*新闻简讯*/

.time{ float:right; display:inline; color:#999; font-size:13px; margin-right:5px;}

.news_list{ clear:both; overflow:hidden;}

.news_list li{ height:40px; border-bottom:#eee solid 1px; line-height:40px; overflow:hidden; background:url(../images/dian_1.jpg) 5px center no-repeat; padding-left:23px;}

.news_list li a{ font-size:14px;}

.news_list li a:hover{ color:#0075ae;}



/*翻页*/

#page{margin:25px 5% 25px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}

#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}

#page .scott span,#page .scott a:hover{ background:#0075ae; border:1px solid #0075ae; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 12px; height:30px; line-height:30px; text-decoration:none;}

#page .scott a,#page .scott span.morepage{padding:0 12px; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; margin:5px 3px; display:inline; float:left; color:#444;}

/*内容页翻页*/

.page_back{ border-top:1px solid #ededed; padding-top:10px; margin-top:20px; position:relative; font-size:14px; line-height:34px;}

.page_back a{ color:#333;}

.page_back a:hover{ text-decoration:underline; color:#0054a5;}

.page_back .bapage_back_up{ position:absolute; right:15px; top:28px;}



/*在线留言*/

.font_on{overflow:hidden;}

.oinput2{ background:none; border:1px solid #ddd; border-top:#bbb solid 1px; height:22px; line-height:22px; width:180px; padding:0 3px; font-size:12px;}

.textarea1{background:none; border:1px solid #ddd; border-top:#bbb solid 1px; font-size:12px; margin-top:8px; padding:2px 3px; line-height:18px; resize:none; width:500px; height:150px;}

.message_btn{ background:#0075ae; color:#FFF; width:100px; height:34px; text-align:center; line-height:34px; border:none; border-radius:3px; outline:none; cursor:pointer; margin:15px 25px;}

.message_btn:hover{ background:#e60012;}

.mesage_ask{ line-height:1.8; background:#f7f7f7; padding:5px 15px; margin-top:10px; font-size:12px;}

.mesage_ask p{ margin:0;}

.mesage_replay{padding:5px 15px; line-height:1.8; font-size:14px;}

.mesage_replay p{ margin:0;}

.admin{ color:#e60012;}



/*客户案例*/

.case_list{ clear:both; overflow:hidden;}

.case_list li{  float:left; display:inline; margin:16px 0px 0px 16px; background:#FFF; border:#eeeeee solid 4px; padding:6px; position:relative;}

.case_list_tu{width:265px; height:225px; overflow:hidden;}

.case_list_tu img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:265px; height:225px; overflow:hidden;}

.case_list li a:hover{ text-decoration:none;}

.case_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }

.case_list_txt{ background:rgba(0,0,0,0.6); position:absolute; left:6px; bottom:6px; width:265px; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:14px; overflow:hidden; overflow:hidden;}
 
 

 
.header-inner{position:relative;position:relative;z-index:30;width:1200px;margin:0 auto}

 

/*分页=============================================================*/
.prorig-con{margin-left:300px; clear:both;}
.prorig-con ul{margin:auto;}
.prorig-con ul li{color:#fff;float:left;padding:5px 12px;margin:30px 5px 5px;border-radius:5px;background:#0075ae;line-height:20px;}
.prorig-con ul li a{color:#fff;font-size:15px;line-height:20px;}
.prorig-con ul li.current{float:left;color:#fff;font-size:15px;padding:5px 12px;margin:30px 5px 5px;border-radius:5px;background:#096b72;line-height:20px;}