@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; font:12px "微软雅黑"; list-style:none; text-decoration:none}
body{ min-width:1420px}


/*header*/



.header{ background:url(../images/villo-topbg.png) repeat-x; width:100%; height:100px;}

.com-header{ width:1275px; margin:0 auto; position:relative}

p.logo{ position:relative; top:22px;}

.nav{ position:relative; left:148px; top:-20px}

.nav ul li{ float:left; }



.nav ul li a{ padding: 35px 30px 33px 30px;font: normal 16px/24px "微软雅黑" ; color:#007b3c; }

.nav ul li a:hover{ background:url(../images/nav-bot.png) no-repeat  bottom ;}


.gp{ background:#007b3c; width:135px; height:65px; position:absolute; right:198px; top:0px; color:#FFFFFF; padding:20px 15px 15px 15px; }
.gpnew{width:98px; height:95px; position:absolute; right:100px; top:5px}
a.en{position: absolute;right: 0px;top: 40px; }


.gp p.gp01{ border-bottom:2px solid #7dba97;font: normal 15px/36px Arial, Helvetica, sans-serif;}

.gp p.gp02{font: normal 15px/36px Arial, Helvetica, sans-serif;}

.com-boxbg{ background:url(../images/villo-top.jpg) no-repeat center; width:100%; display:block; height:685px;}

.com-box{ width:1080px; margin:0 auto; padding-top:130px; position:relative }

.com-box p{ padding-bottom:22px}

p.box-p01{ font:26px/20px "微软雅黑"; color:#333333;}

p.box-p02{ color:#007b3c; font: bold 79px/80px "微软雅黑"; }

p.box-p03{ padding-top:20px}

p.box-p03 a{ background:#007b3c; padding:10px 15px;  color:#ffffff; font-size:32px}

p.box-p03 a:hover{ background:#00AE57; }



.com-boxslider{ width:770px; position:relative; margin-top:150px}

.fixed-tel{ position:fixed; top: 560px;  right: 0px;    width: 237px;    height: 145px;    display: block; z-index:8001}

/* 本例子css */

		.picMarquee-left{position:relative; width:742px; }



		.picMarquee-left .hd .prev{ display:block;  width:21px; height:32px; 

			 cursor:pointer; background:url("../images/s-lef.png") no-repeat; position:absolute; top:30px; left:10px}

		

		.picMarquee-left .hd .next{ display:block;  width:21px; height:32px; 

			 cursor:pointer; background:url("../images/s-rig.png") no-repeat;position: absolute; top:30px; right:-20px}

		

		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }

		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }



		.picMarquee-left .bd{ padding:0 60px 0 30px ; }

		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

		.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }

		.picMarquee-left .bd ul li .pic0{ text-align:center; }

		.picMarquee-left .bd ul li .pic0 img{ width:164px; height:94px; display:block; border:2px solid #007b3c; }

		.picMarquee-left .bd ul li .pic0 a:hover img{ border-color:#999;  }

		.picMarquee-left .bd ul li .title{ line-height:24px;   }

		

.com-box02{ width:1080px; margin:40px auto; height:auto; display:block}

.com2-box01{ text-align:center}

form.for{ width:500px;overflow:hidden; border:1px  solid #CCCCCC;-webkit-border-radius: 10px;   /* Webkit browsers */

    border-radius:10px;margin: 0 auto;

	 

  box-shadow:inset 1px 1px 1px #DBDBDB;}

  

input.search{  width:420px;border:0px  solid #CCCCCC; outline:0; color:#999999; font-size:15px;height:30px; position:relative; bottom:5px}



input.sub{ background:url(../images/search0.jpg) no-repeat center right; width:32px; height:32px; border:none; position:relative; top:3px;

    left: 0px;outline:0;}

	

	

p.com2-p01{ color:#666666; font: normal 24px/24px "微软雅黑"; margin:25px 0}

p.com2-p02{ background:#007b3c; width:125px; height:38px; text-align:center; margin:0 auto; font: normal 24px/24px "微软雅黑"; color:#FFFFFF; padding-top:10px}





.slideBox{ width:1080px; margin:40px auto; position:relative; padding-left:0px;}

.slideBox ul{ position:relative}

.slideBox ul li{ float:left; margin:0px 30px;}



.pic img{ width:120px; height:120px;}

.pic img:hover{ border:2px solid #007b3c;  border-radius:65px; width:116px; height:116px;}



.sPrev{ position:absolute; left:-50px; top:40px}

.sNext{ position:absolute; right:-50px; top:40px}



.text{ color:#007b3c; font-size:16px; padding-top:10px; text-align:center}



/**/

.com2-box02{ width:1080px; z-index:1001}

.com2-box02 p.plan{ text-align:center; margin-bottom:40px;}

.com2-box02 p em{ width:90px; overflow:hidden; height:2px; background:#007b3c;    display: inline-block; position:relative; bottom:5px}



.com2-box02 p.plan span{display: inline-block; padding:0 10px; color:#333333; font-size:24px; padding:0 10px;}



.cn-img01{ float:left; background:url(../images/villo-01.png) no-repeat; display:block; width:358px; height:389px; position:relative}

.cn-img02{ float:left; background:url(../images/villo-02.png) no-repeat; display:block; width:358px; height:389px; margin:0 1px 0 3px; position:relative}

.cn-img03{ float:left; background:url(../images/villo-03.png) no-repeat; display:block; width:358px; height:389px; position:relative}

.cn-img04{ float:left; background:url(../images/villo-04.png) no-repeat; display:block; width:535px; height:262px; margin:3px 5px 0 0}

.cn-img05{ float:left; background:url(../images/villo-05.png) no-repeat; display:block; width:535px; height:262px;}

.cn-img01 a,.cn-img02 a,.cn-img03 a{ background:url(../images/button-bg.png) repeat-x; width:150px; border:1px solid #007b3c ; color:#007b3c; height:32px; display:block;border-radius:15px; text-align:center; position:absolute; left:100px; bottom:10px; font:normal 14px/30px Arial, Helvetica, sans-serif}

.cn-img01 a:hover,.cn-img02 a:hover,.cn-img03 a:hover{ background:#E8E8E8}

.cn-img04 p,.cn-img05 p{ text-align:left; margin-left:20px;margin-top:30px;}

p.img04-p01{ font:normal 24px/24px "微软雅黑"; color:#007b3c; }

p.img04-p02{ font:normal 16px/29px "微软雅黑"; color:#666666; margin:20px 20px}

p.img04-p03 a{background:#007b3c; padding:10px 20px;  color:#ffffff; font-size:20px}

p.img04-p03 a:hover{ background:#00AE57;}



/*com-box03*/



.com-box03{ background:#f5f5f5; width:100%; position:relative; display:block; height:490px; margin-top:40px;}

.com-box03 p.pro,.com-box04 p.pro{ text-align:center; padding-top:40px;}

.com-box03 p em,.com-box04 p em{ width:90px; overflow:hidden; height:2px; background:#007b3c;    display: inline-block; position:relative; bottom:5px}

.com-box03 p.pro span,.com-box04 p.pro span{display: inline-block; padding:0 10px; color:#333333; font-size:24px; padding:0 10px;}



.slideBox-pro{ width:1080px; margin:40px auto; position:relative; padding-left:0px;}

.slideBox-pro ul{ position:relative}

.slideBox-pro ul li{ float:left; margin:0px 30px;}



.pic-pro img{ width:300px; height:300px;}



.sPrev-pro{ position:absolute; left:-50px; top:40%; background:url(../images/le.png) no-repeat center left; display:block; width:36px; height:36px;}

a.sPrev-pro:hover{ background:url(../images/lef.png) no-repeat center left}

.sNext-pro{ position:absolute; right:-50px; top:40%;background:url(../images/rig.png) no-repeat center left; display:block; width:36px; height:36px;}

a.sNext-pro:hover{background:url(../images/rig-on.png) no-repeat center left}

.text-pro{ color:#333333; font-size:18px; padding-top:10px; text-align:center;width: 300px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;}



.com-box04{ width:1080px; margin:0 auto; position:relative; height:450px}

.box4-01{ background:#f5f5f5; width:315px; height:290px; margin-top:40px; float:left;  position:relative; margin-right:60px}
.box4-01:last-child{ margin-right:0}



.box4-01 img,.box4-02 img,.box4-03 img{ width:314px; height:185px;}

.box4-02s{ margin:40px 60px;}

p.txt01{ color:#333333; font-size:16px; line-height:24px; padding:15px;width:285px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap; }

p.detal-p{ padding-left:15px; padding-top:5px}

p.detal-p a{ padding:5px 20px; border:1px solid #333333; font-size:16px;color:#333333; }

p.detal-p a:hover{ background:#E6E6E6}

p.detal-p span{ display:inline-block; position: absolute; right:20px; bottom:15px}





/*尾部*/

.flooter{ text-align:center; border-top:1px solid #666666; clear:both}

.flooter-com{ width:870px; margin:0 auto; position:relative; display:block; height:240px;}

.flooter-com ul li{ float:left; padding:150px 140px 0px 0px;text-align:center}

.flooter-com ul li span{ display:inline-block; border:1px solid #666666; border-radius:5px; padding:0px 8px; margin-top:15px;}

.flooter-com ul li:last-child{padding-right:0}

.flooter-com ul li.li01{ display:block; height:132px; background:url(../images/flo-01.png) no-repeat; position:relative}

.flooter-com ul li.li01:hover{ background:url(../images/flo-01on.png) no-repeat; }

.flooter-com ul li.li01 a,.flooter-com ul li.li02 a,.flooter-com ul li.li03 a,.flooter-com ul li.li04 a,.flooter-com ul li.li05 a{ font-size:12px; font-family:"微软雅黑"; color:#333333}

.flooter-com ul li.li02{ display:block;  height:132px; background:url(../images/flo-02.png) no-repeat; position:relative; }

.flooter-com ul li.li02:hover{ background:url(../images/flo-02on.png) no-repeat; }



.flooter-com ul li.li03{ display:block; height:132px; background:url(../images/flo-03.png) no-repeat; position:relative}

.flooter-com ul li.li03:hover{ background:url(../images/flo-03on.png) no-repeat; }



.flooter-com ul li.li04{ display:block;  height:132px; background:url(../images/flo-04.png) no-repeat; position:relative}

.flooter-com ul li.li04:hover{ background:url(../images/flo-04on.png) no-repeat; }



.flooter-com ul li.li05{ display:block; width:53px;  height:132px; background:url(../images/flo-05.png) no-repeat ; position:relative}

.flooter-com ul li.li05:hover{ background:url(../images/flo-05on.png) no-repeat; }





.bl-last{ background:#007b3c; height:100px; width:100%; display:block; position:relative; margin:-20px auto }

.bl-com{width:1160px; margin:0 auto; position:relative; }

.bl-last p.bl-p{ color:#FFFFFF; padding-top:40px;}

.bl-last p.bl-p span{ float:right}

p.bl-p a{ color:#FFFFFF}