/* CSS Document */
/*Thank you*/
#function{ width:100%; height:330px; background:#f3f3f3;}
#function h3{ height:80px; padding:30px 0 0 0;  text-align:center; font-weight:normal; font-size:18px; line-height:30px; color:#999;}
#function h3 p{ font-size:36px;}
#function ul li{ width:240px; padding:0px 5px 0 5px; text-align:center; background-repeat:no-repeat; background-position:center top; float:left;}
#function ul li.fangan{ background-image:url(../images/fangan.jpg);}
#function ul li.zuhe{ background-image:url(../images/zuhe.jpg);}
#function ul li.yuyue{ background-image:url(../images/yuyue.jpg);}
#function ul li.anliguan{ background-image:url(../images/anliguan.jpg);}
#function ul li a{ font-size:24px; line-height:40px; display:block; padding:130px 0 0 0;}
#function ul li font{ color:#999;}

/*custom*/
#custom .title-list {overflow: hidden;border: 1px solid #dedede;}
#custom .title-list li{ width: 248px;float:left;height: 100px;border-left: 1px solid #dedede; padding-left: 120px;padding-top: 20px;box-sizing: border-box;}
#custom .title-list li:first-child{border: none;}
#custom .title-list p{font-weight: 500;font-size: 24px;}
#custom .title-list li:nth-child(1){background: url('../images/hua4.png') no-repeat  20px center/ 70px;}
#custom .title-list li:nth-child(2){background: url('../images/hua3.png') no-repeat  20px center/ 50px;}
#custom .title-list li:nth-child(3){background: url('../images/hua2.png') no-repeat  20px center/ 70px;}
#custom .title-list li:nth-child(4){background: url('../images/hua1.png') no-repeat  20px center/ 70px;}
#custom .product-list{overflow: hidden;margin-top: 50px;}
#custom .product-list img{width: 100%;height: 100%;}
#custom .product-list li{float: left;width: 230px;height: 280px; position: relative;margin-left: 26px;margin-bottom: 30px;box-sizing: border-box;}
#custom .product-list li:nth-child(4n+1){margin-left: 0;}
#custom .product-list p{width: 100%;line-height: 30px;background-color:rgba(0,0,0,0.3);text-align: center;color: #ffffff;position: absolute;bottom: 0;}

/*Package*/
#package{ width:100%; height:510px;}
#package h3, #casehall h3, #custom h3, #rental_p h3, #user_e h3{ height:70px; padding:30px 0 0 0; text-align:center; font-weight:normal; font-size:16px; line-height:30px; color:#999;}
#package h3 p, #casehall h3 p, #custom h3 p, #rental_p h3 p,#user_e h3 p { font-size:30px; color:#666;}
#package ul li{ width:490px; float:left; text-align:left;}
#package ul li em{ height:312px; padding:0 0 10px 0; display:block;}
#package ul li h2{ padding:0 0 0 32px; background:url(../images/in_icon1.jpg) no-repeat 2px 6px; font-weight:normal; font-size:24px;}
#package ul li h2 font{ color:#999; font-size:14px;}
.package_p_r20:nth-child(1){ padding-right:20px;}

/*Case Hall*/
#casehall{ width:100%; height:830px; background:#f3f3f3;}
#casehall ul li{ float:left; width:309px; height:360px;}
.casehall_p_r35{ padding:0 35px 0 0;}
#casehall ul li em{ height:300px; padding:0 0 10px 0; display:block;}
#casehall ul li h2{ font-size:18px; font-weight:normal;}

/*Rental Procedure*/
#rental_p{ width:100%; min-height:280px; _height:280px;}
#rental_p h3{ height:80px;}
#rental_p ul li{ width:156px; padding:100px 5px 0 5px; text-align:center; background-repeat:no-repeat; background-position:center top; float:left;}
#rental_p ul li.in_pr1{ background-image:url(../images/in_pr1.jpg);}
#rental_p ul li.in_pr2{ background-image:url(../images/in_pr2.jpg);}
#rental_p ul li.in_pr3{ background-image:url(../images/in_pr3.jpg);}
#rental_p ul li.in_pr4{ background-image:url(../images/in_pr4.jpg);}
#rental_p ul li.in_pr5{ background-image:url(../images/in_pr5.jpg);}
#rental_p ul li.in_pr6{ background-image:url(../images/in_pr6.jpg);}


#user_e{ width:100%; height:440px; background:#f3f3f3;}
.comments-items{overflow:hidden}
.comments-items li{position:relative;margin:0 0 10px 10px;height:140px;width:490px;background:#fff; float:left;}
.comments-items .desc{margin:20px 10px 0;overflow:hidden;zoom:1; float:right; width:300px;}
.comments-items .tit{margin:0 0 8px;font-size:18px;color:#333}
.comments-items .time{position:absolute;top:36px;right:0;width:110px;height:26px;line-height:26px;text-indent:10px;color:#ccc;background:#fff}
.comments-items img{margin:20px;width:1in;height:1in; float:left;}


.partners-bd a{ margin:0 3px 3px 0;width:138px;height:5pc;line-height:5pc;text-align:center}
.partners-bd a img{ border:solid 1px #e7e7e7;}
.partners-bd a:hover img{ border:solid 1px #82ba16;}

#links{ width:100%; height:60px; background:#FFF; overflow:hidden; display:block;}
.yz-footer-friend-title{float:left; color:#ccc; font-size:15px; padding-right:10px;}
.yz-footer-friend-links{float:left; overflow:hidden}
.yz-footer-friend-links li{float:left; margin:0px 0 0px -2px; padding:0 10px; border-left:2px solid #eaeaea; text-align:center}
.yz-footer-friend-links a:hover{color:#31ba16; text-decoration:underline;}
#links ul.in_links{ float:right; width:930px; overflow:hidden; height:50px;}
#links ul.in_links a{ color:#ccc;}


/*in_banner*/
.banner{width:1903px;overflow:hidden;position:relative}
.banner_inner{position:relative;height:410px;width:1000px;margin:0 auto}

.banner_img{width:20000px}
.banner_img li{float:left;width:1903px;position:relative}
.banner_img li.bgli01{ background:url(../images/in_banner01.jpg) no-repeat center center;}
.banner_img li.bgli02{ background:url(../images/in_banner02.jpg) no-repeat center center;}
.banner_img li.bgli03{ background:#d63356;}
.banner_img li.bgli04{ background:#0a7ba4;}

.banner .child1{position:absolute;width:588px;height:410px;left:0px;top:0}
.banner .child2{position:absolute;width:654px;height:410px;left:382px;top:0; display:block;}
.img_quyu{display:block; width:1000px; height:410px;}
.banner_common{position:relative;width:1000px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:0;margin-top:180px;width:33px;height:62px;cursor:pointer;background:url(../images/banner_btn_l.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:0;margin-top:180px;width:33px;height:62px;cursor:pointer;background:url(../images/banner_btn_r.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:130px;position:absolute;top:390px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin-left:10px;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#82ba16}