﻿@charset "utf-8";
/* CSS Document */


#flashs{ position:relative; height:530px; overflow:hidden; width:100% !important;}
#flashs .bd{ width:100% !important;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; width:100% !important;}
#flashs .btn{ position:absolute; z-index:7; bottom:18px; left:50%; margin-left:-31px;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.on{ background:#0c7a4f;} 
#flashs .banerer{ width:100% !important;}

/*banner*/
.banner{ overflow:hidden; width:100%; height:530px; background:url(/skins/default/Img/Index/banner.jpg) no-repeat center top;}

/*search*/
.search { overflow:hidden; width:100%; height:41px; background-color:#464646;}
.search p{ float:left; font-size:12px; color:#fff; line-height:41px;}
.search p a{ color:#fff; margin:0 5px;}
.search .sBox{ overflow:hidden; width:236px; height:27px; background:url(Img/Index/search.png) no-repeat center top; float:right; margin-top:7px;}
.search input{ float:left; width:150px; height:27px; line-height:27px; border:none; background:none; outline:none; font-size:13px; color:#999; margin-left:20px; float:left;}
.search span{ display:block; width:64px; height:27px; cursor:pointer; float:right}

/*特点*/
.tedian{ overflow:hidden; margin-top:40px; margin-bottom:50px;}
.tedian p{ font-size:18px; color:#333; text-align:center; margin-bottom:5px;}
.tedian h3{ font-size:28px; color:#0c7a4f; text-align:center; margin-bottom:30px;}
.tedian .tdBox{ overflow:hidden; width:1000px; margin:0 auto; height:400px; background-color:#0c7a4f;}
.tedian .menu{ overflow:hidden; float:left; width:230px;}
.tedian .menu li{ cursor:pointer; overflow:hidden; *float:left; width:100%; height:99px;}
.tedian .menu b{ display:block; text-align:center; font-size:18px; color:#fff; margin-top:25px; margin-bottom:10px;}
.tedian .menu span{ display:block; text-align:center; font-size:14px; color:#fff;}
.tedian .menu li.li01 { background-color:#0c7a4f}
.tedian .menu li.li02 { background-color:#0a6340}
.tedian .menu li.li03 { background-color:#074f33}
.tedian .menu li.li04 { background-color:#02432a; height:100px; border:none;}
.tedian .menu li.on{ background-color:#eec500}
.tedian .tdTu{ overflow:hidden; position:relative; width:748px; height:378px; margin:11px; float:right;}
.tedian .tdTu ul{ overflow:hidden; width:748px; height:1512px; position:absolute; left:0; top:0}
.tedian .tdTu li{ overflow:hidden; width:748px; height:378px; *float:left;}

/*pro*/
.pro{ overflow:hidden; width:100%; padding:35px 0; background:url(Img/Index/pro_bg.png) repeat center;}
.proLeft{ overflow:hidden; float:left; width:240px; background-color: #0c7a4f;padding-bottom:10px;}
.proLeft h3{ font-size:18px; padding-top:17px; padding-bottom:17px; padding-left:65px; background:url(Img/Index/pro_left_h.png) no-repeat left center; margin-bottom:10px;}
.proLeft h3 a{ color:#fff;}
.proLeft h3 p{ font-weight:normal; font-size:16px; color:#fff;}
.proLeft dl{ overflow:hidden; width:220px; margin:0 auto; margin-bottom:1px; padding:15px 0; background-color:#fff;}
.proLeft dt{ font-size:16px; background:url(Img/Index/pro_left_menu01.png) no-repeat 20px center; padding-left:50px; font-weight:bold; margin-bottom:15px;}
.proLeft dt a{ color:#2f2f2f;}
.proLeft dd{ overflow:hidden; margin-left:50px;}
.proLeft dd a{ display:block; font-size:13px; color:#000; line-height:34px; background:url(Img/Index/pro_left_menu02.png) no-repeat left center; padding-left:14px;}
.proLeft dd a:hover{color:#0c7a4f;}

.proRight{ overflow:hidden; width:740px; float:right}
.proRight .protitle{ overflow:hidden; width:100%; margin-top:21px; margin-bottom:25px;}
.proRight .protitle h3{ float:left; font-size:18px; background:url(Img/Index/pro_right_h.png) no-repeat left center; padding-left:25px;}
.proRight .protitle h3 a{ color:#2f2f2f;}
.proRight .protitle h3 span{ margin-left:5px; font-size:12px; color:#999; font-weight:normal;}
.proRight .protitle .more{ float:right; font-size:12px; color:#999; margin-top:10px;}
.proRight .proBox{ overflow:hidden; width:100%;}
.proRight .tuleft{ overflow:hidden; width:233px; height:438px; background-color:#fff; padding-top:40px; float:left;}
.proRight .tuleft img{ display:block; margin-bottom:20px;}
.proRight .tuleft h4{ font-size:16px; text-align:center; margin-bottom:10px;}
.proRight .tuleft h4 a{ color:#0c7a4f;}
.proRight .tuleft p{ font-size:14px; color:#2f2f2f; text-align:center; margin-bottom:30px;}
.proRight .tuleft .more{ display:block; width:22px; height:22px; margin:0 auto; background:url(Img/Index/pro_right_more.png) no-repeat center;}
.proRight .turight{ float:right; width:507px;}
.proRight .list{ overflow:hidden;}
.proRight .list li{ float:left; width:233px; height:228px; float:left; margin-left:20px; margin-bottom:20px;}
.proRight .listdl{ width:760px; margin-left:-20px;}
.proRight .list li a{ display:block; text-decoration:none}
.proRight .list li p{ font-size:13px; color:#fff; text-align:center; width:100%; height:31px; line-height:31px; background-color:#ccc;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proRight .list li img{ display:block;}
.proRight .list li:hover p{ background-color:#0c7a4f;}

.pro_ad{ overflow:hidden; width:1000px; height:130px; background:url(Img/Index/pro_ad_bg.png) no-repeat center; background-color:#fff; margin:0 auto; margin-top:30px;}
.pro_ad .wen{ overflow:hidden; float:left; margin-left:120px; margin-top:40px;}
.pro_ad h5{ font-size:32px; color:#0c7a4f}
.pro_ad h5 em{ font-size:26px; color:#000;}
.pro_ad .wen p{ font-size:12px; color:#999;}
.pro_ad .phone{ overflow:hidden; float:right; width:250px; margin-right:65px; margin-top:34px;}
.pro_ad .phone a{ display:block; width:112px; height:32px; text-align:center; line-height:32px; background:url(Img/Index/pro_ad_btn.png) no-repeat center top; margin:0 auto; font-size:16px; color:#fff; margin-bottom:10px;}
.pro_ad .phone p{ font-size:14px; color:#333; text-align:center;}
.pro_ad .phone b{ font-size:22px; color:#0c7a4f; font-family:Arial}

/*细节1*/
.xijie{ overflow:hidden; width:100%; height:645px; background:url(Img/Index/xijie_bg.jpg) no-repeat center top;}
.xijie em{ display:block; text-align:center; font-size:15px; color:#000; background:url(Img/Index/xijie_h.png) no-repeat center; line-height:36px; margin-top:40px;}
.xijie h3{ font-size:30px; color:#0c7a4f; text-align:center; margin-bottom:20px;}
.xijie .xjBox{ overflow:hidden; height:500px; position:relative;}
.xijie .tuxj{ display:block; position:absolute; left:50%; top:0; margin-left:-176px; opacity:0; filter:alpha(opacity=0)}
.xijie h4{ font-size:16px; color:#333; margin-bottom:10px;}
.xijie p{ font-size:16px; color:#666; line-height:24px;}
.xijie div{ overflow:hidden; position:absolute}
.xijie .xj01{ width:238px; height:22px; background:url(Img/Index/xijie01.png) no-repeat right center; /*left:140px;*/ top:60px; left:378px}
.xijie .xj02{  width:194px; height:55px; background:url(Img/Index/xijie05.png) no-repeat left center; /*left:170px;*/ top:335px; right:170px}
.xijie .xj03{ width:378px; height:68px; background:url(Img/Index/xijie03.png) no-repeat right center; /*left:115px;*/ top:395px; left:493px}
.xijie .xj04{ width:263px; height:22px; background:url(Img/Index/xijie04.png) no-repeat left center; left:640px; top:74px;}
.xijie .xj05{ width:194px; height:55px; background:url(Img/Index/xijie05.png) no-repeat left center; left:640px; top:195px;}
.xijie .xj06{ width:322px; height:124px; background:url(Img/Index/000.png) no-repeat right center; /*left:167px;*/ top:95px; left:489px}
.xijie .xjx{ width:0}
.xijie .wen04 h4{ text-align:right}
.xijie .wen05 h4{ text-align:right}
.xijie .wen02 h4{ text-align:right}
.xijie .wen01{ left:30px; top:70px; display:none}
.xijie .wen02{ right:40px; top:380px; display:none}
.xijie .wen03{ left:40px; top:410px; display:none}
.xijie .wen04{ right:48px; top:100px; display:none}
.xijie .wen05{ right:50px; top:240px; display:none}
.xijie .wen06{ left:30px; top:230px; display:none}
.xijie .phone{ overflow:hidden; background:url(Img/Index/xijie_phone.png) no-repeat left center; padding-left:40px; right:0; bottom:50px; display:none}
.xijie .phone h5{ float:left; font-size:22px; color:#e22c08; font-family:Arial;}
.xijie .phone h5 span{ font-size:13px; color:#666; font-family:'微软雅黑'; display:block; margin-bottom:5px; font-weight:normal;}
.xijie .phone a{ display:block; width:117px; height:35px; text-align:center; line-height:35px; font-size:14px; color:#fff; margin-left:10px; margin-top:5px; background-color:#e22c08; float:left;}

/*合作*/
.hezuo{ overflow:hidden; width:100%; padding:40px 0; background:url(Img/Index/hz_bg.jpg) repeat center;}
.hezuo .hztitle{ overflow:hidden; width:1000px; margin:0 auto; margin-bottom:25px;}
.hezuo h3{ float:left; font-size:20px;}
.hezuo h3 a{ color:#fff;}
.hezuo h3 p{ font-size:14px; color:#c4c4c4; font-family:Arial; font-weight:normal;}
.hezuo .more{ float:right; font-size:13px; color:#fff; background:url(Img/Index/hz_more.png) right center no-repeat; padding-right:15px; margin-top:10px;}
.hezuo .hzBox{ overflow:hidden; width:1060px; margin:0 auto; height:99px; position:relative;}
.hezuo .hzBox span{ display:block; width:29px; height:38px; cursor:pointer; position:absolute; top:30px;}
.hezuo .hzLeft{ left:0; background:url(Img/Index/hz_btn.png) no-repeat center top;}
.hezuo .hzRight{ right:0; background:url(Img/Index/hz_btn.png) no-repeat center bottom;}
.hezuo .hzWin{ overflow:hidden; width:1000px; margin:0 auto; height:99px; position:relative}
.hezuo .hzWin ul{ overflow:hidden; position:absolute}
.hezuo .hzWin li{ float:left; width:192px; height:99px; overflow:hidden; margin-right:10px;}

/*优势*/
.youshi{ overflow:hidden; width:100%;}
.youshi h4{ font-size:20px; color:#2f2f2f;}
.youshi h4 b{ color:#0c7a4f;}
.youshi span{ display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px; margin-bottom:20px;}
.youshi p{ font-size:14px; line-height:36px; color:#333; background:url(Img/Index/youshi_p.png) no-repeat left center; padding-left:15px;}
.youshi .phone{ overflow:hidden; background:url(Img/Index/youshi_phone.png) no-repeat left center; padding-left:40px; margin-top:30px; margin-left:165px;}
.youshi .phone h5{ float:left; font-size:22px; color:#0c7a4f; font-family:Arial;}
.youshi .phone h5 em{ font-size:13px; color:#666; font-family:'微软雅黑'; display:block; margin-bottom:5px; font-weight:normal;}
.youshi .phone a{ display:block; width:117px; height:35px; text-align:center; line-height:35px; font-size:14px; color:#fff; margin-left:10px; margin-top:5px; background-color:#0c7a4f; float:left;}
.youshi .youshi_t{ overflow:hidden; width:100%; height:195px; background:url(Img/Index/youshi_01.jpg) no-repeat center top;}
.youshi .youshi01{ overflow:hidden; width:100%; height:321px; background:url(Img/Index/youshi_02.jpg) no-repeat center top;}
.youshi .youshi02{ overflow:hidden; width:100%; height:347px; background:url(Img/Index/youshi_03.jpg) no-repeat center top;}
.youshi .youshi03{ overflow:hidden; width:100%; height:341px; background:url(Img/Index/youshi_04.jpg) no-repeat center top;}
.youshi .youshi04{ overflow:hidden; width:100%; height:296px; background:url(Img/Index/youshi_05.jpg) no-repeat center top;}
.youshi .youshi01 .wen,
.youshi .youshi03 .wen{ margin-left:60px; margin-top:5px;}
.youshi .youshi02 .wen,
.youshi .youshi04 .wen{ margin-left:535px; margin-top:5px;}

/*评价*/
.pingjia{ overflow:hidden; margin:40px auto;}
.pingjia .pjtitle{ overflow:hidden; margin-bottom:25px; width:1005；}
.pingjia h3{ float:left; font-size:20px;}
.pingjia h3 a{ color:#2f2f2f;}
.pingjia h3 b{ color:#0c7a4f;}
.pingjia h3 p{ font-size:14px; color:#999; font-family:Arial; font-weight:normal;}
.pingjia .more{ float:right; font-size:12px; color:#999; background:url(Img/Index/pj_more.png) no-repeat right center; padding-right:15px; margin-top:15px;}
.pingjia .pjBox{ overflow:hidden; width:1080px; height:352px;}
.pingjia dl{ overflow:hidden; width:470px; float:left; height:161px; margin-right:60px; margin-bottom:30px;}
.pingjia dt{ overflow:hidden; float:left}
.pingjia dd{ overflow:hidden; width:255px; float:right}
.pingjia dd h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.pingjia dd h4 a{ color:#000}
.pingjia dd p{ font-size:13px; color:#333; line-height:20px; height:60px; overflow:hidden; margin-bottom:15px;}
.pingjia dd .xq{ display:block; width:91px; height:27px; text-align:center; line-height:27px; background-color:#acacac; font-size:13px; color:#fff;}

/*流程*/
.liucheng { overflow:hidden; width:100%; height:275px;}
.liucheng h3{ text-align:center; font-size:26px; color:#fff; margin-top:30px;}
.liucheng h3 img{ margin:0 10px; position:relative; top:-10px;}
.liucheng p{ font-size:14px; color:#fff; text-align:center; margin-top:5px;}

/*about*/
.about{ overflow:hidden; width:100%; padding:35px 0; background:url(Img/Index/pro_bg.png) repeat center;}
.about h3{ text-align:center; font-size:26px;}
.about h3 a{ color:#0c7a4f;}
.about span{ display:block; text-align:center; font-size:18px; color:#999; margin-bottom:15px;}
.about img{ display:block; margin:0 auto; border:10px solid #fff; margin-bottom:25px;}
.about h4{ font-size:14px; margin-bottom:15px; text-align:center;}
.about h4 a{ color:#333;}
.about p{ font-size:13px; line-height:27px; color:#333; text-align:center; width:940px; margin:0 auto;}
.about .btn{ overflow:hidden; width:270px; margin:0 auto; margin-top:25px;}
.about .btn a{ display:block; width:115px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; float:left; margin:0 10px;}
.about .btn .a01{ background-color:#2f2f2f}
.about .btn .a02{ background-color:#0c7a4f}

/*team*/
.team { overflow:hidden; width:100%; height:401px; background:url(Img/Index/team_bg.jpg) no-repeat center top; padding:30px 0;}
.team .team_t{ width:250px; height:340px; position:relative; float:left; padding-left:40px; background:url(Img/Index/team_left.png) repeat center; padding-top:60px;}
.team .team_t i{ display:block; width:260px; height:395px; border:1px solid #fff; opacity:0.3; position:absolute; left:15px; top:-16px; z-index:1}
.team h3{ position:relative; z-index:2; font-size:26px; font-weight:normal;}
.team h3 a{ color:#fff}
.team p{ font-size:16px; color:#fff; margin-bottom:35px;}
.team h4{ font-size:23px; color:#fff;}
.team em{ display:block; font-size:13px; color:#fff;}
.team span{ display:block; font-size:22px; color:#fff; font-family:Arial; margin-bottom:10px;}
.team .dingzhi{ display:block; width:133px; height:38px; text-align:center; line-height:38px; font-size:16px; color:#0c7a4f; background-color:#fff; position:relative; z-index:2; text-decoration:none;}
.team .team_tu01{ overflow:hidden; float:left; width:283px; margin-left:10px; height:400px;}
.team .team_tu01 img{ display:block; margin-bottom:10px;}
.team dl{ overflow:hidden; float:right; width:405px;}
.team dt{ overflow:hidden; margin-bottom:10px; width:415px;}
.team dt img{ display:block; float:left; margin-right:10px;}
.team dd{ overflow:hidden; position:relative;}
.team dd img{ display:block;}
.team dd .more{ display:block; width:93px; height:31px; background:url(Img/Index/team_more.png) no-repeat center; position:absolute; right:0; bottom:0}

/*news*/
.news { overflow:hidden; width:100%; padding:40px 0; background:url(Img/Index/pro_bg.png) repeat center;}
.news .menu{ overflow:hidden; width:156px; float:left;}
.news .menu li{ overflow:hidden; padding-left:30px; width:126px; padding-top:20px; height:52px; background-color:#2f2f2f; font-weight:bold; font-size:16px; margin-bottom:10px; cursor:pointer}
.news .menu li a{ color:#fff;}
.news .menu li p{ font-weight:normal; color:#fff; font-size:12px; opacity:0.3; filter:alpha(opacity=0.3); margin-top:5px;}
.news .menu li.cur{ background-color:#0c7a4f;}
.news .newsBox{ overflow:hidden; width:500px; height:380px; position:relative; float:left; margin-left:12px;}
.news .newsList{ overflow:hidden; width:500px; height:380px;}
.news .newsList dl{ overflow:hidden; margin-bottom:25px;}
.news .newsList dt{ overflow:hidden; float:left;width:201px; height:144px; padding:9px; border:1px solid #ccc;}
.news .newsList dd{ overflow:hidden; float:left; width:260px; float:right;}
.news .newsList h4{ font-size:16px; font-weight:normal; margin-top:5px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsList h4 a{ color:#333}
.news .newsList p{ font-size:13px; line-height:24px; height:72px; color:#333; overflow:hidden;}
.news .newsList .xq{ margin-top:10px; display:block; width:99px; height:29px; text-align:center; line-height:29px; font-size:13px; color:#fff; background-color:#ababab;}
.news .newsList ul{ overflow:hidden; width:100%;}
.news .newsList li{ width:100%; background:url(Img/Index/news_s.png) no-repeat left center; font-size:13px; color:#333; line-height:40px; overflow:hidden;*float:left;}
.news .newsList li a{ display:block; margin-left:12px; width:330px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; color:#333;}
.news .newsList li span{ float:right}
.news .wenda{ overflow:hidden; width:310px; float:right}
.news .wenda .news_title{ overflow:hidden; width:100%; margin-bottom:17px;}
.news .news_title h3{ float:left; font-size:18px;}
.news .news_title h3 a{ color:#0c7a4f;}
.news .news_title span{ margin-left:5px; font-weight:normal; font-size:12px; color:#999; font-family:Arial;}
.news .news_title .more{ float:right; margin-top:10px; font-size:12px; color:#666;}
.news .wdBox{ overflow:hidden; width:100%; height:335px; position:relative}
.news .wdList{ overflow:hidden; width:100%; padding-bottom:18px; margin-bottom:18px; border-bottom:1px dashed #ccc;}
.news .wdList h5{ font-size:14px; font-weight:normal; background:url(Img/Index/new_wen.png) no-repeat left center; line-height:24px; padding-left:30px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .wdList h5 a{ color:#000}
.news .wdList p{ background:url(Img/Index/news_da.png) no-repeat left top; line-height:24px; height:48px; overflow:hidden; padding-left:30px; font-size:13px; color:#333;}

/*link*/
.link{ overflow:hidden; padding:35px 0;}
.link h3{ font-size:20px; float:left;}
.link h3 a{ color:#0c7a4f;}
.link h3 span{ font-size:16px; font-weight:normal; color:#999; font-family:Arial; margin-left:5px;}
.link ul{ overflow:hidden; float:right; width:860px;}
.link li{ float:left; font-size:13px; color:#666; margin:5px 20px; white-space:nowrap;}
.link li a{ color:#666}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}





