@charset "utf-8";
/* CSS Document */

.banner{ overflow:hidden; height:500px;}
#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{ z-index:0;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#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.cur{ background:#FC8800;} 


/*intoMain*/
.intoMain{ background:url(../images/Index/vidBg.jpg) no-repeat center; height:321px; margin-top:30px;}
.intoMain .vid{ padding-left:33px; padding-right:36px; height:280px;}
.intoMain .vid dt{ float:left; padding-bottom:25px; background:url(../images/Index/yinying.png) no-repeat center bottom; margin-top:42px;}
.intoMain .vid dt img{ display:block;}
.intoMain .vid dd{ margin-left:455px;}
.intoMain .vid dd h5{ padding-top:29px; padding-bottom:3px; border-bottom:1px solid #ccc;}
.intoMain .vid dd h5 a{ font-size:20px;}
.intoMain .vid dd p{ font-size:13px; line-height:24px; height:144px; overflow:hidden; margin-top:10px; margin-bottom:15px;}
.intoMain .vid dd>a{ display:block; width:90px; height:28px; line-height:28px; text-align:center; font-size:13px; text-decoration:none; background:#a0a0a0; color:#fff;}


/*dtMain*/
.dtMain{ background:url(../images/Index/dtBg.jpg) no-repeat center top; height:416px; padding-top:35px; margin-top:30px; margin-bottom:50px;}
.dtMain .dleft{ width:595px; float:left;}
.dtMain .dtop{ overflow:hidden;}
.dtMain .dtop h4{ padding-left:10px; float:left; border-left:5px solid #ff8a00;}
.dtMain .dtop h4 a{ font-size:16px; color:#ff8a00; text-decoration:none;}
.dtMain .dtop h4 span{ font-size:12px; color:#bebebe; font-weight:normal; text-transform:uppercase; display:block; margin-top:5px;}
.dtMain .dtop .mor{ float:right; padding-right:25px; background:url(../images/Index/morbg.png) no-repeat right center; height:17px; line-height:17px; margin-top:10px; text-transform:uppercase; text-decoration:none;}
.dtMain .dleft .dtop{ margin-left:33px;}
.dtMain .dleft dl{ overflow:hidden; margin-left:33px; margin-top:30px;}
.dtMain .dleft dt{ float:left;}
.dtMain .dleft dt img{ display:block;}
.dtMain .dleft dd{ margin-left:292px;}
.dtMain .dleft dd h5{ line-height:14px; height:14px; overflow:hidden; padding-top:15px; padding-bottom:10px;}
.dtMain .dleft dd h5 a{ font-size:14px; text-decoration:none;}
.dtMain .dleft dd p{ font-size:13px; line-height:24px; height:72px; overflow:hidden;}
.dtMain .dleft ul{ overflow:hidden; margin-top:10px;}
.dtMain .dleft li{ float:left; width:263px; line-height:42px; height:42px; border-bottom:1px dotted #eaeaea; margin-left:33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dtMain .dleft li a{ padding-left:15px; background:url(../images/Index/jk.png) no-repeat left center; font-size:13px; text-decoration:none; }
.dtMain .dright{ width:295px; float:right; width:295px; margin-right:32px; padding-left:27px; background:url(../images/Index/yy.png) no-repeat left center;}
.dtMain .dright .bd{ padding-left:15px; height:305px; overflow:hidden; margin-top:30px;}
.dtMain .dright li{ padding-left:10px; background:url(../images/Index/jk.png) no-repeat left center; height:42px; line-height:42px; border-bottom:1px dotted #eaeaea; width:280px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dtMain .dright li a{ font-size:13px; text-decoration:none;}


/*案例*/
.anli_bg{ width:100%; height:336px; background:url(../images/Index/anli_bg.jpg) top center no-repeat; margin-top:30px; padding-top:30px;}
.anli{ height:280px;}
.anli .dtop{ overflow:hidden;}
.anli .dtop h4{ padding-left:10px; float:left; border-left:5px solid #00ab4c;}
.anli .dtop h4 a{ font-size:16px; color:#00ab4c; text-decoration:none;}
.anli .dtop h4 span{ font-size:12px; color:#a0a0a0; font-weight:normal; text-transform:uppercase; display:block; margin-top:5px;}
.anli .dtop .mor{ float:right; padding-right:25px; background:url(../images/Index/morbg.png) no-repeat right center; height:17px; line-height:17px; margin-top:10px; text-transform:uppercase; text-decoration:none;}
.anli .anli-list{ position:relative; margin-top:15px}
.anli ul{ width:944px; margin:0 auto}
.anli li{ width:214px; height:211px; text-align:center; border:1px solid #b6b6b6; background:#FFFFFF; float:left; margin:0 10px; }
.anli ul li img{ display:block;}
.anli ul li:hover{ background-color:#00ab4c; border:1px solid #fff; color:#fff}
.anli ul li:hover a{ color:#fff}
.anli ul li a{ line-height:46px;font-size:14px}


.anli .anli-btn-l a{ width:29px; height:29px; background:url(../images/Index/anli-btn-l01.png) no-repeat center;}
.anli .anli-btn-r a{ width:29px; height:29px; background:url(../images/Index/anli-btn-r.png) no-repeat center;}
.anli .anli-btn-r a:hover{ background:url(../images/Index/anli-btn-r01.png) no-repeat center;}
.anli .anli-btn-l a:hover{ background:url(../images/Index/anli-btn-l.png) no-repeat center;}
.anli .anli-btn-l a,.anli .anli-btn-r a{ position:absolute;top:80px}
.anli .anli-btn-l a{ left:-30px}
.anli .anli-btn-r a{ right:-30px}


/*服务项目*/
.fuwu{ height:536px; width:980px; margin-top:25px}
.fuwu .dtop{ overflow:hidden; margin-bottom:20px; border-bottom:2px solid #00ab4c; padding-bottom:10px;}
.fuwu .dtop h4{ padding-left:10px; float:left; border-left:3px solid #00ab4c;}
.fuwu .dtop h4 a{ font-size:16px; color:#00ab4c; text-decoration:none;}
.fuwu .dtop h4 span{ font-size:12px; color:#a0a0a0; font-weight:normal; text-transform:uppercase; margin-top:5px;}
.fuwu .dtop .mor{ float:right; padding-right:25px; background:url(../images/Index/morbg.png) no-repeat right center; height:17px; line-height:17px;  text-transform:uppercase; text-decoration:none;}

.fuwu .fw-left{ background:url(../images/Index/fuwu-l-bg.jpg) repeat ; height:476px; width:230px; text-align:center; margin-right:14px; float:left}
.fw-left h2{ font-size:18px; color:#fff; padding-top:28px}
.fw-left p{ font-size:10px; color:#fff; padding-bottom:20px; background:url(../images/Index/fuwu_l_bg.jpg) no-repeat bottom center}
.fw-left ul{ width:212px; height:362px; margin:5px 0 0 9px}


.fw-left b{ display:none; background:url(../images/Index/fuwu-sanjiao.png) no-repeat center; width:7px; height:14px; position:relative; top:-34px; left:202px }
.fw-left li a:hover b{ display:block}
.fw-left li{ width:212px; height:59px; border-bottom:2px solid #dadada; background-color:#fff; font-size:14px; text-align:left; text-indent:70px;}
.fw-left li:hover{ background-color:#00a94c;}
.fw-left .cur a{ color:#fff;display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu03.png) no-repeat 24px 17px; padding-left:10px; text-decoration:none} 
.fw-left .cur { background-color:#00a94c;}
.fw-left .cur b{ display:block}



.fw-left .cur .a1{background:url(../images/Index/fuwu01-1.png) no-repeat 28px 7px; color:#fff}
.fw-left .cur .a2{background:url(../images/Index/fuwu02-1.png) no-repeat 24px 14px; color:#fff}
.fw-left .cur .a3{background:url(../images/Index/fuwu03-1.png) no-repeat 26px 14px; color:#fff}
.fw-left .cur .a4{background:url(../images/Index/fuwu04-1.png) no-repeat 24px 10px; color:#fff}
.fw-left .cur .a5{background:url(../images/Index/fuwu05-1.png) no-repeat 22px 13px; color:#fff}
.fw-left .cur .a6{background:url(../images/Index/fuwu06-1.png) no-repeat 24px 10px; color:#fff}

.fw-left .a1{display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu01.png) no-repeat 28px 7px; padding-left:10px; text-decoration:none} 
.fw-left .a1:hover{background:url(../images/Index/fuwu01-1.png) no-repeat 28px 7px; color:#fff}
.fw-left .a2{display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu02.png) no-repeat 24px 14px; padding-left:10px; text-decoration:none} 
.fw-left .a2:hover{background:url(../images/Index/fuwu02-1.png) no-repeat 24px 14px; color:#fff}
.fw-left .a3{display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu03.png) no-repeat 26px 14px; padding-left:10px; text-decoration:none} 
.fw-left .a3:hover{background:url(../images/Index/fuwu03-1.png) no-repeat 26px 14px; color:#fff}
.fw-left .a4{display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu04.png) no-repeat 24px 10px; padding-left:10px; text-decoration:none} 
.fw-left .a4:hover{background:url(../images/Index/fuwu04-1.png) no-repeat 24px 10px; color:#fff}
.fw-left .a5{display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu05.png) no-repeat 22px 13px; padding-left:10px; text-decoration:none} 
.fw-left .a5:hover{background:url(../images/Index/fuwu05-1.png) no-repeat 22px 13px; color:#fff}
.fw-left .a6{display:block; width:212px; height:59px; line-height:59px;background:url(../images/Index/fuwu06.png) no-repeat 24px 10px; padding-left:10px; text-decoration:none} 
.fw-left .a6:hover{background:url(../images/Index/fuwu06-1.png) no-repeat 24px 10px; color:#fff}


.fw-right{  width:730px; height:481px;/* background:url(../images/Index/fuwu-banner.jpg) no-repeat center; */float:left; position:relative}


/*产品中心*/
.product{ height:481px;}
.pro-list ul{ width:730px; overflow:hidden; position:relative;}
.pro-list li img{ display:block;}
.pro-list li { width:226px; height:228px; border:1px solid #e3e3e3; text-align:center; float:left; margin:0 7px 15px 7px; position:relative}
.pro-list li a{ line-height: 65px;}
.pro-list .pro-topr{ position:absolute; top:1px; right:1px; height:26px; width:26px; background:url(../images/Index/product_j_01.png) no-repeat center}
.pro-list { position:relative;}
.pro-list li:hover{ background-color:#039548}
.pro-list li:hover a{ color:#FFF}
.pro-list li:hover .pro-topr{background:url(../images/Index/product_j.png) no-repeat center}