/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0;/*transition:all 300ms ease;*/ }
html { height:100%; }
body  { max-width:1920px; min-width:1200px; margin:0 auto; font:14px/2 'Microsoft Yahei', Arial; color:#666;background:#fff;}
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:15px; font-weight:normal; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#4ab344; }
a:link,
a:link img,
input { -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; transition:all .5s linear; }
.fl{float:left;}
.fr{float:right;}

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap,
.wrapper,.w { width:1100px; margin:0 auto; position:relative; }
.wrapper { padding:30px 0 50px;}


/*head*/
.head{ width:100%; height:40px; background:#f4f4f4;}
.head_a{ width:1100px; height:40px; margin:0 auto;}
.head_a .head_left{ float:left; color:#262626; line-height:40px;} 
.head_a .head_right{ float:right; line-height:40px; color:#262626;}
.head_a .head_right a{ line-height:30px; display:inline-block; color:#262626;padding-left: 8px;}

/*top*/
.top{ width:1100px; height:117px; margin:0 auto;}
.top_left{ float:left; height:80px; padding:20px 0 17px;}
.top_left .logo_l{ margin: 10px 14px 0 0;height:80px; display:block; float:left;}
.top_left .logo_r{ float:left; height:80px; background:url(img/logo_x.jpg) no-repeat left center; padding-left:14px;}
.top_left .logo_r h1{ color:#4ab344; font-weight:bold; line-height:40px; font-size:26px;}
.top_left .logo_r h2{ color:#000000; font-size:18px; line-height:26px;}
.top_right{ float:right; text-align:left; background:url(img/htel.jpg) no-repeat left center; padding-left:74px;height: 50px;margin-top: 36px;}
.top_right h1{ font-size:24px; color:#4ab344; font-weight:bold;line-height: 62px;height: 50px;}

/*nav*/
.nav{width:100%;height:46px; position: relative;z-index: 5;background:url(img/nav_bg.jpg) left bottom repeat-x; }
.nav ul{ width:1100px; height:46px; margin:0 auto;}
.nav li{float:left; height:40px; padding-top: 6px;  position:relative; text-align:center; background-position:center -70px;  transition: background .3s;  -webkit-transition: background .3s;}
.nav li > a{ display:block; width:122px; height:40px; line-height:40px; color:#585858; font-size:15px;}
.nav li:hover{background:url(img/nav_hover.png) center 0px no-repeat ; }
.nav li:hover a,.nav li.hover a{ color:#fff;}
.nav li.hover{background:url(img/nav_hover.png) center 0px no-repeat ;}

/*subNav*/
.subNav{padding: 6px 0; width:118px; height:auto; position:absolute; z-index:99; left:4px; top:40px;display:none;}
.nav ul li .subNav a{ width: 118px; line-height:30px;  height:30px; font-size:14px; display:block; color:#fbfdfe;border-top:1px solid #fff;  background:#4ab344; }
.nav ul li .subNav a:first-child { border-top:0;}
.nav ul li .subNav a:hover{ background:#000000;}


/*banner*/
.banner { height:554px; background:#FFF; position:relative; min-width:1000px;  overflow:hidden;background:none repeat scroll 0 0; z-index:0; }
.banner .main { width:1000%; overflow:hidden; }
.banner .scroll { overflow:hidden; height:554px; width:100%; }
.banner .scroll ul { width:500%; height:554px; }
.banner .scroll li { width:1920px; height:554px; float:left; }
.banner .scroll img { width:100%; height:554px; }
/* 左右按钮 */
.banner .btn { width:1400px; height:74px; position:absolute; left:50%; margin-left:-672px; z-index:1; top:214px;}
.banner .btn .arrow_l { width:60px; height:74px; background: url(img/bprev.jpg) 0 0 no-repeat; position:absolute; top:40px; left:20px; cursor:pointer; }
.banner .btn .arrow_r { width:60px; height:74px; background:url(img/bnext.jpg) 0 0 no-repeat; position:absolute; top:40px; right:20px; cursor:pointer; }
/*滚动按钮*/
.banner .tip{position: absolute;bottom: 30px;left: 50%;margin-left: 172px;width: 300px;height: 20px;}
.banner .tip span{ float:left; display:block; width:82px; height:10px; background:#4ab344; cursor: pointer; margin: 0 5px;}
.banner .tip .cur{width:82px; height:10px; background:#fff;}

/* minbanner */
.minBanner{position: relative;overflow: hidden;width: 100%;height: 300px; z-index:0;}
.minBanner .banner1{width:1920px;height:300px;margin:0 auto;}
.minBanner .banner1 li{float:left;width:1920px;height:300px;text-align:center;}
.minBanner .tip{position: absolute;bottom: -18px;left: 50%;width: 300px;height: 42px; margin-left: 372px;}
.minBanner .tip span{float:left; display:block; width:38px; height:12px; background:#fff;cursor: pointer; margin: 0 5px;}
.minBanner .tip .cur{width:38px; height:12px; background:#4ab344;}


/*skey*/
.gnl{ width:100%; height:60px; border-bottom:1px solid #e5e5e5;}
.gnl1{ width:1100px; height:60px; margin:0 auto;}
.resou{ float:left; height:58px; text-align:left; color:#000000; font-size:14px; line-height:58px;}
.resou a{  line-height:58px; height:58px;  }
.skey{position: relative;margin-top: 10px;border: 2px solid #dfdfdf;border-radius: 2px; width:300px; height:35px; float:right;}
.skey .txt1{ width:246px; float:left; border:0; line-height:35px; height:35px; text-indent:10px; color:#6a6868; font-size:14px;}
.skey .submit{ position: absolute;right: 18px;top: 2px;width:31px; height:31px; background:url(img/search.jpg) no-repeat; float:left; border:none; cursor:pointer;}

/*公用头部*/
.itop{ width:374px; height:120px; margin:0 auto; padding-top:60px;}
.itop h1{ width:374px; height:92px; text-align:center; font-size:30px; color:#292929; background:url(img/pei.png) bottom center no-repeat;}
.itop span{ font-size:16px; color:#292929;text-transform:uppercase;display: block;text-align: center;line-height: 18px;}

/*ipro*/
.ipro{height: 265px;margin-top: 22px;}
.ipro .classify{text-align:center;}
.ipro .classify li{ position: relative;float: auto;width: 240px;margin:0  10px;padding-top: 204px;text-align: center;height: 66px;transition: transform .5s;-webkit- transition: transform .5s;display:inline-block;*display:inline;*zoom:1;}
.ipro .classify li a.cover{width: 233px;height: 227px;background: url(img/proli.png) no-repeat left center;position: absolute;left: 24px;top: 16px;z-index: 3;}
.ipro .classify li:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.ipro .classify li .img{height: 210px;width:228px;position: absolute;left: 28px;top: 22px;z-index: 2;   margin:0 auto;}
.ipro .classify li b{position: absolute;top: 159px;left: 48px;z-index: 20;line-height: 40px;text-align: center;font-size: 16px;color: #000000;display: block;width: 182px;height:40px;line-height:40px; background: url(img/icon.png)  center center repeat;}

/*inpro*/
.inpro{ width:1100px; height:auto; margin:10px auto 0;}
.inpro_tit{width:1100px;height:110px;margin:0 auto; position:relative;padding:10px 0 20px 0;}
.inpro_tit h1{ text-transform:uppercase;color:#4ab344; text-align:center;font-weight:bold; font-size:26px; height:74px; line-height:66px; position:relative; z-index:99;background:url(img/line.png) bottom center no-repeat;}
.inpro_tit span {display:block;height: 50px;text-align: center;color:#2f2f2f;font-size:20px;}
.inpro_nei{ width:1100px; height:auto; overflow:hidden; position:relative;}
.inpro_nei .inpro_fenlei{ width:1100px; height:35px;}
.inpro_nei .inpro_fenlei a{ width:150px; height:35px; line-height:35px; display:block; font-size:18px; color:#292929; margin-left:28px; text-align:center; float:left;}
.inpro_nei .inpro_fenlei a:first-child{background:none;}
.inpro_nei .inpro_fenlei a:hover{ background:#0b69c9; color:#ffffff;background:url(img/line3.jpg) bottom center no-repeat;}
.inpro_nei .inpro_fenlei a.on{ background:#ffffff; color:#4ab344;background:url(img/line3.jpg) bottom center no-repeat;}
.inpro_nei .inpro_box{ height:516px; position:relative;}
.inpro_nei .inpro_box .inpro_t{ width:1100px; height:516px; float:left;}
.inpro_t a{ display:block; width:255px; height:226px;display:block; float:left; margin:30px 0 0 14px; }
.inpro_t a h1{font-size:16px; color:#292929; line-height:35px;}
.inpro_t img{ width:255px; height:191px; display:block;border:2px solid #fff; }
.inpro_t a:hover h1{color:#4ab344;}
.inpro_t a:hover img{border:2px solid #4ab344;}
.imo{width:154px;height:40px;line-height:40px;text-align:center;background:#4ab344;margin: 30px auto 40px;}
.imo a{display:block;color:#fff;}
.imo a:hover{background:#010101;color:#fff;}

/*iabout*/
.iabout{width:100%;height:640px;background: url(img/abbj.jpg)  center center no-repeat;}
.iabout .a_left{float:left;width:290px;height:640px;background: url(img/icon.png)  center center repeat;}
.iabout .a_left ul{padding: 60px 48px;}
.iabout .a_left li{position: relative;width:188px;height:98px;border:1px solid #4ab344;margin-bottom:30px;}
.iabout .a_left li h1{padding: 8px 0 0 26px;font-weight:bold;color:#4ab344;font-size:38px;line-height:40px;}
.iabout .a_left li em{display:block;position: absolute;top: 28px;left: 80px;width:18px;height:2px;background:#4ab344;}
.iabout .a_left li p{padding-left: 28px;font-size:18px;color:#4ab344;}
.iabout .a_right{float:right;width:760px;}
.iabout .a_right .ahead{width:760px;height:110px;margin:0 auto; position:relative;padding:10px 0 20px 0;}
.iabout .a_right .ahead h1{ text-transform:uppercase;color:#fff; text-align:center;font-weight:bold; font-size:26px; height:74px; line-height:66px; position:relative; z-index:99;background:url(img/line2.png) bottom center no-repeat;}
.iabout .a_right .ahead span {display:block;height: 50px;text-align: center;color:#fff;font-size:20px;}
.iabout .a_right .iabot{position: relative;z-index:2;width:692px;height:400px;background:url(img/icon2.png) center center repeat;}
.iabout .a_right .iabot .iabout_nei{position: absolute;z-index:10;top: 14px;left: 12px;width:668px;height:372px;background:#fff;}
.iabout .a_right .iabot .iacont{float:left;width:350px;padding: 42px 16px;color:#353535;}
.iabout .a_right .iabot img{margin-top: 24px;display:block;float:left;width:256px;height:316px;border:3px solid #4ab344;}
.iabout .a_right .a_foot{margin: 24px 0 0 186px;}
.iabout .a_right .a_foot a{display:block;float: left;border-radius: 4px;margin-left:20px;width:116px;height:34px;line-height:34px;text-align:center;background:#fff;color:#4ab344;}
.iabout .a_right .a_foot a:hover{background:#4ab344;color:#fff;}

/*icase*/
.icase{}
.ica_bot{ width:1100px;  overflow:hidden;}
.ica_bot ul{ overflow:hidden;}
.ica_bot li{ position:relative; float:left; width:256px; height:190px;margin-bottom: 28px;  margin-right:12px; background:url(img/xian.jpg) top center repeat-x;}
.ica_bot li a{ display: block;width:256px; }
.ica_bot li img{ width:256px; height:174px;  display: block;padding-top: 12px; -webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.ica_bot li:hover img{ transform: rotateY(360deg);-ms-transform: rotateY(360deg);	  -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.ica_bot li .itm{height: 0px;top: 80px;width:256px;left: 0px;background:url(img/cover.png) center repeat;position: absolute;text-align: center;overflow: hidden; cursor:pointer;color:#e62a05;}
.ica_bot li .itm a{display: block; height: 80px; padding-top: 68px; width: 256px;  color: #fff;  font-size: 20px; font-weight: bold; line-height: 30px;  }
.ica_bot li .itm a h1{float:left;}
.ica_bot li .itm a em,.ica_bot li .itm a i{float:left;margin-top: 14px;display: block;width:38px;height:2px;background:#fff;}
.ica_bot li .itm a em{margin-left: 20px;}
.ica_bot li .itm a i{}


/*info*/
.info{width:100%;height:231px;background: url(img/aabg.jpg)  center center no-repeat;}
.info1{width:1100px;height:231px;margin:0 auto;padding-top:70px;}
.info_left{float:left;width:524px;padding-left:20px;}
.info_left h1{font-size:27px;color:#fff;line-height:52px;}
.info_left span.green{font-weight:bold;color:#4ab344;}
.info_left p{line-height:29px;color:#ffffff;text-transform:uppercase;}
.info_right{float:right;width:425px;padding-top: 20px;}
.info_right a{display:block;float:left;margin-right: 58px;width:150px;height:44px;line-height:44px;text-align:center;color:#fff;background:#4ab344;}
.info_right a:hover{background:#fff;color:#4ab344;}


/*inews*/
.inews{ width:100%; height:578px; background:#f6f6f6;}
.inews_bot{padding-top:20px;}
.inews_l{position: relative;float:left;width:314px;height:352px;}
.inews_l img{display:block;width:314px;height:352px;}
.inews_l .inews_n1{position: absolute;width: 314px;height: 352px;top: 0;left: 0px;background: url(img/cover.png) center repeat;text-align: center;overflow: hidden;}
.inews_l .inews_n1 .neir{width: 282px;height: 318px;border:1px solid #fff;margin:16px;}
.inews_l .inews_n1 .neir h1{text-align:center;color:#ffffff;font-size:16px;padding: 50px 0 6px 0;}
.inews_l .inews_n1 .neir p{color:#ffffff;font-size:14px;padding:0 28px 20px;}
.inews_l .inews_n1 .neir .imore{display:block;width:148px;height:36px;line-height:36px;color:#fff;text-align:center;margin:0 auto;border: 1px solid #fff;}
.inews_l .inews_n1 .neir .imore:hover{background:#fefefe;color:#4ab344;}
.inews_r{float:right;width:766px;}
.inews_r .inews_n2{display:block;float:left;width: 356px;height: 170px;margin:0 0 12px 12px;background:#fff;}
.inews_r .inews_n2 img{height:100%;}
.inews_r .inews_n2 div{display:block;float:left;width: 104px;height: 140px;padding:14px;position:relative;overflow:hidden;}
.inews_r .inews_n2 .innews_nei{float:right;width: 218px;}
.inews_r .inews_n2 .innews_nei h1{padding-top: 18px;line-height:32px;color:#2f2f2f;font-size:16px;}
.inews_r .inews_n2 .innews_nei h1:hover{color:#4ab344;}
.inews_r .inews_n2 .innews_nei p{color:#2f2f2f;font-size:14px}


/*floor*/
.floor{width:100%; height:475px;background: url(img/conbg.jpg)  center center no-repeat;}
.w1100{ position: relative;width:1082px; height:386px;top:44px;margin:0 auto;background: url(img/mesbg.png)  center center no-repeat;}
.message{ float:left; padding:20px 0px 0px 52px; width:496px;}
.message .mtit{float:right;padding-top: 12px;width:38px;}
.message .mtit h1{padding-top: 10px;float:right;width:16px; height:260px; }
.message .mtit h1 img{ display:block;width:16px; height:260px;}
.message .mtit p{float:left;width:20px; height:260px; font-size:16px; color:#999999;}
.message .form{float:left;padding-top: 21px;width:424px;line-height:38px;color:#cacaca;font-size:12px;}
.message .form .name,.message .form .tel,.message .form .mail{width:100%;height:38px;margin-bottom:10px;border:1px solid #e0dfdf;}
.message .form label{display: block; float:left;width: 40px; height:38px; line-height:38px; text-align:center; background:#eaeaea; font-size:16px; color:#949494;}
.message .form .name label{background: url(img/liuyan1.jpg)  center center no-repeat;}
.message .form .tel label{background: url(img/liuyan2.jpg)  center center no-repeat;}
.message .form .mail label{background: url(img/liuyan3.jpg)  center center no-repeat;}
.message .form .code1  label{background: url(img/liuyan4.jpg)  center center no-repeat;}

.message #Name,.message #Phone,{height:28px;line-height:28px;width:322px;padding:0 4px;}
.message .form .msg{ margin-bottom:6px; color:#ffffff;}
.message .form .msg span{ font-size:14px; color:#949494;}
.message #Content{width:398px;padding:10px 12px;height:74px;border:1px solid #e0dfdf;}
.message .form .red{color:red;}
.message .form .code{ float: left;margin-top:10px;}
.message .form .code1{ float:left; width:126px; height:37px;border:1px solid #e0dfdf; }
.message #txtImageCode{float:left;height:36px;width:70px;padding:0 4px;}
.message #imgImageCheck{width:72px; height:34px; cursor:pointer;}
.form .code img{vertical-align: middle;*vertical-align: -4px;margin-left:14px;margin-right:8px;margin-bottom: 3px;}
.message .txt{ float:left;width:322px; height:36px; line-height:36px;padding-left: 12px;border: 0;}
.message .form .btn{ padding-top:13px;}
.message #sub{cursor:pointer; width:96px; height:36px; line-height:36px; text-align:center; background:#4ab344;border:0; color:#ffffff;}
.message .form .btn .rest{ margin-left:6px; border:0;cursor:pointer; width:96px; height:36px; line-height:36px; text-align:center; background:#4ab344; color:#ffffff;}


.icontact{ float:right;padding:32px 52px 0px 0px; width:426px;}
.icon_t{width: 396px;}
.ictit h1{color:#4ab344; font-size:22px; font-weight:bold;}
.ictit h1 span{color:#999999; font-weight:normal;font-size:16px;}
.ictit p{font-size:16px; color:#c4c4c8; line-height:30px;}
.ictel{ margin: 14px 0px 6px 0px; height:52px; background:url(img/htel.jpg) left center no-repeat;}
.ictel h1{ line-height: 25px;padding-left:76px;font-size:14px;color:#999999;}
.ictel span{ display:block;padding-left:76px;color:#999999;font-weight:bold;font-size:22px;line-height: 22px;}
.icot{font-size:14px; color:#999999;}


/*bottom*/
.footer{width:100%;height:54px;background:#4ab344;border-top:2px solid #fff;border-bottom:2px solid #fff;}
.footer ul{}
.footer li{float:left;width:122px;height:54px;line-height:54px;text-align: center;}
.footer li a{display: block;color:#fff;}
.footer li:hover{background:#191718;}
.bottom{height: 220px; background: #191718;color: #fff;padding-top: 6px;}
.bottom .ilink{ width: 326px; float: left;}
.bottom .ilink .ilink_tit{width: 272px; font-size: 14px;color: #fff;margin-left: 35px;padding-right: 14px;float: left;}
.bottom .ilink .ilink_tit span,.bt_m .ibtcon span{color: #fff;display: block; }
.bottom .ilink  a{color: #fff;margin: 10px 0 0 34px;}
.bottom .ilink  a:hover{color: #4ab344;}
.bt_m{ margin-top: 25px;color: #fff;}
.bt_m .ibtcon{width: 440px;padding:0 25px;float: left;border: 1px solid #383838;border-top: none;border-bottom: none;height: 170px; font-size: 14px;line-height: 38px;}
.bt_m .ibtcon a{ color: #fff;}
.bt_m .ibtcon a:hover,.boter a:hover{color: #4ab344;}
.bt_m .code{float: left;margin-left: 68px;width: 150px;}
.bt_m .code img{width: 150px;height: 150px;float: left;}
.bt_m .code span{width: 150px;font-size: 14px;color: #fff;display: block;text-align: center;} 

.boter{width:100%;height:40px;line-height:40px;background:#010101;color:#ffffff;font-size:14px;}
.boter .boter_mid{width:750px;margin:0 auto;}
.boter a{color:#ffffff;font-size:14px;}



/*toolbar*/
.toolbar { position:fixed; top:200px; right:1px; z-index:100;width: 50px; }
.toolbar > * { width:50px; height:50px; position:relative; margin:0 0 1px; }
.toolbar > * > a { display:block; width:50px; height:50px; }
.toolbar .qq { background:url(img/tip2.png) 5px 0px no-repeat #010101; }
.toolbar .tel { background:url(img/tip2.png) 5px -52px no-repeat #010101; }
.toolbar .code { background:url(img/tip2.png)  3px -102px no-repeat #010101; }
.toolbar .btop { background:url(img/tip2.png) 5px -154px no-repeat #010101; }
.toolbar .drop-code { position:absolute; top:-89px; right:51px; background:#4ab344; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:100px; height:100px; }
.toolbar .drop-code h3 { font-weight:normal;color:#fff; }
.toolbar .drop-tel { position:absolute; top:0; right:51px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:50px; line-height:50px;padding:0 0 0 10px; background:#4ab344; color:#FFF; font-size:20px; font-family:Arial; }
.toolbar .qq:hover { background:url(img/tip2.png) 5px 0px no-repeat #4ab344; }
.toolbar .tel:hover { background:url(img/tip2.png) 5px -52px  no-repeat #4ab344; }
.toolbar .code:hover { background:url(img/tip2.png)  3px -102px no-repeat #4ab344; }
.toolbar .btop:hover { background:url(img/tip2.png) 5px -154px no-repeat #4ab344; }


/*内页*/
.sidebar { float:left; width:260px; border: 2px solid #4ab344;background: #fff;position: relative;z-index: 10;}
.topclass { width:100%; height:80px;  color:#fff;background: #4ab344;  text-align: center;margin-bottom: 14px;text-transform: uppercase;}
.topclass h2 {font-size:20px; position: relative;padding-top: 10px;}
.topclass h2 i,.topclass h2 em{display: block;width: 5px;height: 5px;position: absolute;background: #fff;top: 38px;border-radius: 100%;}
.topclass h2 i{left: 68px; }
.topclass h2 em{right: 68px;}
.side-menu { }
.side-menu h2{color: #666;font-size: 18px;padding: 32px 0;text-align: center; }
.side-menu dd { position: relative;margin-bottom: 20px;}
.side-menu dd > a { display:block; height:42px; line-height:42px; text-align: center;font-size: 16px;width: 170px;margin-left:44px ;color: #666;border: 1px solid #666; }
.side-menu dd > a:hover{ color: #fff;background: #4ab344;border-color: #4ab344;}
.side-menu .drop {  display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu .drop a { display:block; text-align: center;  color: #4ab344;  }
.side-menu .drop a:hover,
.side-menu .drop li.current a{ font-weight: bold;color: #4ab344;}
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a {  color: #fff;background: #4ab344;border-color: #4ab344;}
.side-menu li.current > a {  }
.sidebar .tel1{background:#4ab344;height: 120px;padding-top: 20px;text-align: center;color: #fff;}
.sidebar .tel1 p{line-height: 1.6;font-size: 20px;  }
.sidebar .tel1 a.zixun{border: 2px solid #fff;text-align: center;display: block;margin: 0 auto;margin-top: 58px; width: 124px;height: 35px;line-height: 35px;font-size: 16px;color: #fff;}
.sidebar .tel1 a.zixun:hover{ text-decoration: underline; }


.subcomt {border: 1px solid #cacbcb;padding: 8px;}
.sobtitle {height: 46px;line-height: 46px;margin-bottom: 10px;background: #a9a9a9;}
.sobtitle p.fl {color: #592f2a;font-size: 24px;background: #4ab344;color: #fff;font-weight: bold;padding: 0 20px;}
.sobtitle .sitepath {padding: 0 34px;font-size: 14px;color:#fff;}
.sobtitle .sitepath a{color:#fff;}
.sobtitle .sitepath a:hover{color:#4ab344;}
.submian {position: relative;margin-top: 30px;}

.submian .subleft {width: 264px;}
.submian .subleft .sidebar{float: none;margin-bottom: 10px;}
.submian .subleft .titlex {    text-align: center;background: #4ab344;color: #fff;height: 82px;}
.submian .subleft .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}
.submian .subleft .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.submian .subleft .titlex a {font-size: 14px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 21px;line-height: 21px;float: right;margin-right: 10px;margin-top: 20px;position: relative;width: 75px;color: #fff;}
.submian .subleft .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.submian .subleft .titlex a i:before {content: "";height: 21px;}
.submian .subleft .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.submian .subleft .titlex a:hover i:before {content: "";color: #F3F3F3;}
.submian .subleft .lefta {padding-bottom: 20px;}
.submian .subleft .lefta .titlex{ height: 122px;line-height: inherit;}
.submian .subleft .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.submian .subleft .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}

.submian .subleft .lefta .comt { }
.submian .subleft .lefta .comt ul li {line-height: 52px;color: #787878;display: block;margin-bottom: 2px;width:100%;}
.submian .subleft .lefta .comt ul li a {font-size: 18px;position: relative;display: block;width:220px;height:52px;line-height:52px;border-bottom: 1px solid #e2e2e2;padding-left: 60px;}
.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {    color: #4ab344;    background: #FFF100;}
.submian .subleft .lefta .comt ul .box {display: none;}
.submian .subleft .lefta .comt ul .box a {display: block;line-height: 32px;font-size: 14px;height: 32px;border-bottom: 1px solid #eee;border-top: 0px;border-left: 0px;border-right: 0px;}
.submian .subleft .lefta .comt ul li.current .box { display:block; }
.submian .subleft .lefta .comt ul li.current > a {background: #FFF100;color: #4ab344; }
.submian .subleft .lefta .comt ul li.current > a {background:#FFF100;color:#4ab344; }

.submian .subleft .leftnews .leftnewscomt {border: 1px solid #4ab344;*padding: 20px 15px;}
.submian .mainx {  height:230px;margin: 20px 15px;  background:#FFF; overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.submian .listx { float:left; width:300%; position:relative; }
.submian .listx dd { float:left; width:250px; height:187px; position:relative; }
.submian .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.submian .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.submian .listx img { display:block; width:250px; height:187px; }
.submian .listx dd:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.submian .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.submian .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.submian .tipx span.cur { background-position:center bottom; }
.submian .leftcontact{margin-bottom: 20px; }
.submian .leftcontactcomt{line-height: 28px;border: 1px solid #4ab344;padding: 10px; font-size: 15px;}


.submian .subright {width: 796px;margin-bottom: 65px; line-height: 28px;}
.submian .subright .produtlist .list {overflow: hidden;}
.submian .subright .produtlist .list ul{width:110%;}
.submian .subright .produtlist .list .itag li {float: left;margin: 8px;width: 248px;}
.submian .subright .produtlist .list .itag li.err span{cursor: text;}
.submian .subright .produtlist .list .itag li img {width: 242px;height: 180px;display: block;padding: 2px;border: 1px solid #dcdcdc;}
.submian .subright .produtlist .list .itag li span {cursor:pointer;height: 34px;line-height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;}
.submian .subright .produtlist .list .itag li:hover img {border-color: #4ab344;background: #4ab344;}
.submian .subright .produtlist .list .itag li:hover span {color: #4ab344;}
.submian .subright .listnews {padding:0 20px 20px 20px;}
.submian .subright .listnews ul li {width: 100%;border-bottom: 1px dashed #d6d6d6;height: 40px;line-height: 40px;}
.submian .subright .listnews ul li.err{margin-bottom: 20px;}
.submian .subright .listnews ul li a {display: block;}
.submian .subright .listnews ul li a p {float: left;cursor:pointer;}
.submian .subright .listnews ul li a span {color: #999;cursor:pointer;float: right;}
.submian .subright .listnews ul li a:hover p {color: #4ab344;}
.submian .subright .listnews ul li a:hover span {color: #666;}
.submian .subright .aboutlist,.submian .subright .aboutlistx {line-height: 32px;color: #333;}
.aboutlist img{max-width:100%}
.submian .subright .conBox {padding: 0px 20px 20px;line-height: 24px;color: #333;}
/* page_newsdetail_list */
.submian .subright .ArticleTitle {padding-bottom: 7px;}
.submian .subright .ArticleTitle h1 {padding-top: 10px;    font-size: 20px;    line-height: 30px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #4ab344;}
.submian .subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.submian .subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}

/* listProduct */
.listProduct {margin-top: 20px;}
.listProduct .tod { overflow:hidden; }
.listProduct ul{ width:110%; }
.listProduct .item{ width:254px; height:270px; float:left; overflow:hidden; margin:0 8px 20px 0px;padding: 3px;}
.listProduct .item img{ width:250px; height:186px;border-radius: 10px;border: 2px solid #eee;}
.listProduct .item a{ display:block; color:#4ab344;line-height:26px; font-size:16px;}
.listProduct .item p{ width:100%;  text-align:center;}
.listProduct p.wd{ width:100%;   }
.listProduct p.wd a{ display:block;font-size: 18px; }
.listProduct p.wd b{border-bottom: 2px solid #4ab344;display: inline-block;height: 40px;
line-height: 40px;}
.listProduct p.wd span{ color:#666666; font-size:14px; height: 50px;margin-top: 10px;display: block;    word-wrap: break-word;}
.listProduct .item:hover img{ border: 2px solid #4ab344;transition:none; }
.listProduct .item:hover a{color: #4ab344;transition:none;}
.listProduct .item:hover b{border-color: #4ab344; }
/* relatedLink */
.submian .subright .reLink {height: 30px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;overflow:hidden;}
.submian .subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.submian .subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}
.maplist li a {background: #eee;width: 98%;height: 30px;line-height: 30px;display: block;margin-bottom: 10px;padding-left: 2%;font-weight: bold;}
.maplist li .box {width: 100%;height: auto;margin-bottom: 10px;}
.maplist li .box a {float: left;height: 24px;line-height: 24px;width: auto;text-align: center;margin-right: 10px;padding: 0px 5px;font-weight: normal;}
.maplist li .box a:hover {background: #ff611c;color: #fff;}
/* pager */
.pager {display: block;width: 100%;height: auto;padding: 25px 0 5px;text-align: center;clear: both;margin-bottom: 5px;
background: url(../images/inews_liner.jpg) repeat-x left top;}
.pager span,
.pager a {display: inline-block;border: 1px solid #ccc;color: #666;background: #f3f3f3;height: 24px;line-height: 24px;padding: 0px 8px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #4ab344;border-color: #4ab344;color: #fff;text-decoration: none;}
.pager .cur {background: #4ab344;border-color: #4ab344;font-weight: bold;color: #FFF;}
.pager span.dot {background: #4ab344;border-color: #0a6c00;font-weight: bold;color: #FFF;}
/* cms2.0地图 */
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#4ab344; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:300px; border:1px solid #4ab344; border-top:3px solid #4ab344;}
.baiduMap {
    background: #eee none repeat scroll 0 0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 0 auto 20px;
    width: 100%;
}
.BMap_bubble_title a {
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}
.BMap_bubble_title a:hover {
}
.BMap_bubble_title > a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
}
.BMap_bubble_title > a:hover {
    background: #666 none repeat scroll 0 0;
}



.pageMsg {color: #333d58;margin-top: 30px;}
.pageMsg #formPost table td input#txtImageCode {width: 70px;}
.pageMsg #formPost table td input:focus {border-color: #eee;outline: 0;}
.pageMsg #formPost table span.red {color: #f00;margin-right: 5px;}
.pageMsg #formPost table input {border: 1px solid #ccc !important;font-family: "microsoft yahei";}
.pageMsg #formPost table textarea {border: 1px solid #ccc !important;}
.pageMsg #formPost table input.sub {font-family: "microsoft yahei";cursor: pointer;width: 100px;height: 35px;line-height: 24px;color: #848484;text-align: center;margin-top: 10px;background: #fff;}
.pageMsg #formPost table input.sub:hover {background: #ff611c;color: #fff;border: 1px solid #eee !important;}
.pageMsg #formPost table td input {width: 240px;height: 25px;line-height: 25px;padding: 0px 5px;}
.pageMsg tr.code input {width: 90px;}
.pageMsg .err {color: #f00;padding-left: 10px;}
.pageMsg tr.item textarea {width: 240px;height: 50px;color: #666;border: 1px solid #ccc;padding: 0 5px;outline: none;}
/*# sourceMappingURL=style.css.map */
#slider{width:630px;height:240px;position:relative;margin:0 auto;}
.scroll{width:630px;height:340px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:230px;height:288px;}
.scrollContainer .panel{width:195px;height:146px;float: left;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url(../img/tab1.png) no-repeat left top;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:80px; }
.btnMode a.prev{left:-30px;background-position:13px 0px;}

.btnMode a.next{right:-30px;background-position:-13px 0;}
.BMap_bubble_content{line-height:22px;}

#tp_img{ float: left; width: 670px;  overflow: hidden; text-align:center;font-size:0; }
.itag1{ width:640px; float:left; position:relative; display:inline-block; background:#f1f1f1; border:1px solid #e0e0e0; height:82px; padding:10px 10px 0; margin-top:10px; }
.itag1 .up,.itag1 .down{ display:block; width:23px; height:66px; background:url(../img/icoup.png) no-repeat center; float:left; }
.itag1 .down{ background-image:url(../img/icodown.png);}
.itag1 .img_{ height:75px; width:580px; margin:0 5px; overflow:hidden; position:relative; float:left} 
.itag1 .img_ a{ display:block; height:75px; float:left; padding-right:10px }
.itag1 .img_bk{ width:800%}
.itag1 .img_ img{ border:1px solid #eee;}
.itag1 .img_ a:hover img,.itag .img_ a.hover img{ border-color:#f60}

.ProDes{padding-top:10px;float:left;}

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px;background: none; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(img/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

/* 4:3 图文 */
.list-case { padding:0 20px;  margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 产品详情页 */
.product-content {padding: 20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }

.relink { padding:0 10px; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 20px 20px 20px ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.product-photo .thum dd.current { border-color:#4ab344; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:115px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#4ab344; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#010101; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:24px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px;  
  padding:0; line-height:1.1; position:absolute; left:0; bottom:10px;margin: 0; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#4ab344; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-container .article img{max-width:100%;}
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px;  font-size:16px; color:#4ab344; }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 335px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .telx { width:250px; height:; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; }
.product-info2 .telx dt { font-size:16px; font-weight:700; }
.product-info2 .telx dd { font-size:30px; color:#4ab344; font-weight:700; }

.recommend-news {  margin:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#4ab344; border-left:5px solid #4ab344; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#4ab344; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 20px 20px 0; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:346px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; padding: 0 20px;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#4ab344; border-left:5px solid #4ab344; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#4ab344; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 9px 0 0; }
.recommend-pro .item .img { width:244px; height:182px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:182px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

.recommend-form { padding: 0 20px; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#4ab344; border-left:5px solid #4ab344; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(img/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(img/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(img/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt {width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#4ab344; }
.recommend-form .reset { background:#292826; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#43a13e; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}

/******************************
 ** css3高级动画
 ******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedTow{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}


@keyframes bounce {                     /*通过@keyframes规则,创建bounce动画;*/
    0%,20%,50%,80%,100% {
        transform:translateY(0);
   }
    40% {
        transform:translateY(-30px);
     }
    60% {
         transform:translateY(-15px);
    }
 }
 .bounce {
     animation-name:bounce;              /*调用bounce动画;*/
}
 .animated {
     animation-duration:1s;              /*一个动画周期的时长;*/
    animation-fill-mode:both;           /*指定动画执行之前之后的样式;*/
 }
 .animated.infinite {
     animation-iteration-count:infinite; /*定义动画播放的次数;(n次/infinite无限次);*/
   -webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */
 }


/*地图*/
.about_main{line-height:30px; height:auto; font-size:14px;color:#666666; margin:0; padding:0;float:left;}
.about_main ul{list-style:none; margin:0; padding:0;}
.about_main ul li.map_1{border-bottom:1px solid #eee;margin:10px 0;padding:10px;font-weight:bold;}
.about_main ul li.map_2{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li.map_3{ float:left; min-width:110px; padding:0 5px;}
.about_main ul li a{color: #666666;}
.about_main ul li a:hover{color:#666666; text-decoration:underline; font-weight:bold;}
.right_top ._column_title{ border-left:3px solid #e60044; color:#333; float:left; font-size:20px; height:24px; line-height:24px; margin:19px 0; padding-left:15px; display:inline;}
.right_top .column_path{ float:right;display:inline; color:#999; font-size:12px;}
.right_top .column_path a{color:#999;}
.clear { clear: both;font-size: 0px; margin: 0; padding: 0;display: block;height: 0px;_height: 0px;overflow: hidden;}