@charset='utf-8';
/* 广告 */
.pg-ban{ width: 100%; height: 260px; position: relative; overflow: hidden; }
.pg-ban img{ width: 1920px; height: 260px; position: absolute; left: 50%; top: 0; margin-left: -960px; }

/* 内容 */
.page_box{ width: 100%; min-height: 426px; background: #f5f5f5; }
.page_box .page{ width: 1200px; height:auto; padding: 20px 0 40px 0; margin: 0 auto;  }
.page_box .page .link_box{ width: 100%; height: 45px; line-height: 45px; color: #999; }
.page_box .page>dl{ display: block; width: 1200px; height: auto; overflow: hidden; }
.page_box .page>dl dt{ display: block; width: 212px; height: auto; float: left; background: #fff; }
.page_box .page>dl dt .page_tit{ width: 100%; height:57px; background: #fff; line-height: 57px; text-indent: 1.5em; font-size: 18px; font-family: specialfontstwo; color: #375ff1;}
.page_box .page>dl dt .page_tit span{ font-size: 12px; color: #999; font-family: '微软雅黑'; padding-left: 8px; text-transform: uppercase;}

.page_box .page>dl dt .page_list{ width: 100%; min-height: 257px; background: #fff; border-top: solid 3px #eee; }
.page_box .page>dl dt .page_list ul{ padding-top: 10px; }
.page_box .page>dl dt .page_list ul li{ display: block; width: 90%; height: 31px; line-height: 31px; border-bottom: dotted 1px #ccc; margin: 0 auto; margin-bottom: 5px; position: relative;}
.page_box .page>dl dt .page_list>ul>li>a{ display: block; width: 98%; height: 31px; line-height: 31px; padding-left: 2%;  font-size: 14px;}
.page_box .page>dl dt .page_list>ul>li>a:hover{ background: #ff701c; color: #fff; }
.page_box .page>dl dt .page_list>ul>li>a:hover span{ color: #fff; }
.page_box .page>dl dt .page_list>ul>li>a span{ float: right; padding-right: 10px; font-family: '宋体';}
.page_box .page>dl dt .page_list ul li .page_btn{ background: #ff701c; color: #fff; }
.page_box .page>dl dt .page_list ul li .page_btn:hover{ color: #fff; }
.page_box .page>dl dt .page_list ul li .page_btn span{ color: #fff; }
.page_box .page>dl dt .page_list ul li .pg_sub_list{ display: none; width: 210px; height: auto; padding:0 0 10px 0; background: #f5f5f5; position: absolute; left: 100%; top: 0; border-bottom: solid 2px #16528f;}
.page_box .page>dl dt .page_list ul li:hover .pg_sub_list{ display: block; }


.page_box .page>dl .about_dd{ display: block; width: 920px; height: auto; padding: 20px; margin-left: 20px; float: left; background: #fff; }
.page_box .page>dl .about_dd img{ margin: 0 15px 0 0; float: left; }
.page_box .page>dl .about_dd p{ line-height: 25px; text-indent: 2em; font-size: 14px; padding-bottom: 26px;}

/* News */
.news_dd{ display: block; width: 920px; height: auto; padding: 20px; margin-left: 20px; float: left; background: #fff; }
.news_dd ul li{ display: block; width: 920px; height: 92px; border-bottom: solid 10px #eee; padding: 16px 0; }
.news_dd ul li img{ float: left; margin-right: 20px; width: 160px; height: 92px; }
.news_dd ul li span{ font-size: 16px; line-height: 25px; display: block; margin-bottom: 15px;}
.news_dd ul li em{ font-style: normal; line-height: 21px; color: #999;}

.news_dd>h1{ width: 100%; height: 52px; line-height: 52px; font-weight: normal; font-size: 18px; text-align: center; color: #ff701c; font-weight: bold;}
.news_dd .news_dd_txt{ width: 100%; height: auto; line-height: 31px; }
.news_dd .news_dd_txt img{ max-width: 100%; display: block; margin: 0 auto; }
.news_dd .news_dd_txt p{ text-indent: 2em; font-size: 14px; }

.news_dd .news-dd-time{ width: 100%; height: 31px; border-bottom: solid 1px #ccc; margin-bottom: 10px; text-align: center; }

.paging{ width: 100%; height: 35px; line-height: 35px; text-align: center; }
.paging a{ padding: 5px 8px; border: solid 1px #ccc; }
.paging a:hover{ border-color:#ff701c; }
.paging span{ padding: 5px 8px; border: solid 1px #eee; }

/* 技术 */
.page_box .page>dl .skill-dd{ display: block; width: 920px; height: auto; padding: 20px; margin-left: 20px; float: left; background: #fff; }
.page_box .page>dl .skill-dd img{ margin: 0 15px 0 0; float: left; max-width: 100%;}
.page_box .page>dl .skill-dd p{ line-height: 31px; font-size: 14px;}

/* 联系 */
.conta_dd{ display: block; width: 920px; height: auto; padding: 20px; margin-left: 20px; float: left; background: #fff; }
.conta_dd .map_box{ width: 920px; height: 258px; background: #eee; }
.conta_dd>ul li{ display: block; width: 50%; height: 41px; line-height: 41px; border-bottom: dotted 1px #ccc; float: left; }

/* 人才招聘 */
.join-dd{ display: block; width: 920px; height: auto; padding: 20px; margin-left: 20px; float: left; background: #fff; }
.join-dd ul.jobs-tit{ display: block; width: 920px; height: 55px; border-bottom: solid 3px #f2f2f2; line-height: 55px; font-weight: bold; font-size: 14px;}
.join-dd ul.jobs-tit li.jobs-tit1{ width: 200px; height: 55px; float: left; color: #444; text-indent: 2em; }
.join-dd ul.jobs-tit li.jobs-tit2{ width: 130px; height: 55px; float: left; color: #444; text-indent: 2em; }

.join-dd ul.jobs-list{ display: block; width: 920px; height: 54px; line-height: 54px; border-bottom: solid 2px #f2f2f2; }
.join-dd ul.jobs-list li.jobs-list1{ width: 200px; height: 54px; float: left; text-indent: 2.5em;}
.join-dd ul.jobs-list li.jobs-list2{ width: 130px; height: 55px; float: left; text-indent: 2.5em; }

.jobs-title{ width: 100%; height: 30px; line-height: 30px; font-weight: bold; font-size: 14px; color: #444; margin-bottom: 10px;}
ul.jpbs-put-box{ width: 770px; height: auto; overflow: hidden; }
ul.jpbs-put-box li{ width: 256px; height: 40px; margin-bottom: 10px; float: left; }
ul.jpbs-put-box li input.job-put1{ width: 244px; height: 38px; border:solid 1px #ccc; background: #f5f5f5; font-size: 12px; text-indent: 2em;}
ul.jpbs-put-box li select{ width: 244px; height: 40px; background: #f5f5f5; border:solid 1px #ccc; font-size: 12px; text-indent: 2em;}

.jobs-btn{ display: block; width: 130px; height: 40px; margin: 25px auto; border: none; background: #365ef1; color: #fff;}

.job-txt{ width: 920px; height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0; }
.job-txt .job-title{ width: 100%; height: 45px; line-height: 45px; font-size: 18px; font-weight: bold; color: #365ef1; }
.job-txt table{ border-top: solid 1px #ccc; border-left: solid 1px #ccc; }
.job-txt table tr td{ border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; height: 35px; }
.job-txt table tr td b{ font-size: 14px; }
.job-txt table tr td.td-txt{ padding: 10px; }

.job-txt .job-date-btn{ display: block; width: 130px; height: 40px; background: #365ef1; margin: 15px auto; text-align: center; line-height: 40px; color: #fff; border-radius: 5px; }

/* 合作品牌 */
.concur-box{ display: block; width: 920px; height: auto; padding: 20px; margin-left: 20px; float: left; background: #fff; }
.concur-box .concur-tit{ width: 920px; height: auto; text-align: center; padding-bottom: 15px;}
.concur-box .concur-tit b{ color: #444; font-size: 14px; }
.concur-box .concur-list{ width: 920px; height: auto; overflow: hidden; padding-bottom: 15px;}
.concur-box .concur-list>dl{ display: block; width: 135px; height: 105px; float: left; margin:0 17px;}
.concur-box .concur-list>dl dt{ display: block; width: 135px; height: 68px; float: none;}
.concur-box .concur-list>dl dt img{ width: 133px; height: 66px; border: solid 1px #ccc; }
.concur-box .concur-list>dl dd{ display: block; width: 135px; height: 37px; line-height: 37px; text-align: center; float: none; margin:0; padding: 0; }

.infopic{ width:920px; height:190px; position:relative; overflow:hidden; margin:15px auto;}
.piclist{ height:190px; position:absolute; top:0; left:0;}
.piclist li{ height:190px; margin-right:15px; float:left; overflow:hidden;}
.piclist li img{ height:190px;}

.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev{ background-position:0 0; left:0;}
.pic_next{ background-position:0 -60px; right:0;}

/* 产品中心 */
.sub_nav_btn{ background: #eee; padding: 0; margin-bottom: 5px; overflow: hidden;}
.sub_nav_btn ul{ padding-top: 0; }
.sub_nav_btn ul li a{ display: block; width: 100%; height: 31px; text-indent: 1em;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.sub_nav_btn ul li a:hover{ color: #ff701c; }
.sub_nav_btn ul li a span{ float: right; padding-right: 10px; font-family: '宋体';}

.page_box .page dl .product_dd{ display: block; width: 938px; height: auto; padding: 15px; margin-left: 20px; float: left; background: #fff; }
.page_box .page dl .product_dd>ul li{ display: block; width: 260px; height: auto; float: left; margin: 0 10px 15px 10px; padding: 10px; border: solid 1px #eee;}
.page_box .page dl .product_dd>ul li .pro_list_img{ width: 260px; height: 194px; overflow: hidden; }
.page_box .page dl .product_dd>ul li .pro_list_img img{ width: 260px; height: 194px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.page_box .page dl .product_dd>ul li:hover .pro_list_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.page_box .page dl .product_dd>ul li span{ display: block; width: 100%; height: 35px; line-height: 35px; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; text-align: center; font-size: 16px; }

.pro_sm_box{ width: 100%; min-height: 395px; padding: 20px 0 20px 0; overflow: hidden;}
.pro_lft_bx{ width: 360px;  min-height: 395px; float: left;}

.product_dd1{ display: block; width: 920px; height: auto; background: #fff; }
.tb-booth{border:1px solid #eee;position:relative;z-index:1;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-s310, .tb-s310 a{height:360px;width:360px;}
.tb-s310, .tb-s310 img{max-height:360px;max-width:360px;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:65px; margin-left:7px; overflow:hidden;padding:1px;}
.tb-thumb li:first-child{ margin-left: 0; }
.tb-thumb li img{ width: 65px; height: 65px; }
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:65px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{ z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute; background:rgba(0,0,0,0.4);cursor:move;z-index:1;}


.pro_rht_bx{ width: 420px; height: 385px; float: left; padding-left: 40px;}
.pro_rht_bx h1{ width: 100%; height: auto; line-height: 25px; padding: 5px 0; font-size: 18px; color: #231916; }
.pro_rht_bx .pro-rht-tx{ width: 100%; height: auto; overflow: hidden; line-height: 31px; padding: 15px 0;  font-size:16px;}

.pro_text_box{ width: 100%; height: auto; overflow: hidden; padding-bottom: 25px;}
.pro_text_box .pro_title{ width: 100%; line-height: 35px; height: 35px; border-bottom: solid 1px #365ef1; }
.pro_text_box .pro_title span{ display: block; width: 135px; height: 35px; background: #365ef1; color: #fff; float: left; text-align: center; font-weight: bold; color: #fff; font-size: 14px; }
.pro_text_box .pro_text{ width: 100%; height: auto; min-height: 300px; line-height: 29px; font-size:14px;}
.pro_text_box .pro_text img{ max-width: 100%; display:block; margin:0 auto;}

.pro_text_box .pro_title a{ float: right; padding-right: 15px; }

/* 工程案列 */
.project_dd{ display: block; width: 938px; height: auto; padding: 15px; margin-left: 20px; float: left; background: #fff; }
.project_dd>ul li{ display: block; width: 460px; height: 322px; float: left; margin: 0 3px;}
.project_dd>ul li .pro_list_img{ width: 460px; height: 270px; overflow: hidden; }
.project_dd>ul li .pro_list_img img{ width: 460px; height: 270px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.project_dd>ul li:hover .pro_list_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.project_dd>ul li span{ display: block; width: 100%; height: 52px; line-height: 52px; text-align: center; }

.project_dd .project_tit{ width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px; font-weight: bold; color: #375ff1; border-bottom: dashed 1px #ccc; }

.tui-cas{ display: block; width: 938px; height: auto; padding: 15px 0; margin-left:3px; float: left; background: #fff; }
.tui-cas>li{ display: block; width: 460px; height: 322px; float: left; margin: 0 3px;}
.tui-cas>li .pro_list_img{ width: 460px; height: 270px; overflow: hidden; }
.tui-cas>li .pro_list_img img{ width: 460px; height: 270px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.tui-cas>li:hover .pro_list_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);}
.tui-cas>li span{ display: block; width: 100%; height: 52px; line-height: 52px; text-align: center; }

.pro-btn{ display: block; width: 120px; height: 36px; line-height: 36px; text-align: center; float: right; background: #375ff1; color: #fff; border-radius: 5px; margin-bottom: 10px; margin-right: 8px;}
.pro-btn:hover{ color: #fff; }

.cooooo-list{ width: 100%; height: auto; overflow: hidden;}
.cooooo-list ul li{ float: left; margin-right: 15px; margin-bottom: 15px; border: solid 2px #eee; }

.cooom-img{ width: 100%; height: auto; overflow: hidden; padding: 15px 0;}
.cooom-img img{ display: block; max-width: 100%; height: auto; margin: 0 auto 5px auto; }