﻿/*
 * @description: .index.css
 * @author: lyx
 * @update: lyx 2014/5/9
*/

/* basic */
body,iframe,div,p,h1,h2,h3,h4,h5,h6,fieldset,ul,dl,dt,dd,form,input,button,textarea,select,i{ margin:0px; padding:0px; font-weight:normal; }
article,aside,header,section,footer,nav,figure,menu{ display:block; }
body { font:12px/2 tahoma, Helvetica, Arial; }
input,button,select,textarea { font-family:tahoma, Helvetica, Arial; outline:none }
textarea { resize:none }
input { width:auto; overflow:visible; }
ul { list-style:none; overflow:hidden; }
i,em,u { font-style:normal; }
a { color:#666; text-decoration:none; }
a:visited { }
a:hover { color:#df0052; text-decoration:underline; }
a:active {  }
img { border:0 none; vertical-align:middle; }
.clear, .layout { *zoom:1; }
.clear:after, .layout:after { display:table; clear:both; content:""; }

/* base */
body { font-family:Microsoft Yahei; display:block; margin:0 auto; background:none; font-size:14px; }
.layout { background:none;}


/*banner*/
.about_banner { height:400px; margin:0 auto; background:url(../../images/pc/about_banner.jpg) top center no-repeat;}
.about_banner2 { height:400px; margin:0 auto; background:url(../../images/pc/banner1.jpg) top center no-repeat;}
.about_banner3 { height:400px; margin:0 auto; background:url(../../images/pc/banner2.jpg) top center no-repeat;}
.about_banner4 { height:400px; margin:0 auto; background:url(../../images/pc/banner3.jpg) top center no-repeat;}

/*集团简介*/
.about_content { display:block; width:1200px; margin:0 auto; }
.about_menu { width:265px; border:1px solid #f0f0f0; box-sizing:border-box; float:left;}
.about_menu li:first-child { height:75px; padding-left:18px; padding-top:25px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; box-sizing:border-box; *height:auto;}
.about_menu li p { font-size:20px; padding-bottom:5px;}
.about_menu li span { font-size:14px; color:#35baef;}
.about_menu li { margin:0 13px; font-size:15px; }
.about_menu li a { display:block; margin:15px 0; line-height:40px; text-align:center; background-color:#f7f8f8;}
.about_menu li a i { background:none; margin-left:40px; display:inline-block; width:6px; height:10px; *vertical-align:middle;}
.about_menu li:hover a i,.about_menu li.on i { background:url(../../images/pc/icon.png) -138px -3px no-repeat; }
.about_menu li:hover a,.about_menu li.on { color:#FFF; background-color:#35baef; text-decoration:none;}
.about_menu li.on a{ color:#FFF; background-color:#35baef; text-decoration:none;}
.about_menu li a:first-child { margin-top:15px;}

/*简介*/
.about_cont,.setting,.news,.event { margin-left:-1px; display:block; width:840px; border:1px solid #f0f0f0; float:left; box-sizing:border-box;}
.about_cont h2,.setting h2 ,.news h2 ,.event h2 { margin:0 35px; padding:18px 0 10px; font-size:22px; display:block; height:75px; box-sizing:border-box; border-bottom:1px solid #f0f0f0; *height:auto;}
.about_cont h2 span,.setting h2 span,.news h2 span,.event h2 span { padding-top:5px; display:block; font-size:14px; color:#bcbcbc;}
.setting ul{}
.setting div { padding:0 45px; }

.about_cont { padding-bottom:80px; margin-bottom:70px;}

.about_cont .cont { margin:0 35px; padding-top:35px; margin-top:2px; border-top:1px solid #d5d5d5; }
.about_cont p { font-size:14px; color:#212121; line-height:30px; text-indent:2em; }
.about_cont img { padding:25px 0; display:block; margin:0 auto; }

/*环境*/
.setting {margin-bottom:20px;}

.setting_nav {margin:2px 35px 0; padding:35px 6px 0; border-top:1px solid #d5d5d5; background-color:#FFF; }

.setting li:hover { color:#FFF; boreder:1px solid #58c4f0; background-color:#68cbf3; cursor:pointer;}
.setting li { margin-left:9px; width:82px; height:94px; line-height:94px; background-color:#f7f7f7; border:1px solid #f2f2f2; text-align:center; float:left;}
.setting li:first-child { margin-left:0;}
.setting .zrt { height:auto; padding:24px 0; line-height:1.7; }

.setting .setting_cont {}
.setting_cont p { padding:14px 0; font-size:18px; line-height:1.5; }
.setting_cont i { display:inline-block; width:16px; height:16px; margin-right:10px; background:url(../../images/pc/icon.png) -153px -1px no-repeat; vertical-align:middle;}

/*新闻中心*/
.news { margin-bottom:100px; }
.news h2 { margin-bottom:0; }
.news .news_essay {margin:2px 35px 0; padding-top:35px; border-top:1px solid #d5d5d5; padding:0 30px; }
.news .news_essay li { padding:30px 0; border-bottom:1px dashed #cccccc;}
.news .essay { }
.news .essay img { width:173px; height:115px; float:left;}
.news .essay .text { width:535px; height:115px; padding-left:25px; float:left; box-sizing:border-box; *width:565px;}
.news .essay .tit { display:block; padding-top:8px; font-size:18px; line-height:42px; padding-right:15px; box-sizing:border-box;}
.news .essay .tit .time { font-size:14px; color:#9f9e9e; line-height:42px;*margin-top:-42px;}
.news .essay .txt { display:block; font-size:14px; color:#656565; line-height:25px; padding-right:15px; box-sizing:border-box;}
.news .essay .text:hover {  background-color:#f7f8f8;}

.page { margin:30px 0; text-align:center; }
.page a,.page span { display:inline-block; margin-left:7px;padding:0 14px; line-height:33px; border:1px solid #e0e0e0;}
.page a:first-child { margin-left:0; }
.page a:hover,.page a.on,.page span { background-color:#35baef; color:#FFF; text-decoration:none;}

/*企业大事记*/
.event { margin-bottom:100px; }
.event .event_cont {margin:2px 35px 0; padding-top:35px; border-top:1px solid #d5d5d5; padding:0 30px; }
.event ul { margin:37px 45px 0 63px; border-left:1px dashed #cccccc; overflow:visible;}
.event li { margin-top:40px; margin-bottom:45px; position:relative; width:730px; padding:0 27px; margin-left:18px;  box-sizing:border-box;}
.event li:hover { background-color:#f7f8f8;}
.event li:first-child { margin-top:0; }
.event li i { position:absolute; top:15px; left:-22px; width:7px; height:7px; background-color:#35baef; border-radius:50%;}
.event li p { font-size:14px; color:#343434;}
.event li .time { line-height:42px; }
.event li .cont { line-height:1.5; }
.event li .event_img { padding:20px 0; }
.event .event_img img { width:213px; height:143px; margin-left:15px; float:left; }
.event .event_img img:first-child { margin-left:0; }

.event .more { margin:0 60px; }
.event .more a { display:block; font-size:14px; line-height:50px; background-color:#f4f4f4; text-align:center;}
.event .more a:hover { background-color:#35baef; text-decoration:none; color:#FFF;}

.content_pos { border-top:1px solid #f0f0f0; }