@charset "utf-8";
/*************************************
*样式公用文件
*@mogumomo
*420128796
*2014-1-20
*project
*************************************/
/* CSS Document */

/*banner*/
.banner-box{ position:relative; margin-top:8px; margin-bottom:24px;}
.banner{ width:1200px; height:300px; overflow:hidden;}
.banner ul li{ float:left; width:100%;}
.banner ul li img{ display:block; width:100%; height:300px;}
.thumbnail{ width:430px; height:60px; position:absolute; left:99%; margin-left:-400px; bottom:0;}
.thumbnail li{ width:65px; float:left; cursor:pointer; padding-bottom:20px; background:url(../images/thumbnail.png) center bottom no-repeat; margin-right:10px; text-indent:999px; overflow:hidden;}
.thumbnail li:last-child{ margin-right:0;}
.thumbnail li img{ display:block; width:56px; height:23px; padding:4px; background:rgba(255,255,255,0.4);}

.main{ margin-bottom:16px;}
.news{ width:635px; float:left;}
.new-title{ width:100%; height:32px; background:url(../images/line.jpg) left center repeat-x;}
.new-logo{  height:32px; padding-left:66px; background:url(../images/new_logo.png) left center no-repeat;}
.new-logo span{ display:inline-block; transition:background linear 0.3s; cursor:pointer; float:left; width:119px; height:32px; margin-left:-30px; background:url(../images/new_bg.png) center no-repeat; text-align:center; line-height:32px; color:#ffffff; font-weight:bold;}
.new-logo span:nth-child(2){ margin-left:-28px;}
.new-logo span.now{ background:url(../images/news_hover1.png) center no-repeat; width:146px; height:40px; line-height: 40px; position:relative; top:-8px; font-size:17px; margin-right:4px; }
.new-text{ margin-top:14px;}
.new-info{ width:100%; height:auto; display:none; position:relative;}
.new-img{ width:300px; float:left; overflow:hidden; height:190px; position:relative;}
.newed{ height:190px; }
.newed li{ height:190px; width:300px; float:left; position:relative;}
.newed li img{ display:block; width:300px; height:190px;}
.newed li span{ display:block; width:100%; text-indent:15px; height:36px; line-height:36px; color:#ffffff; position:absolute; left:0; bottom:0; background:url(../images/mark.png) repeat; background:rgba(0,0,0,0.8);}
.swtch{ position:absolute; right:10px; bottom:8px;}
.swtch li{ width:18px; height:14px; text-align:center; color:#000; background:#f0f0f0; line-height:14px; margin-left:4px; font-size:12px; display:inline-block; cursor:pointer; overflow:hidden;}
.swtch li.on{ background:#a40000; color:#fff;}


.new-list{ float:right; width:323px; padding-top:3px;}
.new-list li{ margin-bottom:19px; float: left; width: 100%;}
.new-list li:last-child{ margin-bottom:0;}
.new-list li span{ display:inline-block; float:left; color:#333333; max-width:687px;}
.new-list li time{ display:inline-block; float:right; color:#666666; font-size:12px; margin-right:6px; margin-top:3px;}
.new-list li:hover span{ color:#dd262e;}
.new-info .more{  position:absolute; right:9px; top:-32px;}
.more{ color:#df2228; font-size:12px;}

.major{ float:left; margin-left:16px; width:385px;}
.major-title .tongzhi{ display:inline-block; width:130px; height:32px; float:left; background:url(../images/major.png) left center no-repeat; line-height:32px; color:#ffffff; font-weight:bold; text-indent:44px;}
.major-title .rencai{ display:inline-block; width:130px; height:32px; float:left; background:url(../images/major1.png) left center no-repeat; line-height:32px; color:#ffffff; font-weight:bold; text-indent:44px;}
.major-title{ height:32px; background:url(../images/line.jpg) repeat-x;}
/*.major-title h3{ display:inline-block; width:130px; height:32px; float:left; background:url(../images/major.png) left center no-repeat; line-height:32px; color:#ffffff; font-weight:bold; text-indent:44px;}*/
.major-title .more{ float:right; margin-right:7px; margin-top:15px;}
.major .new-list{ width:100%; float:none; margin-top:3px;}
.major .new-list li { margin-bottom:0; padding-bottom:7px; padding-top:10px; border-bottom:1px dashed #e0e0e0;}
.major .new-list li span{ padding-left:15px; background:url(../images/dot.png) 6px center no-repeat;}
.major .new-list li:hover span{ background:url(../images/dot_hover.jpg) 6px center no-repeat;}

.relative{ width:149px; float:right;  margin-top: -135px;}/* 顶部对齐 */
/* .relative .relative-info{ margin-bottom:20px;} */
.relative .relative-info:last-child{ margin-bottom:0;}
.relative .relative-info img{ display:block; width:100%; height:105px; border-bottom:1px solid #fff;}
.relative .relative-info span{ display:block; width:100%; height:28px; text-align:center; line-height:28px; color:#037cd9; font-weight:bold; background:#dadada;}

.project{ margin-bottom:11px;}
.pro-title{ height:32px; width:100%; background:#e9e9e9; margin-bottom:12px;}
.pro-title h3{ display:inline-block; width:120px; height:32px; float:left; background:url(../images/project.png) left center no-repeat; line-height:32px; color:#ffffff; font-weight:bold; text-indent:38px;}
.pro-title .more{ float:right; margin-right:7px; line-height:32px;}
.project-banner{ border:1px solid #f0f0f0; background:#fbfbfb; position:relative; padding:12px 0; height:190px; position:relative;}
.project-banner span{ display:block; width:18px; height:34px; cursor:pointer; position:absolute; top:87px;}
.project-banner .prev{ background:url(../images/prev.png) center no-repeat; left:19px;}
.project-banner .next{ background:url(../images/next.png) center no-repeat; right:19px;}
.project-text{ width:1102px; height:190px; margin-left:49px; overflow:hidden;}
.project-text ul li{ float:left; margin-right:10px; background:#e9e9e9; height:182px; width:260px; padding:4px;}
.project-text ul li img{ display:block; width:260px; height:149px; margin-bottom:11px;}
.project-text ul li b{ display:block; text-align:center; color:#037cd9; font-weight:bold;}

/*containter*/
.containter{ margin-bottom:28px;}
.main-nav{ width:208px; float:left; position:relative; left:-4px; padding:0px 4px; padding-bottom:22px; background:url(../images/meun_bottpm.png)  center bottom no-repeat;}
.nav-title{ padding:14px 18px 10px 20px; background:#037cd9;}
.nav-title h3{ color:#ffffff; font-size:22px; padding-bottom:5px; border-bottom:1px solid #dadada; margin-bottom:5px;}
.nav-title small{ display:block; color:#eaeaea; font-size:12px; text-transform:uppercase;}
.muen-box{ border-top:none; border-bottom:none; position:relative; width:208px; padding:0 4px; background:url(../images/muen_bg.png) repeat-y; left:-4px;}
.muen{ padding-top:8px;}
.muen >li{ color:#037cd9; }
.muen >li >span{ display:block; cursor:pointer; width:100%; transition:all ease-out 0.6s; padding:12px 0 13px; border-bottom:1px solid #dadada; color:#037cd9; text-indent:42px; background:url(../images/muen.png) 28px center no-repeat;}
.muen >li >a{ display:block; width:100%; transition:all ease-out 0.6s; padding:12px 0 13px; border-bottom:1px solid #dadada; color:#037cd9; text-indent:42px; background:url(../images/muen.png) 28px center no-repeat;}
.muen >li:hover >a,.muen >li:hover >span,.muen >li.now >a{ color:#dd262e; background:url(../images/muen_hover.png) 28px center no-repeat;}
.muen >li.on .second{ display:block;}
.second{ padding-left:40px; display:none; background:#fff; width:167px; padding-top:6px; border-bottom:1px solid #dadada;}
.second li a{ display:block; height:24px; line-height:24px; padding-left:16px; color:#037cd9; background:url(../images/muen.png) left center no-repeat;}
.second li >a:hover,.second li>a.on{ color:#dc2128; background:url(../images/muen_hover.png) left center no-repeat;}
.contant{ display:block; padding-top:16px; padding-bottom:16px;}
.contant h3{ color:#037cd9; font-size:18px; text-indent:60px; height:30px; line-height:30px; background:url(../images/contact.png) 25px center no-repeat; margin-bottom:16px;}
.contant span{ display:block; padding-left:10px; color:#333333; font-size:12px; margin-bottom:5px;line-height: 20px;}
.content{ width:968px; float:right; background:#f5f5f5;}
.position{ padding-top:19px; height:32px; border-bottom:2px solid #037cd9; background:url(../images/position.png) 10px 19px no-repeat; padding-left:42px;}
.position a,.position span{ display:inline-block; float:left; color:#333333; font-weight:bold; line-height:22px;}
.position span{ color:#dc2128;}
/**
 * 修改报刊详情样式
 */
.common-main{ padding:0px 17px 0 19px;}

/*profession*/
.profession{ padding-bottom:14px; padding-top:25px;}
.profession li{ margin-bottom:11px;}
.profession li img{ display:block; width:192px; height:142px; padding:4px; background:#dcdcdc; float:left;}
.profession li .profession-text{ width:718px; float:right; height:150px; position:relative;}
.profession li .profession-text h3{ padding-bottom:10px; border-bottom:2px solid #dadada; padding-top:11px; color:#037cd9; font-size:18px; font-weight:bold;}
.profession li .profession-text p{ color:#333333; line-height:20px; margin-top:9px;}
.profession li .profession-text p b{ display:inline-block; color:#037cd9; font-weight:bold;}
.profession li .profession-text .check{ color:#dc2128; font-size:12px; position:absolute; left:0; bottom:5px;}

.markfix{ width:100%; height:100%; position:fixed; background:url(../images/pop.png) repeat; background:rgba(0,0,0,.7); left:0px; top:0px; z-index:40; display:none;}
.popmassege{ position:fixed; display:none; left:0; top:0; z-index:45;}
.popmassege1{ position:fixed; display:none; left:0; top:0; z-index:45;}
.close{ position:absolute; width:35px; cursor:pointer; height:35px; display:block; right:-37px; top:0px; background:url(../images/close.jpg) center no-repeat;}
.chech-info{ width:677px; min-height:424px; background:#fff;}
.chech-info h3{ padding-top:20px; height:37px; color:#dc2128; font-size:22px; font-weight:bold; border-bottom:1px solid #dadada; text-indent:20px;}
.chech-info .chech-text{ padding-top:28px; padding-left:23px; width:630px; height:320px; position:relative; overflow-y: auto; }
.chech-info .chech-text p{ color:#333333; font-weight:bold; margin-bottom:15px;}

/*performance*/
.performance{ padding:9px 0 25px;}
.performance li{ padding-top:16px; height:24px; border-bottom:1px dashed #dadada;}
.performance li span{ display:inline-block; transition:all ease-out 0.5s; float:left; color:#333333; padding-left:14px; background:url(../images/muen.png) 3px 2px no-repeat;}
.performance li time{ display:inline-block; float:right; color:#ffffff; font-size:12px; width:88px; height:21px; text-align:center; line-height:21px; position:relative; top:-6px; margin-right:1px; background:#cbcbcb;}
.performance li:hover span{ color:#da2228; background:url(../images/muen_hover.png) 3px 2px no-repeat;}

/*
!*aboute*!
.aboute-title{ padding-top:27px; text-align:center; border-bottom:1px dashed #dadada;}
.aboute-title h1{ color:#000000; font-family:"宋体"; font-size:27px; font-weight:bold; text-align:center; margin-bottom:12px;}
.aboute-title time{ display:block; font-family:"宋体"; text-align:center; color:#000000; font-size:12px; margin-bottom:14px;}
.aboute-text{ padding-top:17px; text-align:center;}
.aboute-text img{ display:block; max-width:100%; margin:auto; margin-bottom:13px;}
.aboute-text p{ color:#333333; text-align:left; line-height:24px; text-indent:32px; margin-bottom:24px;}

*/

/**
 *
 * 新闻动态样式修改
 *
 * __caly 2016/08/02
 *
 */
.aboute-title{ padding-top:27px; text-align:center; border-bottom:1px dashed #dadada;}
.aboute-title h1{ color:#000; font-family: "宋体"; font-size:27px; line-height: 52px; font-weight:bold; text-align:center; margin-bottom:12px;}
.aboute-title time{ display:block; text-align:center; color:#999999; margin-bottom:14px;}
.aboute-text{ margin:39px 20px 20px 20px;  text-align:center; line-heigh:25px; font-size:16px;}
.aboute-text img{ display:block; max-width:100%; margin:auto; margin-bottom:13px;}
.aboute-text p{ color:#333; text-align:left; line-height:25px; text-indent:32px; margin-bottom:24px;}
/**
 *
 * 新闻动态样式修改
 *
 * __caly 2016/09/29
 *
 */
.aboute-text li{list-style-type: inherit !important;}


/*contact*/
.contact{ padding-top:36px;}
.contact-text{ padding-bottom:14px; border-bottom:1px dashed #dadada; margin-bottom:19px;}
.contact-info{ width:447px; float:left;}
.contact-info:nth-child(2){ float:right;}
.contact-info h5{ height:20px; padding-left:53px; border-bottom:2px solid #dadada;}
.contact-info h5 small{ color:#037cd9; font-size:12px; font-weight:bold; float:left; margin-right:20px;}
.contact-info .tel-info{ padding-top:14px;}
.info{ display:block; margin-bottom:16px;}
.info dt{ display:inline-block; width:100px; float:left; text-align:right; padding-right:10px; border-right:1px solid #dadada;}
.info dd{ display:inline-block; float:left; color:#333333; padding-left:9px;}
.map{ border:1px solid #dadada;}
#allmap{width:100%;height:500px;}
.address{ padding:28px 0 32px;}
.address span{ display:inline-block; float:left; color:#333333; margin-right:24px;line-height: 24px;}

/*overview*/
.overview li{ width:452px; float:left;}
.overview li:nth-child(2n+2){ float:right;}
.overview li .profession-text{ width:234px;}
.overview li .profession-text a{ color:#dc2128; font-size:12px; position:absolute; left:0; bottom:5px;}
.page{ padding-top:20px; padding-bottom:5px; border-top:1px dashed #dadada;}
.page .prev-pqge{ float:left; width:50%;}
.page .prev-pqge a{ display:block; margin-bottom:15px; padding-left:14px; background:url(../images/dot1.jpg) 2px 5px no-repeat; color:#333333;}
.page .prev-pqge a b{ display:inline-block; color:#037cd9;}
.page .back{ width:84px; height:28px; text-align:center; line-height:28px; float:right; display:block; color:#ffffff; font-weight:bold; margin-right:10px; background:#148dea;}

/*business*/
.business{ padding-bottom:10px;}
.business li{ width:218px; float:left; margin-right:20px; margin-bottom:20px; background:#fff;text-align:center;}
.business li:nth-child(4n+4){ margin-right:0;}
.business li img{ max-width:210px; height:162px; border:2px solid #dadada; cursor:pointer;}
.business li span{ display:block; max-height:42px; line-height:42px; color:#494949; text-align:center;}
.honor{ width:710px; min-height:542px; background:#fff;text-align:center;}
.honor h3{ padding-top:12px;padding-left:5px;padding-right:5px;line-height:28px; color:#dc2128; font-size:18px; font-weight:bold; border-bottom:1px solid #dadada;text-align:left; }
.honor img{ max-width:640px; height:450px; margin-top:15px; margin-left:15px;}

/*dynamic*/
.dynamic{ margin-bottom:17px;}
.dynamic li{ width:276px; height:336px; transition:all ease-out 0.6s; float:left; margin-right:20px; background:#fff;}
.dynamic li img{ display:block; width:100%; height:170px; margin-bottom:15px;}
.dynamic li:last-child{ margin-right:0;}
.dynamic-info{ padding:0 17px 0 16px;}
.dynamic-info h3{ margin-bottom:9px;}
.dynamic-info h3 a{ color:#000000; font-size:16px; font-weight:bold; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dynamic-info p{ color:#494949; line-height:20px; text-indent:22px; margin-bottom:7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dynamic-detail a{ display:inline-block; float:left; width:80px; height:25px; text-align:center; line-height:25px; color:#fff; background:#dc2128; font-size:12px;}
.dynamic-detail time{ display:inline-block; float:right; color:#555555; font-size:12px; line-height:25px;}
.dynamic li:hover{ background:#dc2128;}
.dynamic li:hover .dynamic-info h3 a{ color:#fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dynamic li:hover .dynamic-info p{ color:#fff;}
.dynamic li:hover .dynamic-info .dynamic-detail a{ background:#fff; color:#dc2128;}
.dynamic li:hover .dynamic-info .dynamic-detail time{ color:#fff;}
.dynamic-list{ padding-bottom:21px;}
.dynamic-list li{ padding:12px 0 10px; border-bottom:1px solid #dcdcdc;}
.dynamic-list li:hover span{ color:#dc2128;}
.dynamic-list li time{ display:inline-block; float:left; width:88px; height:21px; line-height:21px; text-align:center; color:#ffffff; font-size:12px; background:#cbcbcb; margin-right:14px;}
.dynamic-list li span{ display:inline-block; transition:all ease-out 0.6s; float:left; color:#333333; line-height:21px;}

/*resource*/
.resource{ margin-top:15px; margin-bottom:78px; background:#fff; border:1px solid #ececec;}
.resource li{ border-bottom:1px solid #ececec;}
.resource li:last-dhild{ border-bottom:none;}
.resource li h3{ display:inline-block; width:100px; padding-right:16px; line-height:41px; text-align:right; color:#dc2128; font-weight:bold; float:left;}
.resource li span{ display:inline-block;  padding:9px 0 12px; border-left:1px solid #ececec; float:left; line-height:20px; color:#333333; width:730px; padding-left:16px;}
.pageList a{color:#cccccc;}
.pageList .selected{ background:#037cd9 !important; border:1px solid #0066a5 !important; }
.pageList .selected a{color:#fff !important;}



/**
 * 补充“企业宣传片”和“企业刊物”栏目效果
 *
 * author   : gouyuwang
 * data     : 2016/8/3
 */

/*videolist*/
.videosList{ padding-bottom:10px;margin-top: 10px;}
.videosList li{ width:198px; height:137px; padding:11px 10px; border:1px solid #959595; float:left; margin-right:18px;}
.videosList li img{ width:198px; height:137px; display:block;}
.videosList li mark{position: absolute;background:url(../images/play.png) center center no-repeat;width: 210px;height: 162px;left: 2px;top: 2px;}
.videosList li mark a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

/* videobox */
.videoBox{ width:700px; height:560px; padding:20px; background:#d4d4d5; margin: 25px auto;}


/*magazine*/
.magazine{ padding-bottom:10px;margin-top:10px;}
.magazine li{ width:178px; float:left; margin-right:20px; margin-bottom:20px; background:#fff;text-align:center;}
.magazine li:nth-child(4n+4){ margin-right:0;}
.magazine li img { max-width:170px; height:180px; border:2px solid #dadada; cursor:pointer;}
.magazine li span{ display:block; max-height:42px; line-height:42px; color:#494949; text-align:center;}


/*addVideo*/
.business.addVideo li{position: relative; margin-top: 10px;}
.business.addVideo li img{ width:210px; height:162px; border:2px solid #dadada; cursor:pointer;}
.business.addVideo li mark{position: absolute;background:url(../images/play.png) center center no-repeat;width: 210px;height: 162px;left: 2px;top: 2px;}
.business.addVideo li mark a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
/*baokanList*/
.business.baokanList li{position: relative; margin-top: 10px;}
.business.baokanList li img{ width:210px; height:292px; border:2px solid #dadada; cursor:pointer;}
.business.baokanList li mark{position: absolute;background-color: transparent;width: 100%;height:100%;left: 2px;top: 2px;}
.business.baokanList li mark a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

/*baokanDetail*/
.baokanDetail{padding-top: 10px;}
.baokanDetail .sliderBox{float: left;width: 424px;}
.baokanDetail .sliderBox .bd{height: 588px;position: relative;overflow: hidden;}
.baokanDetail .sliderBox .bd li img{display: block;width: 424px;height:588px;}
.baokanDetail .sliderBox .bd li a{display: none;}
.baokanDetail .sliderBox .hd{overflow: hidden;}
.baokanDetail .sliderBox .hd span{float: left;width: 25%;text-align: center;background-color: #e5e5e5;color: #000;line-height: 30px;margin-bottom: 5px;cursor: default;}
.baokanDetail .sliderBox .hd span.on{background-color: #024f93;color: #fff;}
.baokanDetail .zaiYao{float: right;width: 490px;}
.baokanDetail .zaiYao h3{font: 14px/35px 'Microsoft YaHei';background-color: #e5e5e5;}
.baokanDetail .zaiYao h3 span{display: inline-block;background-color: #024f93;color: #fff;font-weight:bold;padding: 0 1em;}
.baokanDetail .zaiYao h3 i{display: inline-block;margin-left: 1em;}
.baokanDetail .zaiYao li{font: 14px/30px 'Microsoft YaHei';color: #ccc;border-bottom:1px dotted #a3a2a2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 1rem;background:url(../images/content2.jpg) left center no-repeat;}
.baokanDetail .zaiYao li a{color: #333;}
.baokanDetail .zaiYao li a:hover{color: #024f93;}