﻿@charset "utf-8";
/* CSS定制的公共样式 */
html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:100%;background:transparent;}
html,body{font:12px/24px "宋体",Helvetica,Arial,sans-serif;color:#666;word-wrap:break-word;}
body{background:#fff;}
html{overflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
ol,ul,li{list-style:none;}
img{vertical-align:top;border:0;}
table,td,tr,th{font-size:12px;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{font-family:"宋体";font-size:12px;border:none;resize:none;outline:medium none;}
.clearfix{clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {zoom:1;}
*+html .clearfix {zoom:1;}
a{color:#666;text-decoration:none;outline:none;} /* for firefox */
a:hover{color:#4953e8;text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.gr-left{float:left;}
.gr-right{float:right;}
.gr-relative{position:relative;}
.gr-overflow{overflow:hidden;}
.gr-web1000{width:1000px;margin:0 auto;}
/* CSS边距 */
.pa-top15-bottom15{padding:15px 0;}
.pa-top25-bottom25{padding:25px 0;}
.pa-top15{padding-top:15px;}
.pa-bottom25{padding-bottom:25px;}
.pa-top30{padding-top:30px;}
.pa-left40{padding-left:40px;}
.pa-left50{padding-left:50px;}
.ma-top10{margin-top:10px;}
.ma-top15{margin-top:15px;}
.ma-top20{margin-top:20px;}
.ma-top30{margin-top:30px;}
.ma-left15{margin-left:15px;}
/* 头部样式 */
.gr-top{height:33px;line-height:33px;background:url(../images/top_bj.jpg) repeat-x;color:#dddcdc;}
.gr-header{height:105px;background:url(../images/top_bja.jpg) no-repeat center top;border-bottom:2px solid #607f9d;}
h1#gr-logo{width:230px;height:72px;padding-top:15px;}
.gr-top-right{width:350px;height:33px;}
.gr-tel{height:33px;line-height:29px;overflow:hidden;}
.gr-tel span{position:relative;top:2px;font-family:"微软雅黑";font-size:18px;}
.gr-xl{display:block;height:30px;background:url(../images/xl_wb.jpg) no-repeat 0 6px;margin-left:10px;padding-left:25px;color:#dddcdc;}
.gr-wx{display:block;width:50px;height:30px;background:url(../images/tx_wx.jpg) no-repeat 0 6px;margin-left:10px;padding-left:25px;color:#dddcdc;position:relative;}
.weixing-show{width:99px;height:117px;background:#ffffff;border-radius:6px;border:1px solid #dddddd;position:absolute;right:-20px;top:40px;padding:10px 10px 6px;z-index:999}
.weixing-ma{width:99px;height:99px;}
.weixing-txt{width:99px;height:18px;line-height:18px;text-align:center;color:#666;}
.weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent #ffffff transparent ;border-width:6px;left:56px;top:-12px;position:absolute;z-index:2;}
.weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent #dddddd transparent;border-width:8px;left:54px;top:-16px;position:absolute;}
/* 导航样式 */
.gr-nav li{width:90px;height:105px;line-height:18px;float:left;text-align:center;border-right:1px solid #e8e8e8;}
.gr-nav li a{display:block;width:90px;height:70px;font-family:"微软雅黑";font-size:15px;color:#333;padding-top:35px;}
.gr-nav li a span{display:block;color:#a9a9a9;font-family:arial;font-size:10px;}
.gr-nav li a:hover{background:#4953e8;color:#fff;}
.gr-nav li a:hover span{color:#fff;}
.gr-nav li a.curr{background:#4953e8;color:#fff;}
.gr-nav li a.curr span{color:#fff;}
/*banner图*/
.banner{position: relative;}
.banner img{display: block;margin: 0 auto}
.banner .bd{width: 1920px;  height:auto; z-index:0;position: relative;left:50%; margin-left:-960px;}
.banner .hd{position:absolute;width: 1920px; bottom:30px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 20px; margin-left:-960px;overflow:hidden;}
.banner .hd li{z-index:2; cursor:pointer;display:inline-block;width:12px; height:12px;border-radius: 100px;margin-right: 10px;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{opacity:1;background:#fff;}
.banner_ctr{width: 1920px; height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-960px;}
.banner_ctr a{ display:block;width:45px;height:45px;  position:absolute; opacity:0;filter: alpha(opacity=0);display:block;background: #fff;}
.banner_ctr a.prev{right: 250px;background: url(../images/ban_next.png)no-repeat center}
.banner_ctr a.next{left: 250px;background: url(../images/ban_prev.png)no-repeat center;}
.banner:hover .banner_ctr .prev{right:280px;opacity: 1 ;}
.banner:hover .banner_ctr .next{left:280px;opacity: 1; }


/* 首页样式 */
.gr-quick{height:234px;background:url(../images/ma_bj.jpg) repeat-x;}
.gr-quick-a{width:956px;height:209px;margin:-25px auto 0;background:url(../images/mb_bj.png) no-repeat;position: relative;z-index:99;padding:25px 27px 0;}
.gr-quick-a li.gr-last{background:none;}
.gr-quick-a li{width:184px;height:182px;float:left;background:url(../images/mc_line.jpg) repeat-y right top;text-align:center;padding:0 27px;}
.gr-quick-a li h2{display:block;padding-top:5px;font-family:"微软雅黑";font-size:18px;color:#fff;}
.gr-quick-a li p{padding-top:10px;color:#fff;line-height:18px;}
.gr-quick-a li p a{width:184px;padding:0;color:#fff;}
.gr-more{display:block;width:93px;height:28px;margin:0 auto;padding-top:10px;}
/* 首页产品样式 */
.gr-product{height:200px;background:url(../images/ma_bja.jpg) no-repeat center top;}
.gr-product-a{width:1004px;margin:0 auto;height:200px;position: relative;}
.gr-next{position: absolute;left:-60px;top:80px;}
.gr-prev{position: absolute;right:-60px;top:80px;}
.product-a{width:1004px;overflow:hidden;}
.product-a ul{width:1005px;}
.product-a ul li{width:200px;height:200px;border-right:1px solid #d9d9d9;text-align:center;float:left;}
.product-a ul li a img{width:180px;height:180px;}
.product-a ul li a{display:block;width:180px;height:180px;border:10px solid #f4f4f4;}
.product-a ul li a:hover{border:10px solid #d7d7d7;background:#fff;}
/* 底部样式 */
.gr-footer{background:url(../images/footer.jpg) repeat-x top;overflow:hidden;padding-top:4px;}
.gr-join-a{width:115px;}
.gr-join-a h2,.gr-tel-a h2{font-size:14px;font-weight:bold;padding-top:10px;}
.gr-tel-a{padding-left:40px;background:url(../images/db_line.jpg) repeat-y left top;padding-bottom:15px;width:450px;}
.gr-code-a{width:337px;padding-top:15px;}
.code-wx{width:193px;height:99px;padding:5px;background:#fff;border:1px solid #adadad;}
.code-sm{padding-left:15px;}
.code-sm h3{line-height:18px;padding-top:10px;color:#333;}
.code-sm p{padding-top:10px;}
.code-sm p a{margin-right:10px;}
/* 内页样式 */
.gr-pbanner{height:150px;text-align:center;position: relative;z-index:99;padding-bottom:1px;border-bottom:1px solid #d6d6d6;}
.gr-main-page{margin-top:-50px;overflow:hidden;position: relative;z-index:100;padding-bottom:30px;}
.gr-sidebar{width:229px;}
.gr-sidebar-one{width:229px;}
.gr-sidebar-one h2{height:48px;line-height:48px;font-size:20px;color:#fff;text-align:center;background:url(../images/bar_a.jpg) no-repeat;font-family:"微软雅黑"}
.gr-sidebar-one h2 span{text-transform:uppercase;font-family:arial;font-size: 14px;padding-left:10px;font-weight:bold;}
.gr-sidebar-one ul{width:197px;border:1px solid #d6d6d6;padding:10px 15px;background:#f6f6f6;overflow:hidden;}
.gr-sidebar-one ul li{height:35px;line-height:35px;background:url(../images/bar_b.jpg) repeat-x bottom;}
.gr-sidebar-one ul li a{display:block;width:179px;height:35px;padding-left:20px;font-size:14px;}
.gr-sidebar-one ul li a:hover{background:url(../images/bar_c.jpg) no-repeat;color:#fff;}
.gr-sidebar-one ul li a.curr{background:url(../images/bar_c.jpg) no-repeat;color:#fff;}
.bar-line{height:4px;background:url(../images/bar_db.jpg) no-repeat;}
.gr-sidebar-two{width:229px;margin-top:15px;}
.gr-sidebar-two h2{height:67px;}
.gr-siderbar-two-a{width:197px;border:1px solid #d6d6d6;padding:20px 15px;background:#f6f6f6}
.gr-siderbar-two-a img{display:block;width:140px;height:140px;margin:15px auto 0;}
.gr-siderbar-two-a p{padding:10px 0;line-height:20px;}
.gr-sidebar-three{width:229px;margin-top:15px;background:#f6f6f6}
.gr-sidebar-three h2{height:48px;line-height:48px;font-size:20px;color:#fff;text-align:center;background:url(../images/bar_a.jpg) no-repeat;font-family:"微软雅黑"}
.gr-sidebar-three ul li{width:197px;height:227px;text-align:center;}
.gr-sidebar-three ul li img{display:block;width:193px;height:193px;border:2px solid #e3e3e3;background:#fff;}
.gr-sidebar-three ul li img:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;border:2px solid #4953e8;}
.gr-sidebar-three ul li span{display:block;height:30px;line-height:30px;}

.gr-content{width:725px;padding-top:80px;}
.gr-title{height:38px;line-height:38px;font-family:"微软雅黑";font-size:15px;font-weight:bold;border-bottom:1px solid #d6d6d6;}
.gr-title span{font-weight:normal;float:right;font-size:12px;font-family:"宋体";}
.gr-content-box{width:725px;overflow:hidden;min-height:400px;padding-top:25px;}
/* 产品样式 */
.gr-product-list{width:725px;padding-top:25px;overflow:hidden;}
.gr-product-list ul{width:750px;overflow:hidden;}
.gr-product-list ul li{width:231px;height:266px;float:left;margin-right:16px;margin-bottom:10px;text-align:center;}
.gr-product-list ul li img{display:block;width:225px;height:225px;border:3px solid #e3e3e3;background:#fff;}
.gr-product-list ul li img:hover{border:3px solid #4953e8;}
.gr-product-list ul li h3{height:35px;line-height:35px;}
/* 产品详细样式 */
.gr-product-show{width:725px;padding-top:25px;overflow:hidden;}
.product-show-top{height:478px;}
.prod-left{float:left;width:402px;height:478px;}
.prod-left-pic{width:400px;height:400px;margin-bottom:10px;border:1px solid #e0e0e0;}
.prod-left-pic-list{overflow:hidden;width:402px;height:48px;}
.prod-left-pic-list ul{width:650px;}
.prod-left-pic-list li{float:left;margin-right:10px;display:inline;width:66px;height:66px;}
.prod-left-pic-list li a{ display:block;width:62px;height:44px;border:2px solid #e0e0e0;}
.prod-left-pic-list li a:hover{border:2px solid #4953e8;}
.prod-right{width:300px;float:right;}
.prod-right h2{font-family:"微软雅黑";color:#333;font-size:22px;padding-bottom:5px;border-bottom:1px solid #d7d7d7;margin-bottom:20px;padding:10px 0;}
.prod-right-title{padding-bottom:20px;margin-bottom:20px;line-height:21px;border-bottom:1px solid #e0e0e0;}
.dload_online{width:110px;height:32px;overflow:hidden;}
.dload_online a{display:block;width:110px;height:32px;background:#4953e8;border-radius:3px;line-height:32px;text-align:center;color:#fff;float:left;font-family:"微软雅黑";font-size:16px;}
.dload_online a:hover{background:#5b65ff;color:#fff;}
.prod-right-tel{height:38px;background:url(../images/pro_tel.jpg) no-repeat;font-family:"微软雅黑";font-size:12px;padding-left:20px;line-height:18px;overflow:hidden;margin-bottom:20px;margin-top:20px;}
.prod-right-tel span{display:block;font-size:24px;color:#4953e8;}
.pro-share .fx-name{float:left;color:#009def;}
.pro-share{height:26px;line-height:26px;background-color:#f0f0f0;padding-left:12px;border-radius:2px;clear:both;}
.prod-right-link{clear:both;overflow:hidden;line-height:22px;padding-top:10px;}

.products-show-contcent{width:725px;overflow:hidden;padding-top:25px;}
.show-nrxx{height:35px;line-height:35px;background:#f0f0f0;}
.show-nrxx span{float:left;display:block;height:35px;font-family:"微软雅黑";font-size:15px;color:#fff;background:#4953e8;padding:0 20px;}

.sul-content{width:725px;padding-top:15px;overflow:hidden;}
.syyx{width:725px;height:35px;margin-top:15px;}
.gr-xg-prod{width:725px;margin-top:15px;overflow:hidden;}
.gr-xg-prod ul{width:793px;padding-top:20px}
.gr-xg-prod ul li{width:231px;height:261px;float:left;margin-right:16px;margin-bottom:10px;text-align:center;}
.gr-xg-prod ul li img{display:block;width:225px;height:225px;padding:2px;border:1px solid #e3e3e3;background:#fff;}
.gr-xg-prod ul li img:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.gr-xg-prod ul li h3{height:30px;line-height:30px;}
/* 案例样式 */
.gr-picture-list{width:725px;overflow:hidden;}
.gr-picture-list ul{width:750px;}
.gr-picture-list ul li{width:231px;height:266px;float:left;margin-right:16px;margin-bottom:10px;text-align:center;}
.gr-picture-list ul li img{display:block;width:225px;height:225px;border:3px solid #e3e3e3;background:#fff;}
.gr-picture-list ul li img:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;border:3px solid #4953e8;}
.gr-picture-list ul li span{height:35px;line-height:35px;}
/* 公司实景样式 */
.gr-setting-list{width:725px;overflow:hidden;}
.gr-setting-list ul{width:750px;}
.gr-setting-list ul li{width:231px;height:194px;float:left;margin-right:16px;margin-bottom:10px;text-align:center;}
.gr-setting-list ul li img{display:block;width:225px;height:158px;border:3px solid #e3e3e3;background:#fff;}
.gr-setting-list ul li img:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;border:3px solid #4953e8;}
.gr-setting-list ul li span{height:35px;line-height:35px;}
/* 荣誉样式 */
.gr-honor-list{width:725px;overflow:hidden;}
.gr-honor-list ul{width:750px;}
.gr-honor-list ul li{width:231px;height:194px;float:left;margin-right:16px;margin-bottom:10px;text-align:center;}
.gr-honor-list ul li img{display:block;width:225px;height:158px;border:3px solid #e3e3e3;background:#fff;}
.gr-honor-list ul li img:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;border:3px solid #4953e8;}
.gr-honor-list ul li span{height:35px;line-height:35px;}
/* 新闻中心 */
.gr-news-list{width:725px;overflow:hidden;}
.gr-news-list li{height:100px;padding:20px 0;border-bottom:1px solid #d2d2d2;}
.gr-news-list li img{display:block;width:150px;height:100px;float:left;margin-right:15px;}
.gr-news-list li h3{font-size:16px;font-family:"微软雅黑";}
.gr-news-list li h4{color:#999;}
.gr-news-list li p{line-height:20px;padding-top:10px;}
.gr-news-list li p a{color:#4953e8;}
/* 新闻详细样式 */
.gr-news-show{width:725px;padding-top:25px;overflow:hidden;}
.gr-news-show h2{font-size:20px;line-height:32px;text-align:center;font-family:"微软雅黑";color:#000;position:relative;}
.gr-news-show h4{text-align:center;height:25px;line-height:25px;border-bottom:1px solid #d2d2d2;}
.gr-news-show h4 span{margin:8px 8px 0 8px; color:#999;text-decoration:none;}
.news-show-nr{padding-top:15px;line-height:26px;}
.fxdy{height:20px;border-bottom:1px solid #d2d2d2;margin-top:15px; clear:both;font-family:"微软雅黑"}
.prew {background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw {background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}
/* 内页留言样式 */
#contactlb{font-size:12px;font-family:"微软雅黑";color:#333;font-size:14px;}
.contactlc{width:600px;margin:30px auto;}
.contactlc table tr{height:40px;}
.left_L{width:12%;font-size:15px;height:25px;line-height:25px;font-family:"微软雅黑";vertical-align: top;padding:5px;}
.left_cont{vertical-align:middle;}
.tc_r{width:250px;height:25px;line-height:25px;background:#fff;border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:5px;}
.tc_r:focus,.tc_c:focus,.tc_a:focus,.tz_r:focus,.text-input:focus{
  border-color:#4953e8;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(73, 83, 232, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(73, 83, 232, .6);
}
.tc_c{width:300px;height:25px;line-height:25px;background:#fff;border:1px solid #ccc;padding-left:5px;border-radius:4px;margin-bottom:15px;padding:5px;}
.tc_a{width:400px;height:25px;line-height:25px;background:#fff;border:1px solid #ccc;padding-left:5px;border-radius:4px;margin-bottom:15px;padding:5px;}
.tz_r{width:470px;height:140px;background:#fff;border:1px solid #ccc;padding:5px;border-radius:4px;margin-bottom:10px;}
.text-input{width:100px;height:25px;line-height:25px;background:#fff;border:1px solid #ccc;padding-left:5px;border-radius:4px;margin-bottom:15px;padding:5px;}
.c_r{width:158px;float:right;}
.tl{padding-left:120px;color:#333;}
.suba{width:100px;border-radius:3px;height:30px;line-height:30px;margin:15px 10px 0;background:#4953e8;color:#fff;border:0px;cursor:pointer;font-size:16px;font-family:"微软雅黑";}
.suba:hover{background:#5b65ff;color:#fff;}
/* 招聘样式 */
#jobsa{background: url(../images/job.jpg) no-repeat;font-size:12px;height:135px;margin:0 auto;padding-left:170px;width:555px;font-family:"Microsoft YaHei";color:#333;font-size:14px;}

#jobsb{height: 40px;line-height: 40px;margin:0 auto;padding-left:30px;width:670px; background:url(../images/hrbafd.jpg) no-repeat;margin-top:30px;}
#jobsb span {display: block;float:left;font-size:14px;width:140px;font-family:"Microsoft YaHei";color:#333;font-size:14px;}

#recruitment {margin:0 auto 40px;width:700px;}
#recruitment ul li{background:url(../images/rclii.jpg) repeat-x center bottom;}
.recruitmentti {background:url(../images/rcli.jpg) no-repeat left top;float:left;font-size:14px;height:48px;line-height:48px;overflow:hidden;padding-left:30px;width:570px;}
.recruitmentti span{display:block;float:left;overflow:hidden;width:140px;color:#333;font-size:12px;font-family:"Microsoft YaHei"}
.recruitmenttia {float:right;height:27px;margin-top:12px;width:88px;}
.recruitmenttia a {background:url(../images/rca.jpg) no-repeat right top;color:#666;cursor:pointer;display:block;font-size:13px;height:27px;line-height:24px;padding-left:10px;width:78px;font-size:12px;font-family:"Microsoft YaHei"}
.recruitmenttia a:hover {background: url(../images/rca.jpg) no-repeat right bottom ;color:#333;}
.recruitmenttias {display: none;float: right;height: 27px;margin-top: 12px;width: 88px;}
.recruitmenttias a {background: url(../images/rca.jpg) no-repeat left top;color:#666;cursor: pointer;display: block;font-size: 13px;height: 27px;line-height: 24px;padding-left: 10px;width: 78px;font-size:12px;font-family:"Microsoft YaHei"}
.recruitmenttias a:hover {background: url(../images/rca.jpg) no-repeat right bottom ;color:#333;}

.cb {clear: both;font-size: 0;height: 0;line-height: 0;}
.recruitmentd {display: none;margin: 0 auto;padding-bottom: 20px;width: 616px;}
.recruitmentt {background: url(../images/rdd_01.jpg) no-repeat;height:32px;overflow:hidden;width: 616px;}
.recruitmentm {background: url(../images/rdd_02.jpg) repeat-y;padding: 25px 30px;width: 556px;}
.recruitmentm h2 {color:#333;font-size:14px;line-height: 30px;font-size:14px;font-family:"Microsoft YaHei"}
.recruitmentm p {color:#333;font-size:12px;line-height:24px;font-size:12px;font-family:"Microsoft YaHei"}
.recruitmentmc {height:1px;width: 100%;border-bottom:1px solid #cacaca;margin:10px 0;}
.recruitmentm a {background: url(../images/hrdafd.jpg) repeat left center;color:#333;display: block;font-size: 14px;height: 28px;line-height: 28px;margin-top: 30px;text-align: center;width: 167px;font-size:14px;font-family:"Microsoft YaHei"}
.recruitmentb {background: url(../images/rdd_04.jpg) no-repeat;height: 9px;overflow: hidden;width: 616px;}
.recruitmentm a:hover { background-position:-167px;color: #fff;}
/* 案例详细 */
.gr-picture-show{width:725px;overflow:hidden;}
.picture-show-a{width:510px;height:624px;margin:0 auto;}
.show-a-top{width:500px;height:500px;padding:4px;border:1px solid #e3e3e3;}
.show-a-top-img{width:510px;height:109px;background:#f5f5f5;margin-top:5px;position:relative;}
.anu-left{height:61px;width:27px;position:absolute;top:24px;left:10px;}
.anu-right{height:61px;width:27px;position:absolute;top:24px;right:10px;}
.zj{width:416px;height:89px;padding:10px 0;margin:0 auto;overflow:hidden;}
#ico_list{position:relative;left:0;}
.zj ul{width:450px;}
.zj ul li {display:block;width:89px;height:89px;padding-right:20px;float:left;}
.zj ul li img {width:85px;height:85px;border:2px solid #999;}
.zj ul li img:hover{border:2px solid #4953e8;}