
/**************导航**************/
.nav{height:89px;/* border-bottom:1px solid #18573a;*/}
.nav .logo{height:89px; width:200px;}
.nav .logo img{ width:200px;}

.head_right{min-width:830px; height:89px;}
.nav .snav{ height:89px;}
.nav .snav li{ display:inline-block; padding:0 15px; line-height:102px; position:relative; float:left;}
.nav .snav li > a{ display:block; color:#333; font-size: 14px;}
.nav .snav li:hover > a,.nav .snav li.act > a{ color:#18573a; background:url(../images/menu01.png) no-repeat center 82px;}
.nav .snav li a.on{ color:#ffc928;font-weight: bold;}
.nav .s_nav{ width:120px; padding: 6px 17px 3px; position:absolute; left:0; top:89px; border:1px solid #e5e5e5; z-index: 999; background:#fff; opacity:0; filter:alpha(opacity:0); z-index: -2; transition-delay: 0.3s; }
.nav .s_nav a{ display:block; line-height:20px; font-size: 13px; border-bottom: 1px dashed #dfdfdf;padding: 6px 0;}
.nav .s_nav a:last-child{ border-bottom: none;}
.nav .snav li:hover > a .s_nav,.nav .snav li.act > a .s_nav{ display:block;}
.nav .snav li:hover .s_nav,.nav .snav li.act .s_nav{ opacity:0.9; filter:alpha(opacity:90); top:89px;  z-index: 99; transition:opacity 0.8s;z-index 0.8s;}



/************** 内容区 **************/
.content{min-height:500px;}
.cont_about{min-height:430px; background:url(../images/aboutbg.jpg) no-repeat center top;}
.home_about{ height:320px;}
.about_pic{width:432px; height:312px; border:3px solid #d1cfd0; margin-left:108px;}
.about_pic img{width:432px; max-height:312px; text-align:center;transition-duration: 1000ms; transition-timing-function: ease-out; transform: scale(1, 1);-webkit-transform: scale(1, 1);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.about_pic img:hover{transform: scale(1.2, 1.2);transition-duration: 1000ms; transition-timing-function: ease-out; -webkit-transform: scale(1.2, 1.2); -webkit-transition-duration: 1000ms; -webkit-transition-timing-function: ease-out;}

.about_text{width:502px; height:320px; margin-left:40px;}
.about_text h1{ font-size:24px; color:#333; line-height:24px; width:100%; margin:24px 0 11px; display:block;}
.about_text span{ width:196px; height:32px; margin-bottom:30px; display:block;}
.about_text b{ font-size:13px; color:#444; height:118px; overflow:hidden; line-height:28px; width:100%; font-weight:normal; display:block; margin-top:26px; float:left;}
.about_text a{ width:80px; height:30px; background:#8fe32b; display:block; margin-top:17px; color:#fff; line-height:30px; text-align:center; float:left; font-size:12px;}
.about_text a:hover{ background:#ffc928; display:block;}


/************** team *******************/
.cont_right{width:100%;}
.cp_top{height:3px; background:url(../images/ttbg.png) no-repeat center center;}
.cp_tops{text-align:center; line-height:18px; font-size:18px; color:#ccc; margin-top:16px;}
.cp_title{font-size:24px; height:43px; text-align:center; line-height:24px; color:#333;}

.pro_list{ width:100%;height:324px; overflow:hidden; margin-top:30px;}
.links{width:100%; float:left;overflow:hidden;}
.mr_frbox { height:324px;}
.mr_frBtnL { float: left; cursor: pointer; display: inline; }
.mr_frUl { float: left;width:1090px; height:324px;overflow:hidden; margin-left:25px;}
.mr_frBtnR { float: right; cursor: pointer; }
.mr_frUl ul a { width:250px; height:324px; margin-right:30px; font-size:17px; color:#333; line-height:24px; overflow:hidden; text-align:center; float:left; background:#fff;}
.mr_frUl ul li { display: inline; float: left; width:250px; height:256px; overflow: hidden; margin-bottom:10px;border-radius:200px;}
.mr_frUl ul li img { width:250px;height:256px; display: block;border-radius:200px;}
.mr_frUl ul li img:hover{border-radius:200px;}
.mr_frUl ul a p{ width:100%; height:30px; overflow:hidden; font-size:14px; text-align:center; display:block; background:#ccc; margin-top:2px; line-height:30px;}
.prevs{width:30px; height:324px; float:left; background:url(../images/left.jpg) no-repeat 0px 144px;}
.prevs:hover{width:30px; height:324px; float:left; background:url(../images/lefth.jpg) no-repeat  0px 144px;}
.nexts{width:30px; height:324px; float:right; background:url(../images/right.jpg) no-repeat  0px 144px;}
.nexts:hover{width:30px; height:324px; float:right; background:url(../images/righth.jpg) no-repeat  0px 144px;}
.cont_more{width:100%; height:48px; text-align:center; margin-top:44px;}
.cont_more a{width:220px; height:44px; border:2px solid #999;border-radius:28px; display:inline-block; color:#999; font-size:18px; line-height:44px;}
.cont_more a:hover{width:220px; height:44px; background:#8fe32b; color:#fff; display:inline-block; border:2px solid #fff;}



/************** 案例作品 *****************/
.cont_case{ height:810px; background: url(../images/probg.jpg) repeat center center; position:relative;}
.ccase_top{height:140px;}
.ct_title{min-height:60px; max-height:70px; text-align:center; padding-top:54px; color:#333; line-height:32px; font-size:24px;}
.ct_title p{text-align:center; color:#9f9f9f; line-height:34px; font-size:18px;}



/**********开始首页案例滚动************/
.ct_prolist{min-height:400px; overflow:hidden; position:relative;}
.hot_product{ width:101%; float:left; position:relative;}
.ct_prolist li{width:250px; margin-right:8px;float:left; position:relative;}
.ct_prolist li a{ display:block; margin-bottom:8px; height:250px; position:relative; }
.ct_prolist li img{width:250px; float:left;}
.ct_prolist b{width:100%; height:250px; float:left; background:url(../images/cpbg.png) no-repeat center center; position:absolute; top:0; left:0; z-index:99; display:none;}
.ct_prolist span{ width:26px;display:none; height:26px; float:left;background: url(../images/magnifier.png) no-repeat center; position:absolute; top:76px; left:46%; z-index:99;}
.ct_prolist p{ width:250px; max-height:38px; float:left; position:absolute; top:112px; left:10px; z-index:99; font-size:16px; color:#fff; line-height:20px; text-align:center;display:none; overflow:hidden;}
.ct_prolist li a:hover b,.ct_prolist li a:hover span,.ct_prolist li a:hover p{ display:block;}
.ctp_prev{width:32px; height:31px; overflow:hidden; float:left; position:absolute; top:212px; left:15px; z-index:999; background:url(../images/arr.png) 0px 31px;}
.ctp_next{width:32px; height:31px; overflow:hidden; float:left; position:absolute; top:212px; right:28px; z-index:999; background:url(../images/arr.png) -32px 31px;}
.caroufredsel_wrapper { margin:auto !important;}
/**********结束首页案例滚动************/


/************** 新闻 ***************/
.news_list{ margin-top:30px; min-height:320px;}
.news_list ul{ width:284px; height:320px; background:#f6f6f6; float:left; margin-right:16px;}
.nl_time{ font-size:14px; color:#888; line-height:48px; margin-left:20px;}
.nl_pic{ width:284px; height:142px; float:left; overflow:hidden; margin-bottom:18px;}
.nl_pic img{ width:284px; float:left;transition-duration: 1000ms; transition-timing-function: ease-out; transform: scale(1, 1);-webkit-transform: scale(1, 1);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.nl_pic img:hover{transform: scale(1.2, 1.2);transition-duration: 1000ms; transition-timing-function: ease-out; -webkit-transform: scale(1.2, 1.2); -webkit-transition-duration: 1000ms; -webkit-transition-timing-function: ease-out;}
.nl_tt{width:244px; max-height:36px; overflow:hidden; font-size:15px; line-height:18px; margin:0 20px;}
.nl_tt a{color:#333;}
.news_list a:hover{color:#18573a;}
.nl_text{width:244px; max-height:48px; overflow:hidden; font-size:13px; color:#666; line-height:24px; margin:12px 20px 0;}


/************** 模块 ***************/
.mk_list{min-height:132px; padding-top:60px; width:1260px;}
.mk_list ul{ width:330px; font-size:20px; color:#333; float:left; margin-right:90px;}
.mk_list ul li p{font-size:14px; color:#666; margin-top:6px;}



/************************* foot *******************/
.foot{height:438px; background:#8fe32b;}
.foot_top{ height:286px; padding-top:60px; overflow:hidden; display:block;}
.ft_logo{ width:154px; height:138px; float:left; margin-left:20px;}
.ft_left{width:540px; float:left; overflow:hidden; margin-left:80px;}
.ft_left ul{width:120px; height:100%; float:left; font-size:12px; margin-right:60px;}
.ft_left ul span{color:#fff; text-align:left;}
.ft_tt{width:120px;height:36px; float:left; border-bottom:1px solid #fff; line-height:36px; font-size:16px; margin-bottom:9px;}
.ft_left ul a{width:120px;height:32px; float:left; line-height:32px; color:#fff;}
.ft_left ul a:hover{text-decoration:underline;}


.ft_right{width:394px; height:196px; float:left; margin-left:12px;}
.fr_tt{width:100%; height:50px; border-bottom:1px solid #fff; line-height:50px; font-size:14px; color:#fff;}
.fr_tt span{font-size:34px; color:#fff; text-transform:uppercase; margin-right:10px;}

.fr_pic{width:130px; height:130px; float:left; margin-top:16px;}
.fr_text{width:246px; height:130px; float:left; overflow:hidden; margin-top:12px; font-size:13px; color:#fff; line-height:28px; margin:20px 0 0 18px;}

/********* bq *************/
.footer{height:78px; background:#74c315; margin-top:16px; color:#fff; font-size:14px; padding-top:18px; }
.bq{line-height:29px; text-align:center;}
