﻿@charset "utf-8";
/* CSS Document */
/* -- 弹出窗口 -- */
#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;}
/*banner*/
.banner { overflow:hidden; width:100%; height:486px; background:url(../images/banner.jpg) no-repeat center top;  position:relative; z-index:1}
#flashs{ position:relative; height:486px; overflow:hidden;    z-index: 1;   top: 0;    width: 100%;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:25px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#4b9b04;}


.search { overflow:hidden; width:100%; height:69px; background:url(../images/search_bg.png) no-repeat center top;  position:relative; z-index:3}
.search p{ float:left; line-height:69px; font-size:13px; color:#333;}
.search p a{ color:#666; margin:0 15px;}
.search .sbox{ overflow:hidden; float:right; width:280px; height:42px; margin-top:14px;}
.search .sbox input{ float:left; width:210px; padding:0 10px; height:42px; border:none; outline:none; line-height:42px; color:#999; font-size:13px;}
.search .sbox .btn{border:none; display:block; width:50px; height:42px; background:url(../images/search.jpg) no-repeat center; float:right; cursor:pointer}

/*特点*/
.tedian { overflow:hidden; width:100%; height:690px; background-color:#ebebeb}
.tedian h2{ text-align:center; font-size:26px; color:#4b9b04; margin-top:60px; margin-bottom:10px;}
.tedian h2 span{ color:#ff5a00;}
.tedian p{ font-size:26px; color:#fcf9a4; text-align:center; line-height:47px;font-weight:bold; margin-bottom:24px;  background:url(../images/cjtbg01.png) no-repeat center; }
.tedian .menu{ overflow:hidden; width:1000px; margin:0 auto; height:57px; padding-bottom:5px; margin-bottom:15px;}
.tedian .menu li{ float:left; cursor:pointer; width:499px; margin-right:1px; height:57px; background-color:#333; position:relative; text-align:center; line-height:57px; font-size:18px;  color:#fff;    font-weight: bold;}
.tedian .menu li img{ display:none; position:absolute; left:50%; margin-left:-20px; bottom:-5px;}
.tedian .menu li.cur{ background-color:#4b9b04; color:#fff;}
.tedian .menu li.cur img{ display:block}
.tedian .tdbox{ overflow:hidden; width:1000px; margin:0 auto; height:405px; position:relative}
.tedian .tdbox ul{ overflow:hidden; width:4000px; height:405px; position:absolute; left:0; top:0}
.tedian .tdbox li{ float:left; width:1000px; height:405px; overflow:hidden}

/*pro*/
.pro { overflow:hidden; width:1000px; margin:60px auto;}
.pro .proleft {  width:210px; float:left; background-color:#ebebeb;}
.pro .proleft h2{ font-size:20px; padding-left:50px; height:73px; line-height:73px; width:160px; background-color:#4b9b04;}
.pro .proleft h2 a{ color:#fff;}
.pro .proleft h3{ font-size:16px; font-weight:normal; margin:15px 0;  background:url(../images/proleft01.png) no-repeat 20px 6px; display:block; position:relative;}
.pro .proleft h3 a{ color:#3e3e3e;}
.pro .proleft h3 .dalei{ padding-left:50px;}
.pro .proleft h3 img{ display:inline-block;}
.pro .proleft i{ display:block; width:100%; height:2px; background:url(../images/proleft03.png) repeat center;}
.pro .proleft ul{width:200px; padding-left:10px; margin:10px 0 0 0; display:none; position:absolute; z-index:999; left:130px; top:-15px;background-color:#ebebeb;}
.pro .proleft li{ padding-left:12px; background:url(../images/proleft02.png) no-repeat left center; font-size:13px; line-height:30px; float:left; margin-right:8px;}
.pro .proleft li a{ color:#333;}
.pro .proleft h3:hover ul{ display:block;}
.pro .proleft .plimg{ overflow:hidden; width:190px; padding:40px 0 50px 0; background-color:#e0e0e0; padding-left:20px;}
.pro .proleft .plimg img{ display:block; margin-bottom:25px;}
.pro .proleft .plimg .phone{ overflow:hidden; padding-left:40px; background:url(../images/phone.png) no-repeat left center;}
.pro .proleft .plimg p{ font-size:18px; color:#ff5a00;}
.pro .proleft .plimg span{ display:block; font-size:20px; color:#4b9b04;}
.pro .proright { overflow:hidden; float:right; width:770px;}
.pro .proright .ptop {overflow:hidden;width:100%;margin-bottom:28px;padding-bottom: 2px;border-bottom:1px solid #4b9b04;margin-top: 0;}
.pro .proright .ptop h3{ float:left; font-size:33px;}
.pro .proright .ptop h3 a{color:#ff5a00;vertical-align: super;}
.pro .proright .ptop p{float:right;font-size:30px;color:#4b9b04;font-family:Arial;font-weight:lighter;padding-left:30px;background:url(../images/proright.png) no-repeat left center;line-height:25px;margin-top: 30px;}
.pro .proright ul{ overflow:hidden; width:110%; height:740px;}
.pro .proright li{ float:left; width:243px; height:254px; margin-right:20px;}
.pro .proright li img{ display:block; border:10px solid #ebebeb; margin-bottom:15px;}
.pro .proright li span{ display:block; text-align:center; font-size:14px; color:#333}
.pro .proright li a{ display:block; text-decoration:none}
.pro .proright li:hover img{ border-color:#4b9b04}
.pro .proright li:hover span{ color:#4b9b04;}


/*合作伙伴*/
.par{ overflow:hidden; width:100%; background-color:#fff; border-top:5px solid #EBEBEB;}
.par .parBox h3{ font-size:20px; text-align:center; margin-top:30px; background:url(../images/par_tit.png) no-repeat center;}
.par .parBox h3 a{ color:#4B9B04;}
.par .parBox p{ color:#d9d9d9; text-align:center; font-size:14px; margin-bottom:15px;}
.par .par01{ width:100%; position:relative; margin-bottom:35px; }
.par .par01 em{ display:block; width:40px; height:40px; cursor:pointer; position:absolute; top:20px;}
.par .par01 .parLt{ background:url(../images/parter_anlt.png) no-repeat center top; left:-20px;} 
.par .par01 .parRt{ background:url(../images/parter_anrt.png) no-repeat center top; right:-20px;}  
.par .par01 em:hover{ background-position:bottom;} 
.par .par02{ overflow:hidden; width:895px;height:110px; position:relative; margin:0 auto; margin-top:20px; }
.par .list{position:absolute; top:0;left;0; width:105%;}
.par .list li{ width:164px; height:110px;  margin-right:15px; float:left;}
.par .list li img{ display:block; border:1px solid #e3e3e3;}
.par .list li span{ display:block; text-align:center; font-size:13px; color:#333333; margin-top:15px;}
/*ad01*/
.ad01 { overflow:hidden; width:100%; height:194px; background:url(../images/ad01.jpg) no-repeat center;}
.ad01 .phone{ overflow:hidden; float:right; padding-left:45px; background:url(../images/phone.png) no-repeat left top; margin-top:55px;}
.ad01 .phone p{ font-size:20px; color:#666;}
.ad01 .phone span{ display:block; font-size:20px; color:#4b9b04; font-family:Arial; margin-bottom:20px;}
.ad01 .phone a{ display:block; margin-left:-45px; width:167px; height:40px; text-align:center; font-size:13px; color:#fff; background-color:#ff5a00; line-height:40px; text-decoration:none;}

/*case*/
.case { overflow:hidden; width:1000px; margin:60px auto}
.case h2{ text-align:center; font-size:30px; color:#4b9b04; margin-bottom:10px;}
.case h3{ margin-bottom:5px; text-align:center; font-weight:normal; font-size:25px; color:#333;}
.case h3 em{ color:#4b9b04}
.case p{ font-size:20px; color:#fcf9a4; text-align:center; margin-bottom:30px; line-height:47px; background:url(../images/cjtbg02.png) no-repeat center}
.case .menu{ overflow:hidden; width:832px; margin:0 auto; padding-bottom:5px; margin-bottom:25px;}
.case .menu li{ float:left; width:207px; height:53px; margin-right:1px; position:relative; text-align:center; line-height:53px; font-size:16px; background-color:#ebebeb}
.case .menu li a{ display:block; text-decoration:none}
.case .menu li img{ display:none; position:absolute; left:50%; margin-left:-20px; bottom:-5px;}
.case .menu li.cur{ background-color:#4b9b04;}
.case .menu li.cur a{ color:#fff;}
.case .menu li.cur img{ display:block}
.case .caseBox { overflow:hidden; width:100%; height:280px; position:relative}
.case .caseList{ overflow:hidden; width:100%; height:280px; position:relative}
.case .caseList ul{ overflow:hidden; position:absolute}
.case .caseList li{ float:left; width:320px; height:280px; margin-right:20px;}
.case .caseList li img{ display:block; border:10px solid #ebebeb; margin-bottom:10px;}
.case .caseList li a{ display:block; text-align:center; text-decoration:none; font-size:13px; color:#666;}

/*优势*/
.youshi { overflow:hidden; width:100%; padding:60px 0; background-color:#ebebeb;}
.youshi h2{ text-align:center; font-size:45px; color:#4b9b04; margin-bottom:10px;}
.youshi span{ display:block; text-align:center; font-size:20px; color:#fcf9a4; height:38px; line-height:38px; margin-bottom:35px;background:url(../images/cjtbg03.png) no-repeat center}
.youshi .ysBox{ overflow:hidden; width:1000px; height:1905px; background:url(../images/ys_bg.jpg) no-repeat center top; margin:0 auto;}
.youshi h3{ font-size:28px; color:#4b9b04}
.youshi h4{ font-weight:normal; font-size:24px; color:#333; margin-bottom:5px;}
.youshi em{ display:block; font-size:14px; color:#ccc; margin-bottom:10px;}
.youshi p{ font-size:14px; color:#666; padding-left:20px; background:url(../images/ys_s.png) no-repeat left 12px; line-height:35px;}
.youshi a{ display:block; width:140px; height:44px; text-align:center; line-height:44px; background-color:#ff5a00; font-size:13px; color:#fff; margin-top:20px;}
.youshi a img{ position:relative; margin-right:5px; top:5px;}
.youshi .wen01{ margin-left:140px; margin-top:67px;}
.youshi .wen02{ margin-left:560px; margin-top:85px;}
.youshi .wen03{ margin-left:140px; margin-top:110px;}
.youshi .wen04{ margin-left:560px; margin-top:110px;}
.youshi .wen05{ margin-left:140px; margin-top:110px;}
.youshi .wen06{ margin-left:560px; margin-top:135px;}

/*ad02*/
.ad02 { overflow:hidden; width:100%; height:194px; background:url(../images/ad02.jpg) no-repeat center;}
.ad02 .phone{ overflow:hidden; float:right; padding-left:45px; background:url(../images/ad02-p.png) no-repeat left top; margin-top:55px; margin-right:188px;}
.ad02 .phone p{ font-size:13px; color:#fff;}
.ad02 .phone span{ display:block; font-size:20px; color:#fff; font-family:Arial; margin-bottom:20px;}
.ad02 .phone a{ display:block; margin-left:-45px; width:167px; height:40px; text-align:center; font-size:13px; color:#fff; background-color:#ff5a00; line-height:40px; text-decoration:none;}

/*about*/
.about { overflow:hidden; width:100%; height:783px; background:url(../images/about_bg.jpg) no-repeat center top;}
.about .about_box{ overflow:hidden; width:1000px; margin:0 auto; height:314px; background-color:#fff; margin-bottom:20px; margin-top:60px;}
.about .about_box img{ display:block; float:left}
.about .about_box .wen{ float:right; width:415px; margin-right:30px; margin-top:45px;}
.about .about_box h3{ font-size:24px; font-weight:normal; margin-bottom:24px;}
.about .about_box h3 a{ color:#4b9b04;}
.about .about_box p{ font-size:13px; color:#666; line-height:22px; text-align:justify}
.about .about_tu{ overflow:hidden; width:1000px; margin:0 auto; height:330px; background-color:#fff;}
.about .menu{ overflow:hidden; width:340px; margin:0 auto; padding-bottom:5px; margin-top:34px; margin-bottom:23px;}
.about .menu li { display:block; float:left; width:169px; margin-right:1px; height:47px; text-align:center; line-height:47px; font-size:16px; background-color:#333; position:relative}
.about .menu li a{ display:block; color:#fff; text-decoration:none;}
.about .menu li img{ display:none; position:absolute; left:50%; margin-left:-20px; bottom:-5px;}
.about .menu li.cur{ background-color:#4b9b04;}
.about .menu li.cur img{ display:block}
.about .tubox { overflow:hidden; width:900px; margin:0 auto; height:200px; position:relative}
.about .tulist { overflow:hidden; width:900px; height:200px; position:relative}
.about .tulist ul{ overflow:hidden; position:absolute}
.about .tulist li{ float:left; width:211px; height:200px; margin-right:18px;}
.about .tulist li img{ display:block; margin-bottom:10px;}
.about .tulist li a{ display:block; text-align:center; font-size:14px; color:#333;}

/*留言*/
.liuyan { overflow:hidden; width:1000px; margin:55px auto;}
.liuyan .wen{ overflow:hidden; float:left; width:420px;}
.liuyan .wen span{ display:block; font-size:16px; color:#333; margin-bottom:10px;}
.liuyan .wen em{ font-weight:bold; font-size:18px; color:#333; margin-bottom:10px; display:block}
.liuyan .wen b{ display:block; width:410px; height:46px; text-align:center; line-height:46px; font-size:26px; color:#fff; background-color:#4b9b04; margin-bottom:10px;}
.liuyan .phone{ padding-left:50px; background:url(../images/phone.png) no-repeat left center;}
.liuyan .phone p{ font-size:13px; color:#666;}
.liuyan .phone h3{ font-weight:normal; font-size:20px; color:#4b9b04; font-family:Arial}
.liuyan ul{ overflow:hidden; float:right; width:554px;}
.liuyan li{ float:left; width:267px; height:44px; margin-left:10px; margin-bottom:10px; overflow:hidden; display:block;}
.liuyan input{ display:block; width:205px; height:42px; *height:40px; border:1px solid #c1c1c1; padding-left:60px; line-height:42px; font-size:12px; color:#666; outline:none; *margin-left:-10px;}
.liuyan .comp{ background:url(../images/liuyan01.png) no-repeat left center;}
.liuyan .time{ background:url(../images/liuyan02.png) no-repeat left center;}
.liuyan .name{ background:url(../images/liuyan03.png) no-repeat left center;}
.liuyan .text{ background:url(../images/liuyan04.png) no-repeat left center;}
.liuyan .dianhua{ background:url(../images/liuyan05.png) no-repeat left center;}
.liuyan li span{ display:block; width:129px; height:44px; text-align:center; line-height:44px; font-size:12px; color:#fff; cursor:pointer; float:left}
.liuyan li .s01{ background-color:#4b9b04; margin-right:9px;display:block; width:129px; height:44px; text-align:center; line-height:44px; font-size:12px; color:#fff; cursor:pointer; float:left; border:0;}
.liuyan li .s02{ background-color:#ff5a00;}

.xian{ overflow:hidden; width:100%; height:3px; background-color:#e5e5e5}

/*news*/
.news { overflow:hidden; width:1032px; margin:60px auto;}
.news .newslist{ overflow:hidden; float:left; width:312px; margin:0 16px; height:360px;}
.news .newslist h2{ overflow:hidden; font-size:20px; padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #e5e5e5;}
.news .newslist h2 a{ color:#333; display:block; float:left; padding-left:12px; border-left:#4b9b04 3px solid ;}
.news .newslist img{ display:block; margin:0 auto; margin-bottom:20px;}
.news .newslist h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; font-weight:normal; margin-bottom:10px;}
.news .newslist h3 a{ color:#333}
.news .newslist em{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#333; margin-bottom:15px;}
.news .newslist .list{ overflow:hidden; width:100%; padding-top:15px; border-top:1px dotted #ccc;}
.news .newslist .list li{ *float:left; overflow:hidden; font-size:14px; line-height:34px; padding-left:10px; width:302px; background:url(../images/ys_s.png) no-repeat left center;}
.news .newslist .list li a{ display:block; float:left; width:210px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-left: 6px;}
.news .newslist .list li span{ float:right; font-size:12px; color:#333; font-family:Arial;}
.news .wenda { overflow:hidden; width:100%; height:290px; position:relative}
.news .wenda ul{ overflow:hidden; width:100%; position:absolute}
.news .wenda li{ overflow:hidden; width:100%; height:79px; border-bottom:1px dotted #ccc; margin-bottom:22px;}
.news .wenda h5{ font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:15px; padding-left:30px; background:url(../images/news_w.jpg) no-repeat left center; margin-bottom:13px; line-height:21px;}
.news .wenda h5 a{ color:#4b9b04;}
.news .wenda p{ font-size:14px; color:#333; padding-left:30px; line-height:21px; background:url(../images/news_da.jpg) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}