@import "/Skins/Default/resetcommon.css";

/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.banner  { height:500px; display:block;position:relative;}
.banner .btn { bottom: 5px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn span { background: none repeat scroll 0 0 #7BC12A; border: 1px solid #7BC12A; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn span.cur { font-weight: bold; padding: 4px 8px;}
/*合作伙伴*/
.hz{ font-size:0; padding:0 0 40px;}
.hz_t{ background:url(Img/Index/hz_line.gif) no-repeat 0 54px; text-align:center; height:135px; padding:15px 0 0; overflow:hidden;}
.hz_t a{ font-size:24px; color:#636363;}
.hz_t i{ display:block; font-size:18px; padding:16px 0 0;}
.hz_t em{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#bcbcbc; text-transform:uppercase; padding:5px 0 8px;}
.hz_t span{ display:block;}
.hz_t span img{ width:60px; height:24px;}
.hz_m{ width:745px; margin:0 auto; padding:22px 0 0;}
.hz_m ul li{ width:139px; float:left; padding:0 5px;}
.hz_m ul li img{ width:139px; height:160px;}
.hz_m ul li.hz_li01{ padding-left:80px;}
.hz_m ul.hz_ul02{ margin:-32px 0 0; display:inline-block;}
.hz_m ul{ display:inline-block; height:160px; overflow:hidden;}

/*携手天丽成就客户*/
.kh{ font-size:0; padding:0 0 50px;}
.kh .hz_t em{ padding:20px 0 8px;}
.kh_l{ width:780px;}
.kh_l ul li{ width:260px; float:left; position:relative; padding:0 10px 10px 0;}
.kh_l ul li img{ width:260px; height:180px;}
.kh_l ul li p{ display:none; background:url(Img/Index/kh_picbg.png) repeat; height:60px; line-height:60px; width:260px; position:absolute; bottom:10px; left:0;}
.kh_l ul li p span{ display:block; float:left; padding:0 0 0 40px;}
.kh_l ul li p span a{ font-size:16px; color:#fff;}
.kh_l ul li p em{ display:block; float:right; padding:20px 40px 0 0; width:28px;}
.kh_l ul li p em img,.kh_l ul li.first p em img{ width:28px; height:18px;}
.kh_l ul li.first{ width:500px;}
.kh_l ul li.first p{ width:500px;}
.kh_l ul li.first img{ width:500px; height:370px;}
.kh_r{ width:220px;}
.kh_r ul li{ width:220px; padding:0 0 2px;}
.kh_r ul li em{ display:block; float:left; width:36px; padding:16px 15px 0 20px;}
.kh_r ul li em img{ width:36px; height:28px;}
.kh_r ul li a{ width:220px; display:block; height:60px; line-height:60px; background:#75bf23; font-size:16px; color:#fff; overflow:hidden;}
.kh_r ul li.cur a,.kh_r ul li a:hover{ background:#4bafe5;}

/*产品中心*/
.chanpin{ font-size:0;}
.cp_l{ width:236px; border:#75bf23 2px solid; font-size:0; padding:0 0 18px;}
.cp_lt{ background:url(Img/Index/cp_ltbg.gif) no-repeat 0 0; width:236px; height:141px; text-align:center; line-height:156px; overflow:hidden; padding:0 0 10px;}
.cp_lt a{ font-size:24px; color:#fff;}
.cp_l h3{ width:200px; margin:0 auto; height:34px; padding:10px 0; overflow:hidden;}
.cp_l h3 a{ font-size:16px; color:#fff; font-weight:normal; padding:0 0 0 40px; background:url(Img/Index/cp_libg01.gif) no-repeat; width:160px; height:34px; display:block; line-height:34px;}
.cp_l h3 a:hover{ background:url(Img/Index/cp_libg02.gif) no-repeat;}
.cp_l ul{ width:200px; margin:0 auto;}
.cp_l ul li{ height:47px; line-height:47px; position:relative;z-index:99;}
.cp_l ul li a{ font-size:14px; color:#555; padding:0 0 0 40px; display:block; background:url(Img/Index/cp_ico01.gif) no-repeat 12px 14px; border-bottom:#999 1px dotted;}
.cp_l ul li a:hover{ color:#4bafe5; font-weight:bold; background:url(Img/Index/cp_ico02.gif) no-repeat 12px 14px;  border-top:#dcd9d8 1px solid; border-bottom:#dcd9d8 1px solid; border-left:#dcd9d8 1px solid;}
.cp_l ul li p{ display:none; position:absolute; top:0; left:200px; width:170px;padding:8px 0 0; border:1px solid #ccc;background:#fff}
.cp_l ul li p a{ color:#4bafe5; padding:0; background:none; height:39px; line-height:39px; border-bottom:#999 1px dotted; width:120px; margin:0 0 0 35px;}
.cp_l ul li p a:hover{ font-weight:normal; background:none; border-bottom:#999 1px dotted; border-top:none; border-left:none; border-right:none;}
.cp_l .nobor,.cp_l ul li p .nobor:hover{ border-bottom:none;}

.cp_r{ width:740px;}
.cp_rt{ background:#dcd9d8; height:40px; line-height:40px; overflow:hidden; width:720px; float:right;}
.cp_rt ul li{ float:left;}
.cp_rt ul li a{ font-size:16px; color:#636363; display:block; float:left; height:40px; padding:0 25px;}
.cp_rt ul li.cur a,.cp_rt ul li a:hover{ background:#75bf23; color:#fff; padding:0 25px;}
.cp_rt span,.honor_t span,.news_t span{ display:block; float:right; width:80px; background:#4bafe5; text-align:center; height:40px; line-height:40px;}
.cp_rt span a,.honor_t span a,.news_t span a{ font-size:14px; color:#fff;}

.cp_rm ul li { float:left; width:226px; padding:30px 0 0 20px; position:relative;z-index:9;}
.cp_rm ul li img{ width:224px; height:268px; border:#dcd9d8 1px solid;}
.cp_rm ul li span{ width:226px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:10px 0 0;}
.cp_rm ul li span a{ font-size:14px; color:#636363;}
.cp_rm ul li b{ display:none; position:absolute; bottom:35px; right:0;}
.cp_rm ul li b img{ width:96px; height:116px; border:#75bf23 2px solid;}
.cp_rm ul li em{ display:none; position:absolute; top:30px; right:0;}
.cp_rm ul li em img{ width:226px; height:270px; border:none;}

/*广告条*/
.ban01{ background:url(Img/Index/ban01.jpg) no-repeat center 0; height:254px; overflow:hidden;}
.ban01 p{ padding:123px 0 0; width:240px; float:right;}
.ban01 p span,.ban02 p span{ display:block; font-size:16px; color:#fff; padding:0 0 0 55px; background:url(Img/Index/ban_tel.png) no-repeat 0 3px;}
.ban01 p span b,.ban02 p span b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:26px;}
.ban01 p em{ display:block; padding:0 0 12px 82px;}
.ban01 p em img,.ban02 p em img{ width:120px; height:30px;}

/*应用方案*/
.ys{ padding:50px 0 0; font-size:0; background:url(Img/Index/ys_bg.jpg) no-repeat 0 200px; height:994px; overflow:hidden;}
.hz_t b{ color:#4bafe5;}
.ys p{ width:170px; font-size:14px; color:#636363;}
.ys p span{ display:block; height:40px; line-height:40px;}
.ys p span em{ display:block; float:left; padding:5px 10px 0 0;}
.ys p span em img{ width:36px; height:26px;}
.ys p span i{ display:block; float:left;}
.ys p span i a{ font-size:18px; color:#4bafe5;}
.ys .ys_p01{ padding:18px 0 0 660px;}
.ys .ys_p02{ padding:610px 0 0 268px; float:left;}
.ys .ys_p03{ padding:610px 0 0 125px; float:left; text-align:right;}
.ys .ys_p03 span em{ float:right; padding:5px 0 0 10px;}
.ys .ys_p03 span i{ float:right;}

/*食品保鲜行业先驱者*/
.xian{ background:url(Img/Index/xian_bg.jpg) no-repeat 0 110px; height:580px; padding:0 0 57px; overflow:hidden; font-size:0;}
.xian .hz_t{ height:95px;}
.xian .hz_t em{ padding:25px 0 0;}
.xian p{ width:493px; float:left; padding:58px 36px 0 20px;}
.xian p img{ width:493px; height:282px;}
.xian ul{ width:425px; float:left; padding:40px 0 0;}
.xian ul li{ height:40px; padding:0 0 10px;}
.xian ul li i{ display:block; float:left; font-size:18px; color:#fff; font-weight:bold; background:url(Img/Index/xian_ico01.gif) no-repeat; width:110px; height:40px;  line-height:40px; text-align:center;}
.xian ul li span{ display:block; float:left; width:295px; padding:0 0 0 12px; font-size:14px; color:#fff; height:40px; line-height:40px;}
.xian ul li span.xian_span01{ line-height:20px;}

/*走进天丽*/
.about{ position:relative; font-size:0;}
.about dl{ display:inline-block; width:1000px; height:144px;}
.about dl dt{ width:150px; float:left; position:absolute; top:0; left:41px;}
.about dl dt img{ width:150px; height:520px;}
.about dl dd{ width:525px; float:left; padding:0 0 0 215px;}
.about dl dd p{ font-size:14px; color:#636363; height:96px; line-height:24px; overflow:hidden;}
.about dl dd span{ display:block; padding:15px 0 0;}
.about dl dd span img{ width:60px;  height:24px;}
.about b{ display:block; padding:36px 0 0; float:left;}
.about b img{ width:740px; height:340px;}
.about em{ display:block; position:relative; float:left;}
.about em img{ width:220px; height:340px;}
.xc_img a{float:left;}
.about em .ab_l{ position:absolute; top:220px; right:0;}
.about em .ab_r{ position:absolute; top:220px; right:-40px;}
.about em .ab_l img,.about em .ab_r img{ width:40px; height:40px;}

/*广告条*/
.ban02{ background:url(Img/Index/ban02.jpg) no-repeat center 0; height:298px; margin:-38px 0 0;}
.ban02 p{ padding:150px 0 0; width:240px;}
.ban02 p em{ display:block; padding:0 0 12px 0;}

/*天丽荣誉*/
.honor{ width:480px; font-size:0; padding:60px 0 40px;}
.honor_t{ background:url(Img/Index/honor_tbg.gif) no-repeat; width:435px; padding:0 0 0 45px; height:40px; line-height:40px; overflow:hidden;}
.honor ul{position:relative;}
.honor_t a{ font-size:18px; color:#fff; font-weight:normal;}
.honor ul li{ width:230px; float:left; position:relative; padding:20px 5px 0;}
.honor ul li img{ width:228px; height:288px; border:#dcd9d8 1px solid;}
.honor ul li p{ display:none; width:230px; height:290px; background:url(Img/Index/honor_picbg.png) repeat; position:absolute; bottom:0; left:5px;}
.honor ul li span{ display:block; width:36px; margin:0 auto; padding:115px 0 15px;}
.honor ul li span img{ width:36px; height:36px; border:none;}
.honor ul li i{ display:block; text-align:center;}
.honor ul li i a{ font-size:14px; color:#fff;}
.honor b{ display:block; width:120px; margin:0 auto; padding:20px 0 0;}
.honor b .honor_l{ background:url(Img/Index/honor_lico01.gif) no-repeat; display:block; float:left; width:40px; height:30px; margin:0 8px;}
.honor b .honor_l:hover{ background:url(Img/Index/honor_lico02.gif) no-repeat;}
.honor b .honor_r{ background:url(Img/Index/honor_rico01.gif) no-repeat; display:block; float:left; width:40px; height:30px; margin:0 8px;}
.honor b .honor_r:hover{ background:url(Img/Index/honor_rico02.gif) no-repeat;}

/*常见问题*/
.wd{ width:480px; font-size:0; padding:60px 0 0;}
.wd .honor_t{ background:url(Img/Index/wd_tbg.gif) no-repeat;}
.wd p a{ display:block;}
.wd p span{ font-size:14px; color:#636363; display:block; line-height:24px; padding:0 0 0 100px;}
.wd p.wd_p01{ height:99px;}
.wd p.wd_p01 a{ background:url(Img/Index/wd_bg01.gif) no-repeat 0 0; height:63px; padding:36px 0 0;}
.wd p.wd_p01 a:hover{ background:url(Img/Index/wd_bg02.gif) no-repeat 0 0;}
.wd p.wd_p02,.wd p.wd_p03{ height:105px;}
.wd p.wd_p02 a{ background:url(Img/Index/wd_bg01.gif) no-repeat 0 -99px; height:63px; padding:42px 0 0;}
.wd p.wd_p02 a:hover{ background:url(Img/Index/wd_bg02.gif) no-repeat 0 -99px;}
.wd p.wd_p03 a{ background:url(Img/Index/wd_bg01.gif) no-repeat 0 -204px; height:63px; padding:42px 0 0;}
.wd p.wd_p03 a:hover{ background:url(Img/Index/wd_bg02.gif) no-repeat 0 -204px;}

/*天丽动态*/
.news{ width:640px; font-size:0;}
.news_t{ height:40px; background:url(Img/Index/new_tbg01.gif) no-repeat 0 0; line-height:40px;}
.news_t ul li{ float:left;}
.news_t ul li a{ font-size:18px; color:#636363; display:block; width:230px; height:40px; padding:0 0 0 50px;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#fff; background:url(Img/Index/new_tbg02.gif) no-repeat 0 0;}
.news_t ul li.news_li02 a:hover{ background:url(Img/Index/new_tbg02.gif) no-repeat -280px 0;}
.news dl{ width:640px; padding:20px 0; display:inline-block; overflow:hidden;}
.news dt{ width:340px; float:left; padding:0 20px 0 0;}
.news dt img{ width:300px; height:190px; padding:9px; border:#dcd9d8 1px solid;}
.news dd{ float:left; overflow:hidden; width:280px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:14px; color:#636363;}
.news dd p{ font-size:14px; color:#636363; height:120px; line-height:24px; overflow:hidden;}
.news dd span{ display:block; padding:15px 0 0;}
.news dd span a{ font-size:14px; color:#4bafe5; font-weight:bold;}
.news_m ul{ width:640px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:24px; line-height:24px; overflow:hidden; width:300px; float:left; margin:0 20px 0 0;}
.news_m ul li a{ font-size:14px; color:#636363;}
.news_m ul li span{ float:right; font-size:14px; color:#636363;}

/*在线留言*/
.sq{ width:320px;}
.sq_t{ background:url(Img/Index/ly_tbg.gif) no-repeat; height:40px; line-height:40px; padding:0 0 0 45px; width:275px;}
.sq_t a{ font-size:18px; color:#fff; font-weight:normal;}
.sq_m{ width:318px; padding:0 0 20px; border-bottom:#dcd9d8 1px solid; border-left:#dcd9d8 1px solid; border-right:#dcd9d8 1px solid; overflow:hidden;}
.sq_m b{ display:block; font-size:16px; color:#4bafe5; font-style:italic; text-align:center; height:20px; line-height:20px; overflow:hidden; padding:15px 0 10px;}
.sq ul li{ display:inline-block; width:300px; padding:0 0 11px;}
.sq ul li span{ font-size:14px; color:#636363; display:block; width:85px; text-align:right; line-height:28px; float:left;}
.sq ul li i{ display:block; float:left; line-height:28px; color:#e10010; width:5px; padding:0 0 0 5px;}
.sq .sq_inp01{ background:none; width:188px; height:28px; line-height:28px; border:#dcd9d8 1px solid; padding:0 5px; float:left; outline:none;}
.sq .sq_inp02{ background:none; width:188px; height:58px; border:#dcd9d8 1px solid; padding:5px; float:left; resize:none; outline:none; overflow:hidden;}
.sq .sq_inp03{ background:none; width:68px; height:28px; line-height:28px; border:#dcd9d8 1px solid; padding:0 5px; float:left; outline:none;}
.sq li.yzm img{ width:50px; height:20px;}
.sq li.tj{ padding:5px 0 0 75px;}
.sq .ly_btn01{ float:left; width:80px; height:30px;}
.sq .ly_btn02{ float:left; margin-left:40px; width:80px; height:30px;} 

/*友情链接*/
.link{ padding:60px 0 45px;}
.link_t{ background:url(Img/Index/link_tbg.gif) no-repeat 0 0; height:40px; line-height:40px; padding:0 0 0 45px; width:955px; overflow:hidden;}
.link_t a{ font-size:18px; color:#fff;}
.link_t span{ float:right; display:block; width:160px; height:40px; line-height:40px; text-align:center; background:#4bafe5;}
.link_t span a{ font-size:14px; color:#fff;}
.link p{ height:50px; line-height:25px; overflow:hidden; padding:15px 0 0;}
.link p a{ font-size:14px; color:#636363; display:inline-block; padding:0 20px;}
/*index.css end*/