/* CSS Document */
@CHARSET "UTF-8";
@import url("/skin/default/css/daohang.css");

body ,html{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	font-size:1em;
	text-align: left;
	font-family:"taipurui";
	background: #ffffff;
}

img {border: none;}
p,ul,ol,li,form,h1,h2,h3,table,td,tr,b {margin:0; padding:0; list-style: none; font-weight:normal;}

/* shouji */
.daohang{display:none;}
.gonglwein{display:none;}
.shoujif{display:none;}


/* con */
.listzong{ width:100%; float:left; }
.lis100{ width:1400px; margin-left:auto; margin-right:auto;}
.lis100 h1{ float:left; width:100%; color:#1275b8; font-size:26px; font-family:"taipurui-Bold"; text-align:center; line-height:25px; padding-bottom:20px;}

.lis100 .features{ float:left; width:100%; text-align:justify;line-height:26px; color:#4d4d4d; margin-bottom:10px;}
.lis100 .features p{ padding:5px 0px; }


.lis100 ul{width:1400px; float:left;}
.lis100 ul li{width:453px; float:left; margin:10px 20px 10px 0px; } 
.lis100 ul li:nth-child(3n+3){ margin-right:0px;}
.lis100 ul li .liimg{width:100%; float:left; position:relative; } 
.lis100 ul li .liimg img{ border-radius:4px; float:left; width:100%; height:280px;}
.lis100 ul li .liimg .lmt{position:absolute; top:20px; left:0px; z-index:10; border-radius:0px 4px 4px 0; padding-left:20px; padding-right:20px; background-color: rgba(18, 117, 184, 0.8); height:42px; line-height:42px;}

.lis100 ul li .lmt a:link {color:#fff; text-decoration:none; } 
.lis100 ul li .lmt a:visited {color:#fff; text-decoration:none;} 
.lis100 ul li .lmt a:hover,a:active {color:#fff; text-decoration: underline;}

.lis100 ul li .highlights{position:absolute; width:100%; left:0px; bottom:0px; height:45px; text-align:center; line-height:45px; color:#cdcdcd; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent); overflow:hidden; z-index:50;  border-radius:0px 0px 4px 4px;}


.morelist{float:left; width:100%;}
.morelist span{float:left; margin:10px 20px 10px 0px; }
.morelist span:nth-child(4n+4){ margin-right:0px;}
.morelist span a:link {color:#3f3f3f; text-decoration:none; } 
.morelist span a:visited {color:#3f3f3f; text-decoration:none;} 
.morelist span a {width:335px; height:40px; text-align: center; font-size:16px; line-height:40px; float:left; background-color: #f5f5f5; transition: background-color .3s; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.morelist span a:hover {background-color: #1275b8; color: #ffffff; text-decoration: none;}


/* tailor made */
.tailormade{width:1360px; padding:20px; float:left; background:url(/skin/default/images/ctbgb.jpg) bottom repeat-x; box-shadow: inset 0px 0px 1px 1px rgba(90, 90, 90, 0.2); margin:10px 0;}
.tailormaden{width:100%; float:left; }
.tailormaden .tl{float:left; width:60%;}
.tailormaden .tl h2{ float:left; width:100%; color:#1275b8; text-align:left; font-size:26px; font-family:"taipurui-Bold"; line-height:26px; padding-bottom:15px;}
.tailormaden .tl h2 a:link {color:#1275b8; text-decoration: none; } 
.tailormaden .tl h2 a:visited {color:#1275b8; text-decoration: none;} 
.tailormaden .tl h2 a:hover,a:active {color:#1275b8; text-decoration: underline;}

.tailormaden .tl p{ text-align:justify; line-height:26px; color:#4d4d4d;}
.tailormaden .tr{float:left; width:40%; }
.tailormaden .tr img{float: right; }