@charset "utf-8";
/*************************************
*公共样式主文件
*2016-03-07
*project by liuqiang
*************************************/

/*首页 start*/

/* banner start*/
.banner{ height:578px; overflow:hidden;}
/*.banner img{ height:578px;}*/
.swiper-container{ position:relative; width:100%;height:578px;}
.swiper-slide{height:578px;overflow:hidden;position:relative;}
.swiper-slide img{display:block;position:absolute;left:50%;margin-left:-960px;top:0;width:1920px;height:578px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background:url(../images/swiper-pagination-bullet-active-bg.png) center center no-repeat !important; width:15px !important; height:15px !important;}
.swiper-pagination-bullet{ background:url(../images/swiper-pagination-bullet-bg.png) !important; width:15px !important; height:15px !important;opacity:1; margin:0 2px !important;}
/* banner end*/

.solution{ height:400px; overflow:hidden;}/*解决方案 start*/
.solution-tit{ width:100%; text-align:center; padding-top:30px;}
.solution-tit h3{ font-size:24px; color:#0098d7; width:413px; border-bottom:1px solid #dadada; margin:0 auto; padding-bottom:22px;}
.solution-tit span{background:#fff; height:40px; line-height:40px; color:#8f8f8f; width:160px; margin:-20px auto 0; display:block;}
.soultion-list{ margin-top:35px; margin-left:110px;}
.soultion-list a{ width:224px; height:71px; display:block; float:left; margin-left:77px; background:url(../images/solution-a-bg.jpg) left top no-repeat;}
.soultion-list a span{ line-height:71px; text-align:center; display:block; color:#0098d7; font-size:16px; font-weight:bold;}
.soultion-list .fdjz span{ background:url(../images/fdjz-icon.png) center top no-repeat; line-height:111px; margin-top:-20px;}
.soultion-list .fdjz:hover{ background:#0098d7;}
.soultion-list .fdjz:hover span{ background:url(../images/fdjz-icon-hover.png) center top no-repeat;color:#fff; }
.soultion-list .cd span{ background:url(../images/cd-icon.png) center top no-repeat; line-height:111px; margin-top:-20px;}
.soultion-list .cd:hover{ background:#0098d7;}
.soultion-list .cd:hover span{ background:url(../images/cd-icon-hover.png) center top no-repeat;color:#fff; }
.soultion-list .sk span{ background:url(../images/sk-icon.png) center top no-repeat; line-height:111px; margin-top:-20px;}
.soultion-list .sk:hover{ background:#0098d7;}
.soultion-list .sk:hover span{ background:url(../images/sk-icon-hover.png) center top no-repeat;color:#fff; }
.solution p{ text-align:center; width:756px; margin:0 auto; line-height:24px; padding-top:33px; color:#646464;clear:both;}
.solution .sol-more{ display:block; width:150px; height:40px; margin:45px auto 0; text-align:center; color:#fff; line-height:40px;background:#0098d7;}
.solution .sol-more:hover{ background:#068ac1;}/*解决方案 end*/


.product{ height:400px; overflow:hidden; background:#f5f5f5 url(../images/pro-bg.jpg) center top repeat-x;}/*产品中心 start*/
.product-tit{ width:100%; text-align:center; padding-top:30px;}
.product-tit h3{ width:413px; background:url(../images/pro-tit-bg.png) center bottom no-repeat; margin:0 auto; padding-bottom:22px;}
.product-tit h3 a{ font-size:18px; color:#fff;}
.product-tit span{height:40px; line-height:40px; color:#ff9000; width:160px; margin:-20px auto 0; display:block; text-transform:uppercase;}
.product ul{ display:block; margin-left:-30px; margin-top:15px;}
.product ul li{ float:left; width:374px; height:274px; background:#eaeaea; margin-left:30px; padding:3px; border-bottom:1px solid #d3d3d3;}
.product ul li a img{ width:374px; height:183px; float:left;}
.product ul li h4{ line-height:35px; padding:0 10px;}
.product ul li h4 a{ font-size:15px; color:#393939;}
.product ul li p{ color:#6e6e6e; line-height:22px; padding:0 10px;}
.product ul li:hover{ background:#eb8a0d;border-bottom:1px solid #cf790b;}
.product ul li:hover h4 a{ color:#fff;}
.product ul li:hover p{ color:#fff;}/*产品中心 end*/


.case{ height:390px; overflow:hidden; background:#f5f5f5;}/*产品中心 start*/
.case-tit{ width:100%; text-align:center; padding-top:30px;}
.case-tit h3{width:413px; background:url(../images/case-tit-bg.png) center bottom no-repeat; margin:0 auto; padding-bottom:22px;}
.case-tit h3 a{ font-size:18px; color:#393939; }
.case-tit span{height:40px; line-height:40px; color:#ff9000; width:180px; margin:-20px auto 0; display:block; text-transform:uppercase;}

.blk_18 { overflow:hidden; zoom:1; font-size:9pt; width:1200px; margin-top:5px;}
.blk_18 .pcont { width:1070px; float:left; overflow:hidden;margin-left:15px;}
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:0px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; width:auto;}
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:45px; height:55px; float:left;}
.blk_18 .LeftBotton { background:url(../images/left-but.jpg) left center no-repeat; margin:96px 0 0; }
.blk_18 .RightBotton { background:url(../images/right-but.jpg) right center no-repeat; margin:96px 0 0 20px; }
.blk_18 .LeftBotton:hover { background:url(../images/left-but-hover.jpg) left center no-repeat; }
.blk_18 .RightBotton:hover {background:url(../images/right-but-hover.jpg) right center no-repeat; }
.blk_18 .pl{ width:259px; height:249px; overflow:hidden;}
.blk_18 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto; }
.blk_18 a.pl:hover {}
.mosaic-block {
    float:left;
    position:relative;
    overflow:hidden;
    width:259px;
    height:249px; margin:0 6px;
}


.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:259px;
	height:249px;
    background:#111;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/

.bar2 .mosaic-overlay {
    bottom:-200px;
    height:249px;
    opacity:0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80); background:#eb8a0d;
}
.details{ color:#fff; font-size:14px;display:block; text-align:center; width:259px; line-height:50px; background:#111;}
.bar2 .mosaic-overlay:hover .details{ background:none;}
.bar2 .mosaic-overlay img{ display:none;}
.bar2 .mosaic-overlay:hover img{ display:block; margin-top:50px;}
.bar2 .mosaic-backdrop { text-align: center; display:block;}
.bar2 .mosaic-backdrop img{height:249px;margin:0 auto; margin-left: -50px;}
.bar2 .mosaic-overlay{ text-align:center;}
.bar2 .mosaic-overlay:hover a{ display:inline-block; color:#fff; width:135px; height:32px; border:1px solid #fff; border-radius:5px; text-align:center; line-height:32px;}

.news{ height:500px; background:#fff;}/*新闻中心*/
.news-tit{ text-align:center;  margin-top:42px; border-bottom:1px solid #dadada; padding-bottom:36px;}
.news-tit a{color:#393939; font-size:18px;}
/*Example for a Menu Style*/
.menu {height:23px;width:1200px; margin-top:-14px;}
.menu ul { float:left;list-style:none;width:1200px; text-align:center;}
.menu li {display:inline; line-height:23px; margin:0 3px;}
.menu li a {color:#6d6d6d;padding:4px 5px 6px 5px; font-size:12px; padding:0 25px; display:inline-block; background:#f1f1f1; border:1px solid #e3e3e2;}
.menu li a.tabactive { background-color:#ff9000; color:#fff;  position:relative;  border:1px solid #ff9000;}
.table-box ul{ margin-top:45px;}
.table-box ul li{ float:left; width:600px; margin-bottom:50px;}
.table-box ul li .news-left{ float:left; position:relative;width:122px; height:122px; overflow:hidden; margin-left:20px;}
.table-box ul li .news-left .news-bg{ display:block; width:122px; height:122px; background:url(../images/news-img.png) left top no-repeat; position:absolute; z-index:10;}
.table-box ul li .news-left img{max-height:122px;margin-left: -30px; }
.table-box ul li .news-right{ float:left; margin-left:15px; width:420px;}
.table-box ul li .news-right .news-table-tit{ overflow:hidden; line-height:40px;}
.table-box ul li .news-right .news-table-tit h3 a{ float:left; font-size:16px; color:#505050;}
.table-box ul li .news-right .news-table-tit h3 a:hover{ color:#FF9000;}
.table-box ul li .news-right .news-table-tit span{ float:right; color:#6d6d6d; font-size:12px; font-family:"Arial";}
.table-box ul li .news-right p{ width:420px;height:65px; font-size:14px; line-height:22px; color:#6d6d6d; overflow:hidden;}

.conter-box .product{ background:none; overflow:hidden; height:auto;}/*产品列表*/
.conter-box .product ul li{ margin-bottom:30px;}

.product-box{ border:1px solid #e5e5e5; overflow:hidden; padding:25px; margin-bottom:20px;}
.pro-img{ float:left; width:550px;}

#preview{ float:left;text-align:left;}/*产品详情*/
#preview.preview{height:225px;margin:0 auto; float:none; text-align:center; width:550px;}
.list-h li{ float:left;}
#spec-n5{width:528px; height:106px;}
#spec-n5.spec-n5{ width:530px; margin-left:3px;}
#spec-n5 .control{width:16px; height:30px; float:left; cursor:pointer;}
#spec-n5 .control.control-photo{ margin-top:45px;}
#spec-list{ float:left; width:485px; height:105px; overflow:hidden;display:inline;position:relative; margin:15px 6px 0 5px;}
#spec-list div{}
#spec-list ul li{ float:left; display:inline; padding-right:7px;}
#spec-list.spec-list li{ width:115px;}
#spec-list ul li img{padding:1px ; border:1px solid #F2EEE5;}
.pro-text{ width:575px;overflow:hidden; float:right;}
.pro-text h4{ font-size:16px; color:#3f3f3f; line-height:26px; padding-bottom:10px;}
.pro-text p{ color:#707070; line-height:24px; font-size:14px;}
.pro-text img{ margin:10px 0; max-width: 550px;}

.int-img{ border:1px solid #c9c9c9; border-radius:5px; padding:5px; float:left;}/*公司介绍*/
.int-text{ float:right; width:640px; background:url(../images/int-dot.jpg) left 17px top 47px no-repeat; padding:20px 0 0 30px; margin-bottom:-20px;}
.int-text p{ border-left:1px solid #0098d7; margin-left:-5px; padding-left:30px; padding-bottom:60px; line-height:24px; color:#505050; }
.int-text  .bottom-lion{ border-bottom:1px solid #ff9000;background:url(../images/int-bg.jpg) right bottom no-repeat; height:20px; width:660px; margin:-40px 0 0 -20px; float:right;}

.recruit-box{ border:1px solid #e5e5e5; overflow:hidden; padding:25px; margin-bottom:20px;}/*人才招聘*/
.recruit-box h3{ font-size:16px; color:#3d3d3d; font-weight:bold; margin-bottom:28px;}
.recruit-box ul{ width:100%;overflow:hidden; padding-bottom:40px;} 
.recruit-box ul li{ float:left; margin-right:100px; line-height:34px;color:#3d3d3d;}
.recruit-box ul li span{ background:#e5e5e5; width:86px; height:34px; display:inline-block; margin-right:10px; text-align:center; padding-left:5px; }
.recruit-box p{ color:#6f6f6f; font-size:14px; line-height:28px; padding-bottom:10px;}
.rec-c{ color:#6f6f6f; margin-top:20px; line-height:24px;}
.rec-c span{ color:#037eb1;}

.contact-us-box h2{ width:100%; height:55px; line-height:55px; background:#eeeeee; text-indent:25px; font-size:24px; color:#414141;}/*联系我们*/
.conter-box p{ font-size:14px; color:#414141; line-height:30px; }
.conter-box table tr,.conter-box table td{ border:1px solid #333;}
.map{ width:100%; height:580px; overflow:hidden; margin-bottom:20px;}
.BMap_bubble_content{ margin-top:5px; color:#414141;}
.BMap_bubble_title{ font-size:16px; color:#0098D7; font-weight:bold;}
.BMapLabel{ display:none !important;}

.recruit-list-box{overflow:hidden; padding-bottom:10px;}/*人才招聘列表页*/
.recruit-list{ border:1px solid #dadada; width:100%; text-align:center; margin-bottom:20px;}
.recruit-list thead tr{ height:45px; background:#eaeaea;border: none !important;}
.recruit-list thead tr td{border: none !important;}
.recruit-list thead tr th{ text-align:center; font-size:16px; color:#4a4a4a;}
.recruit-list tbody tr{ height:48px; border: none; border-top:1px dashed #dadada !important; font-size:14px; color:#4a4a4a; }
.recruit-list tbody tr a{ color:#037eb1;}
.recruit-list tbody tr td{border: 0 !important;}

.message-box{ width:100%; padding:50px 0;}/*留言板*/
.message-box ul{ width:740px; height:auto; margin:0 auto;}
.message-box ul li{ line-height:32px; padding-bottom:15px;}
.message-box ul li input{ border:1px solid #aaaaaa; width:232px; text-indent:5px; height:30px; line-height:30px; border-radius:3px;color:#5d5d5d; }
.message-box ul li span{ width:100px; height:30px; display:inline-block; color:#5d5d5d; font-weight:bold; margin-right:5px; text-align:right;float:left;}
.message-box ul li textarea{ width:600px; height:210px; border:1px solid #aaaaaa;text-indent:5px; border-radius:3px;color:#5d5d5d;}
.message-box ul li .tj-but{ width:168px; height:45px; background:#ff9000; color:#fff; line-height:45px; text-align:center; border:none; font-size:16px; margin-left:105px; margin-top:20px; cursor:pointer;}

.cases-box{ width:100%; overflow:hidden;}/*案例列表*/
.cases-box ul li{height:249px;overflow:hidden; border:1px solid #dcdcdc; margin-bottom:40px;}
.cases-box ul li.cases-list-a img{float:left; width:386px; height:249px; }
.cases-box ul li.cases-list-b img{float:right; }
.cases-box ul li .cases-list-right{padding:15px 15px;width:775px; float:right;}
.cases-box ul li .cases-list-left{padding:15px 15px;width:775px; float:left;}
.cases-box ul li .cases-list-right h4,.cases-box ul li .cases-list-left h4{overflow:hidden;line-height:32px;}
.cases-box ul li .cases-list-left h4 a,.cases-box ul li .cases-list-right h4 a{ float:left; color:#313131;}
.cases-box ul li .cases-list-right p,.cases-box ul li .cases-list-left p{ color:#787878; font-size:14px; line-height:22px; height:160px; overflow:hidden;}
.cases-box ul li .cases-list-right a,.cases-box ul li .cases-list-left a{ float:right; font-size:14px; margin-top:5px;}
.cases-box ul li .cases-list-right a:hover,.cases-box ul li .cases-list-left a:hover{ color:#0098D7;}

.cases-show-right{overflow:hidden; border:1px solid #dcdcdc; margin-bottom:20px;}/*案例详情*/
.cases-show-right img{ float:left; width:386px; height:249px; margin:0 20px 5px 0;}
.cases-show-right h4{ font-size:18px; color:#0098d7; margin-top:20px; line-height:24px; margin-bottom:5px;}
.cases-show-right p{ font-size:14px; color:#787878; line-height:24px; padding:0 20px 20px 15px;}

.nwes-list-box img{ float:left;}/*资讯中心列表*/
.nwes-list-box .hot-news{ float:left; padding-bottom:20px; border-bottom:1px dotted #dcdcdc; margin-bottom:20px;}
.nwes-list-box .hot-news img{ padding-right:20px;}
.nwes-list-box .nwes-list{ float:left; margin-top:20px;} 
.news-list-tit{ width:100%; height:32px; line-height:32px;} 
.news-list-tit h3{ float:left; line-height:32px;}  
.news-list-tit h3 a{ font-size:24px; color:#4c4c4c; float:left;}
.news-list-tit h3 a:hover{ color:#ff9000;}
.news-list li img{ padding-right:20px;}
.nwes-list-box span{ float:right; color:#6d6d6d;}
.nwes-list-box  p{ display:block; line-height:26px; font-size:14px; color:#6d6d6d; overflow:hidden; margin-top:10px;}
.nwes-list-box .hot-news p{ height:150px;}
.news-list p{ height:70px;}
.news-list li{ float:left; width:100%; margin-bottom:20px; border-bottom:1px dotted #dcdcdc; padding-bottom:20px;}
.nwes-list-box .news-more{ margin-top:20px; width:110px; height:40px; line-height:40px; text-align:center; color:#6d6d6d; font-size:14px; background:#e5e5e5; display:inline-block; border-radius:3px;}
.nwes-list-box .news-more:hover{ color:#fff; background:#ff9000;}
.news-list h4 a{ font-size:18px; color:#4c4c4c; line-height:28px;float:left;}
.news-list h4 a:hover{ color:#ff9000;}

.nwes-show-tit{ overflow:hidden; border-bottom:1px dotted #dcdcdc; margin-bottom:20px;}/*新闻详情页*/
.nwes-show-tit h2{ width:100%; line-height:32px; font-size:24px; color:#393939; text-align:center;}
.nwes-show-tit ul{ width:100%; text-align:center;}
.nwes-show-tit ul li{ display:inline-block; padding:0 20px; line-height:45px; color:#989898;}
.news-show-box p{ line-height:24px; color:#5c5c5c;}
.news-show-box img{ padding:10px 0; max-width:1200px;}
.other-news{ width:100%; margin-top:20px;}
.other-news li{ line-height:32px; font-size:14px; color:#5c5c5c;}
.other-news li:hover a{ color:#037eb1;}

/* 效果CSS开始 */
.conter-box.honor-con{ width:1240px;}
.msKeimgBox { margin: 0px auto; width:1240px; overflow: hidden; position: relative; padding-top: 30px;}
.msKeimgBox ul { width: 1240px;overflow:hidden; padding:15px 0; margin-left:-5px;}
.mskeLayBg { background: #000; width: 100%; position: absolute; left: 0px; top: 0px; z-index:99999; opacity: 0.7; filter: alpha(opacity=70); display: none; _display:none!important ;}
.mskelayBox { height:530px; width: 690px; margin-top: -265px; margin-left: -345px; position: fixed; left: 50%; top: 50%; border: 7px solid #FFF; z-index:999999; background: #FFF; display: none; _display:none!important;}
.mskeImgBg { height: 57px; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.mskeClaose { position: absolute; top:-55px; right: -8px; cursor: pointer; }
.mske_downIco { position: absolute; left: 0px; top: 0px; }
.mske_imgDown { background: url(../images/mke_imgMbg.png) repeat; height: 57px; width: 818px; position: absolute; right: 0px; bottom: 0px; font: 13px/57px "微软雅黑"; color: #FFF; }
.mske_imgDown a { margin-left:34px;}
.msKeimgBox ul li { float: left; height:278px; text-align: center; margin: 0 20px 45px 20px; width:372px; cursor: pointer; overflow:hidden;  -webkit-box-shadow:0 0 10px #999;-moz-box-shadow:0 0 10px #999);box-shadow:0 0 10px #999;}
.msKeimgBox ul li .honor-img{ background:#fff; padding:7px; max-width: 357px; height: 230px;}
.msKeimgBox ul li h3{ font-size:14px; color:#3d3d3d; text-align:center; line-height:18px;}
.mskeTogBtn { background: url(../images/mke_moreImg.jpg) no-repeat; height: 93px; width: 185px; position: absolute; z-index: 1; right: 0px; cursor: pointer; bottom: 0px; }
.mskeTogBtn2 { background: url(../images/mke_moreImg2.jpg) no-repeat; bottom: 10px; }
.msKeimgBox2 { height: auto; }
.hidden{display:none;}
.mske_html{ text-align:center;}
.mske_html img{max-width:678px; height:448px;}
.mske_html h3{ line-height:40px; font-size:24px; color:#3c3c3c; margin-top:20px;}
.conter-box.honor-con .page ul{ padding-right:30px;}
/* 效果CSS结束 */


.course-box{ background:#f7f7f7; padding:55px 0 60px 0; overflow:hidden;}
.cou-list-box{ margin-left:80px;background:url(../images/jt.png) left 193px top 2px no-repeat; overflow:hidden; padding-top:20px;}
.cou-list{ width:1086px; overflow:hidden;}
.cou-list .cou-l{ position:relative; background:url(../images/time-bg.png) right 61px no-repeat; width:212px; float:left; padding-top:50px;}
.cou-list .cou-l span{ width:112px; height:39px; display:inline-block; background:#fff; line-height:39px; text-align:center; font-size:24px; color:#454545; font-family:"Arial"; border:1px solid #bfbfbf; border-radius:5px;}
.cou-list .cou-r{ border-left:5px solid #0098d7; float:left; padding:20px 20px 20px 50px; margin-left:-12px;}
.cou-list .cou-r-but-bg{ background:url(../images/cou-bg03.png) left 18px top repeat-y; width:777px;}
.cou-list .cou-r-top-bg{ background:url(../images/cou-bg02.png) left 18px bottom no-repeat;  width:777px;position:relative; bottom:-10px;}
.cou-list .cou-r-cen-bg{ background:url(../images/cou-bg01.png) left top no-repeat;  width:777px; position:relative; top:-15px;}
.cou-list p{ padding:45px 15px 0px 60px;margin-left:-18px; color:#454545; line-height:24px; min-height:60px; font-size:14px;}