﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; color:#414446; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}

/*Top*/
.Top{ width:100%; background:url(../images/index/top_bg.png) center center no-repeat; height:107px; position:absolute; top:0; left:0; z-index:100;}
.MainNav{ position:relative; overflow:hidden; width:1200px; margin:0 auto;}
.top_box{position:absolute; right:0; top:15px; overflow:hidden;font-size:14px; color:#666;}
.top_box a{color:#666;}
.top_box .l_box{float:left; overflow:hidden; margin-right:40px;}
.top_box .l_box dl{ padding:0 10px; background:url(../images/index/nav_line.png) right center no-repeat; float:left; overflow:hidden;}
.top_box .l_box dl dt{float:left; margin-right:6px;}
.top_box .l_box dl dd{float:right;}
.top_box .r_box{float:right;}
.top_box .r_box a{display:block; padding:0 10px;background:url(../images/index/nav_line.png) right center no-repeat; float:left;}
.top_box .r_box a:hover{ color:#d1292e;}
.a_oncolor{color:#d1292e !important;}
.MainNav .logo{float:left;}
.MainNav .logo img{ width:248px; height:107px;}
.MainNav ul{float:left; overflow:hidden; margin-top:52px; margin-left:55px;}
.MainNav ul li{float:left; font-size:16px; color:#333; margin-right:25px;}
.MainNav ul li a{ display:block; color:#333; width:102px; text-align:center; height:36px; line-height:36px;}
.MainNav ul li a:hover{background:url(../images/index/nav_bg.png) left center no-repeat; color:#fff !important;}
.onnav{background:url(../images/index/nav_bg.png) left center no-repeat; color:#fff !important;}
.MainNav .search_box{float:right;margin-top:52px; background:url(../images/index/s_bg.png) left top no-repeat; height:35px; width:225px;}
.search_box dl{overflow:hidden; line-height:35px;}
.search_box dl dt{ float:left; width:173px;}
.search_box dl dt input{width:149px; padding:0 12px;}
.search_box dl dd{ float:right;}
.search_box dl dd img{margin-top:8px; margin-right:15px;}
/*Top*/

/*Bottom*/
.Bottom{ background-color:#686868; width:100%; height:69px; line-height:69px;}
.bottom_content{width:1200px; margin:0 auto; overflow:hidden;}
.bottom_content .BottomLinks{float:right;color:#a3a3a3;font-size:14px;}
.bottom_content .BottomLinks a{color:#a3a3a3; padding:0 12px; background:url(../images/index/bottom_l.png) right center no-repeat;}
.bottom_content .BottomLinks a:hover{color:#fff;}
.bottom_content .BottomLinks a img{margin-top:20px; margin-left:30px; cursor:pointer;}
.bottom_content .Copyright{float:left; font-size:14px; color:#a3a3a3;}
.bottom_content .Copyright a{color:#a3a3a3;}
/*Bottom*/

/*SildeBar*/
.SildeBar{}
.MenuList{width:1200px; position:absolute; left:50%; top:353px; margin-left:-600px; background-color:#fff; }
.MenuList ul{overflow:hidden; margin:0 30px; line-height:56px;border-bottom:2px solid #e3e3e3;}
.MenuList ul li{ float:left; background:url(../images/about/menu_b.png) right center no-repeat; }
.MenuList ul li a{ display:block; font-size:14px; text-align:center; color:#333;padding:0 13px; }
.MenuList ul li a:hover{ color:#d1292e; border-bottom:2px solid #d1292e;}
.onmenu{color:#d1292e !important; border-bottom:2px solid #d1292e;}
/*SildeBar*/

/*Banner*/
.HomeBan{ width:100%; height:737px; position:relative;}
.HomeBan .BanList{ width:100%; height:737px;}
.HomeBan .BanList li{ width:100%; height:737px; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; height:737px; display:block;}
.HomeBan .TabList{ width:1200px; height:42px; bottom:109px; overflow:hidden; position:absolute; left:50%; margin-left:-600px; }
.HomeBan .TabList div{float:right; }
.HomeBan .TabList a{float:left; cursor:pointer;}

.Banner{ width:100%; height:407px;}
/*Banner*/

/*index*/
.big_contain{width:100%; background-color:#fff;}
.big_message{width:100%; background-color:#f0f0f0; padding:45px 0; margin-top:300px;}
.Contain{ padding:0 70px;}
.slider_show{ width:1200px;position:absolute; left:50%; margin-left:-600px; top:650px; border-top:2px solid #d1292e; background-color:#fff; padding:60px 0;}
.slider_show .BanList{ width:1200px; overflow:hidden;}
.slider_show .BanList li{overflow:hidden; width:164px; float:left; padding:0 38px; text-align:center;cursor:pointer; background:url(../images/index/long_line.jpg) right center no-repeat;}

.slider_show .BanList li img{margin:10px auto; width:123px; height:123px;}
.slider_show .BanList li h3{ font-size:18px; color:#333; cursor:pointer; margin-bottom:15px;}
.slider_show .BanList li h3 a{color:#333; display:block;}
.slider_show .BanList li div.text{ font-size:14px; color:#666; line-height:25px; text-align:left; padding-left:7px;}
.slider_show .TabList{ width:1340px; height:46px; overflow:hidden; position:absolute; left:50%; margin-left:-670px; top:180px; }
.slider_show .TabList .prev{float:left;}
.slider_show .TabList .next{float:right;}
.slider_show .TabList a{float:left; cursor:pointer;}

.message{ width:1200px; margin:0 auto; overflow:hidden;font-size:14px; color:#666;}
.about_box{float:left; width:380px; margin-right:39px;}
.news_box{float:left; width:380px; margin-right:39px;}
.focus_box{float:right; width:361px;}
.contain{min-height: 500px}

.about_box{}
.title{overflow:hidden;padding-bottom:5px; margin-bottom:20px;}
.about_box .title{ background:url(../images/index/l3.png) left bottom no-repeat;}
.news_box .title{ background:url(../images/index/l3.png) left bottom no-repeat;}
.focus_box .title{ background:url(../images/index/l1.png) left bottom no-repeat;}
.title h3{ float:left;  font-size:18px; color:#666666; }
.title h3 span{  font-size:14px; color:#666666; font-weight:bold;}
.title .more{float:right;font-size:14px; color:#666666; background:url(../images/index/add.png) left center no-repeat; width:75px; text-align:right;}
.about_content img{width:380px; height:138px; margin-bottom:10px;}
.about_content p{ line-height:30px;}


.news_content dl{ overflow:hidden;}
.news_content li{ border-bottom:1px dashed #c3c3c3;}
.news_content dl{ overflow:hidden;  padding-bottom:14px;}
.news_content dl dt{ float:left; width:187px; height:96px;border:1px solid #b9b9b9; text-align:center;}
.news_content dl dt img{ width:184px; height:94px; margin-top:1px;}
.news_content dl dd{ float:left; width:157px; height:96px; margin-left:14px;}
.news_content dl dd h3{font-size:14px; color:#444; width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_content dl dd h3:hover a{color:#d1292e !important;}
.news_content dl dd span{font-size:12px; color:#999;}
.news_content dl dd p{ width:235px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_content h3{font-size:14px; color:#444; }
.news_content dl dd h3{width:141px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_content dl dd p{width:141px; }
.news_content .h3{width:340px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:36px;}
.news_content .h3 a{color:#666;}
.news_content h3:hover a{color:#d1292e !important;}

.focus_content li{border-bottom:1px dashed #c3c3c3;}
.focus_content dl{overflow:hidden;  padding-bottom:14px;}
.focus_content dl dt{width:187px; height:96px;border:1px solid #b9b9b9; text-align:center; float:left;}
.focus_content dl dd{width:157px; height:96px; float:left; margin-left:14px;}
.focus_content dl dt img{width:184px; height:94px; margin-top:1px;}
.focus_content h3{font-size:14px; color:#444; }
.focus_content dl dd h3{width:141px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.focus_content dl dd p{width:141px; }
.focus_content .h3{width:340px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:36px;}
.focus_content .h3 a{color:#666;}
.focus_content h3:hover a{color:#d1292e !important;}
/*index*/

.MainContent{width:1200px; margin:0 auto; padding:30px 18px 0 18px; background:url(../images/about/bg4.png) left top no-repeat;}
.Content{width:1140px; margin:0 auto; padding-bottom:55px;}

/*证书*/
.honor ul.shu{overflow:hidden; margin-bottom:40px;}
.honor ul.shu li{float:left; text-align:center; width:258px; margin-right:36px; margin-bottom:20px; }
.honor ul.shu li .img_box{ width:258px; height:180px;}
.honor ul.shu li .img_box img{height:180px; width:258px;}
.honor ul.shu li span{padding:10px 0; display:block;}

/*发展历程*/
.develop{}
.develop_home{ width:1200px; height:127px; position:relative;}
.develop_home .BanList{ width:1200px; height:127px; overflow:hidden;margin-left:74px;}
.develop_home .BanList ul{ }
.develop_home .BanList li{ float:left; padding:0 20px; overflow:hidden; margin-top:55px; text-align:center; font-size:18px; cursor:pointer;}
.develop_home .BanList li:hover span{ background:url(../images/about/r_circle.png) center center no-repeat;}
.develop_home .BanList li span{display:block; background:url(../images/about/g_circle.png) center center no-repeat; height:60px; width:60px; line-height:60px; text-align:center;color:#fff;}
.develop_home .TabList{ width:1200px; height:44px; bottom:79px; overflow:hidden; position:absolute; left:50%; margin-left:-655px; padding:0 30px; background:url(../images/about/lines.png) center top no-repeat;}

.develop_home .TabList .prev{float:left;}
.develop_home .TabList .next{float:right;}
.develop_home .TabList a{float:left; cursor:pointer;}


.slider_show{ width:1200px;position:absolute; left:50%; margin-left:-600px; top:650px; border-top:2px solid #d1292e; background-color:#fff; padding:60px 0;}
.slider_show .BanList{ width:1200px; overflow:hidden;}
.slider_show .BanList li{overflow:hidden; float:left; padding:0 38px; text-align:center;cursor:pointer; background:url(../images/index/long_line.jpg) right center no-repeat;}
.slider_show .BanList li:hover h3 a{ color:#b74439 !important;}
.slider_show .BanList li img{margin-bottom:15px; width:123px; height:123px;}
.slider_show .BanList li h3{ font-size:18px; color:#333; cursor:pointer; margin-bottom:15px;}
.slider_show .BanList li h3 a{color:#333; display:block;}
.slider_show .BanList li p{ font-size:14px; color:#666; line-height:25px;}
.slider_show .TabList{ width:1340px; height:46px; overflow:hidden; position:absolute; left:50%; margin-left:-670px; top:180px; }
.slider_show .TabList .prev{float:left;}
.slider_show .TabList .next{float:right;}
.slider_show .TabList a{float:left; cursor:pointer;}


/*新闻中心*/
.news .news_list{ padding-bottom:20px;}
.news .news_list li dl{ overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #d6d5d5; margin-bottom:20px;}
.news .news_list li dt{ float:left;width:269px; text-align:center; border:1px solid #e6e6e6; height:159px; }
.news .news_list li dt img{ width:262px; height:155px; margin-top:2px;}
.news .news_list li dd{ float:left; width:842px; margin-left:26px;}
.news .news_list li dd h3{color:#666; font-size:16px; margin-top:14px;}
.news .news_list li dd h3 a{color:#666; }
.news .news_list li dd h3 a:hover{color:#d1292e;}
.news .news_list li dd span{color:#999; font-size:14px;}
.news .news_list li dd p{color:#666; font-size:14px; line-height:30px;}
.news .news_list li dd a.more{color:#d1292e; font-size:14px;}

/*联系我们*/
.contact{position:relative;}
.contact .map_box{ width:1141px; margin:0 auto; height:651px; }
.contact .map_box img{ width:1141px; height:651px;}
.contact table.map_table{ padding-top:75px; width:100%; margin:0 auto; }
.contact table.map_table thead{background-color:#cfcfcf; }
.contact table.map_table thead td{color:#333; text-align:center;font-size:14px; font-weight:bold; line-height:48px;}
.contact table.map_table tbody td{color:#666; text-align:center; line-height:54px; border-bottom:1px solid #e6e6e6;}



.position_li .TextHide{ display:none;}
.show_box .box{ display:none;}

/*联系表单*/
.contact .form_table{ width:500px; margin:0 auto;}
.contact .form_table th{font-size:14px; caption-side:#666; text-align:right; padding-bottom:15px;}
.contact .form_table td{ padding-bottom:15px; overflow:hidden;}
.contact .form_table td input{font-size:14px; border:1px solid #dcdcdc; padding:10px 5px; width:300px;}
.contact .form_table td textarea{font-size:14px; border:1px solid #dcdcdc; padding:5px; resize:none; height:200px; width:350px;}
.contact td div{ float:left; height:48px; line-height:48px; text-align:center; color:#fff; width:120px; font-size:14px; margin-right:20px; cursor:pointer;}
.contact .reset_btn{ background-color:#c3c3c3;}
.contact .submit_btn{ background-color:#d1292e;}
.contact .submit_btn a{ color:#fff;}

.newww{ float:left; height:48px; line-height:48px; text-align:center; color:#fff; width:120px; font-size:14px; margin-right:20px; cursor:pointer;}


/*视频播放*/
.dark_bg{width:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:9999; display:none;}
.VideoShow{width:800px; height:600px; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-300px; }
.vedio{ cursor:pointer;position: relative}
.indexclose{position: absolute;
    width: 50px;
    height: 50px;
    background-color: #000;
    color: #fff;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    top: 0;
    left: 100%;}

/***********************补充页面*****************************/
/*人才招聘*/
.person_list li{overflow:hidden; border-bottom:1px dashed #dcdcdc; line-height:40px; font-size:14px;}
.person_list li a{ display:block;}
.person_list li a:hover p{ color:#d1292e;}
.person_list li p{ float:left; color:#666;}
.person_list li span{ float:right; color:#999;}

/*分页*/
.paging{overflow:hidden; margin-left:274px; text-align:center;}
.paging a{float:left; height:36px; line-height:36px; border:1px solid #e5e5e5; text-align:center; margin-right:5px; cursor:pointer; display:block;}
.paging a:hover{border:1px solid #f5f5f5; font-weight:bold;}
.paging a.big_btn{width:76px;}
.paging a.small_btn{width:36px;}

.ma_pic{position:absolute; right:15px; width:176px; height:181px; display:none;}
.ma_pic img{width:176px; height:181px;}
.content-li{ height:30px; position:relative; bottom:10px; left:45px;}
.content-li ul li{ float:left; background:url(../images/about/menu_b.png) right center no-repeat; }
.content-li ul li a{ display:block; font-size:17px; text-align:center; color:#333;padding:0 13px; }


/*友情链接*/
.links{}
.links li img{ width:253px; height:180px;}







/* suspend */
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(http://demo.lanrenzhijia.com/2014/service0823/images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(http://demo.lanrenzhijia.com/2014/service0823/images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}








