/* CSS Document */

body{font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#19110b;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;}
img{ border:0;}
ul,li{ list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

.mian{ max-width:1356px; margin:0 auto;}





.div_class{  margin:0 auto; width:1330px; font-size:14px; line-height:80px;}
.div_class a{ color:#012c8c;}
.div_class input{ float:right; width:199px; height:32px; line-height:32px; border-radius:5px; background:url(../image/fd.png) 12px 7px no-repeat; color:#999; padding:0; border:1px solid #666; padding-left:46px; margin-top:23px;}
.div_tjal{ float:left;width:100%; background:#FFF;}
.div_tjal .ul{text-align:center;list-style-type:none; width:786px; margin:0 auto; margin-top:85px;}
.div_tjal .ul li{display: inline-block; text-align:center; width:96px; margin:0 77px;}
.div_tjal .ul li:nth-child(1){ background:url(../image/tjal_li.png) 22px 0px no-repeat;}
.div_tjal .ul li:nth-child(2){ background:url(../image/tjal_li.png) 22px -109px no-repeat;}
.div_tjal .ul li:nth-child(3){ background:url(../image/tjal_li.png) 22px  -227px no-repeat;}
.div_tjal .ul li a{ display:block; padding-top:54px; font-size:20px; color:#999;}
.div_tjal .ul li.select:nth-child(1){ background:url(../image/tjal_li_a.png) 22px 0px no-repeat;}
.div_tjal .ul li.select:nth-child(2){ background:url(../image/tjal_li_a.png) 22px -109px no-repeat;}
.div_tjal .ul li.select:nth-child(3){ background:url(../image/tjal_li_a.png) 22px  -227px no-repeat; }
.div_tjal .ul li.select a{ color:#000;}
.div_tjal .ul li.select samp{ display:block; margin:0 auto; width:36px; height:3px; background:#012c8c; margin-top:26px;}

.tjal{ display:block; max-width:1280px; margin:0 auto; margin-top:85px;}
.tjal li{ float:left; width:100%; height:520px; position:relative; margin-bottom:29px;}
.tjal li img{ float:left; width:100%;}
.tjal li .span{ position:absolute; left:37px; bottom:30px; color:#FFF;font-size:16px; background:url(../image/zb.png) left no-repeat; padding-left:26px;}
.tjal li .div_a{ position:absolute; float:left; width:707px; height:221px; background:url(../image/tjal_fk.png) no-repeat; top:152px; left:287px;}

.tjal li .div_a span:nth-child(1){ width:70%; margin:0 108px; text-align:center; font-weight:bold; position:absolute; color:#FFF; font-size:25px; top:40px; z-index:9;}
.tjal li .div_a span:nth-child(2){ width:100%; text-align:center; font-weight:bold; position:absolute; color:#FFF; font-size:28px; top:132px;}


.lanren{ display:block; max-width:1280px; margin:0 auto; margin-top:85px;}
.lanren li{ float:left; width:409px; height:510px; overflow:hidden; margin-right:20px; margin-bottom:30px; border:0;}
.lanren li:nth-child(3n){ margin-right:0;}
.lanren li .img{ float:left; width:409px; height:403px;}
.lanren li .img img{ float:left; width:100%; height:403px;}
.lanren li .div_a{ float:left; width:100%; background:#FFF;}
.lanren li span{ display:block;}
.lanren li span:nth-child(1){ font-size:14px; color:#19110b; background:url(../image/designer.jpg) no-repeat; padding-left:23px; margin-top:30px;}
.lanren li span:nth-child(2){ font-size:16px; color:#19110b; background:url(../image/sh_ang.jpg) 0px 7px no-repeat; padding-left:14px; margin-top:5px;}
.lanren li:hover .div_a{ height:150px; margin-top:-50px;transition:.5s; opacity: 1;}
.lanren li:hover span:nth-child(3){ display:inline-block; opacity: 1;}
.lanren li span:nth-child(3){ opacity: 0; margin-top:30px; width:100%; color:#666; font-size:14px;}
.lanren li span:nth-child(3) span{ float:right; margin:0; background:none;}
.lanren li span:nth-child(3) samp{ display:inline-block; color:#999; font-size:14px;}
.lanren li span:nth-child(3) samp:nth-child(1){ background:url(../image/kan.jpg) 0 2px no-repeat;background-size: 35%; padding-left:28px; margin-right:10px;}
.lanren li span:nth-child(3) samp:nth-child(2){ float:right; background:url(../image/x1.jpg) 0 2px no-repeat;background-size: 45%; padding-left:25px;}
.lanren li:hover .div_b{ float:left; width:100%; height:355px; background:url(../image/bf.png) center no-repeat,url(../image/bf1.png);margin-top: -503px;}
.lanren .showMorehandle{overflow: hidden;text-align: center;cursor:pointer}
.lanren .showMorehandle{display: block;width:178px; height:43px; line-height:43px; border:1px solid #19110b; color:#19110b; font-size:14px; margin:0 auto;text-align:center;border-radius:5px; margin-bottom:50px;}

.lanrena{ display:block; max-width:1280px; margin:0 auto; margin-top:85px;}
.lanrena li{ float:left; width:410px; height:390px; overflow:hidden; margin-left:20px; margin-bottom:30px; position:relative;}
.lanrena li:nth-child(3n+1){ margin-left:0;}
.lanrena li img{ float:left; width:100%;height: 307px;}
.lanrena li .div_a{ float:left; width:100%; background:#FFF;}
.lanrena li span{ display:block;}
.lanrena li span:nth-child(1){ font-size:14px; color:#19110b; background:url(../image/zb.jpg) no-repeat; padding-left:23px; margin-top:30px;}
.lanrena li span:nth-child(2){ font-size:16px; color:#19110b; background:url(../image/sh_ang.jpg) 0px 7px no-repeat; padding-left:14px; margin-top:5px;}
.lanrena li:hover .div_a{ height:125px; margin-top:-45px;transition:.5s; opacity: 1;}
.lanrena li:hover span:nth-child(3){ display:inline-block; opacity: 1;}
.lanrena li span:nth-child(3){ opacity: 0; margin-top:30px; width:100%; color:#666; font-size:14px;}
.lanrena li span:nth-child(3) span{ float:right; margin:0; background:none;}
.lanrena li span:nth-child(3) samp{ display:inline-block; color:#999; font-size:14px;}
.lanrena li span:nth-child(3) samp:nth-child(1){ background:url(../image/kan.jpg) 0 2px no-repeat;background-size: 35%; padding-left:28px; margin-right:10px;}
.lanrena li span:nth-child(3) samp:nth-child(2){ float:right; background:url(../image/x1.jpg) 0 2px no-repeat;background-size: 45%; padding-left:25px;}
.lanrena li .div_b{ display:none;}
.lanrena li:hover .div_b{transition:.5s; display:block; position:absolute; width:100%; text-align:center; height:384px; background:url(../image/bf1.png); top:0; color:#FFF;}
.lanrena li:hover .div_b span{ display:block; width:100%; background:none; padding:0; margin:0; text-decoration:underline; line-height:42px;}
.lanrena li:hover .div_b span:nth-child(1){ color:#FFF; font-size:24px; margin-top:33%;}
.lanrena li:hover .div_b span:nth-child(2){ color:#FFF; font-size:16px;}
.lanrena li:hover .div_b img{display:block; width:29px;height:21px; position:absolute; bottom:10%; left:46%;}
.lanrena .showMorehandle{overflow: hidden;text-align: center;cursor:pointer}
.lanrena .showMorehandle{display: block;width:178px; height:43px; line-height:43px; border:1px solid #19110b; color:#19110b; font-size:14px; margin:0 auto;text-align:center;border-radius:5px; margin-bottom:50px;}


.lanren1{ float:left; margin-bottom:50px;}