﻿/*页面开始*/
#IndexBanner{ background:url(/images/banner_bg.png) no-repeat top center; height:281px;}
#IndexContent{ width:890px;}

.up .left{ float:left; width:430px;}
.up .right{ float:right; width:430px; margin-left:30px;}
.up .text{ height:114px;}
.up .text table tr td{ vertical-align:middle;}
.up .product{ padding:0 8px; float:left;}

.mid .left{ float:left; width:260px; margin-right:40px;}
.mid .center{ float:left; width:285px; margin-right:50px;}
.mid .right{ float:right; width:255px;}
.mid .left .downli{ background:url(/images/small_3.gif) no-repeat 0 5px; padding-left:20px;}
.mid .left .reg_icon{ background:url(/images/small_4.gif) no-repeat 0 5px; padding-left:20px;}

.down .left{ float:left; width:260px; margin-right:40px;}
.down .right{ float:right; width:590px;}
.down .right .brand{ float:left; margin-right:3px; text-align:center;}
.down .right .brand img{ margin-bottom:5px;}


/*搜索页面*/
.search { padding:50px 0 150px 0; margin:0px auto; text-align:center; position:relative;}
.search h1 { font-size:20px; font-family:'Microsoft YaHei'; color:#ad0714;}
.secformtext{ width:400px;height:30px;  border:2px solid #888; border-radius:4px; padding:6px 0 6px 15px; color:#888; font-size:16px; line-height:16px; font-family:'Arial','宋体'; background:#fff; -moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease; margin-bottom:30px;}
.secformtext:focus{ border:2px solid #ccc; }
.search .secbutton {display:block; width:150px; border:0px; color:#fff; line-height:30px; background:#ad0714;border-radius:5px; margin:0px auto; cursor:pointer;}
.search .secbox { border:2px solid #ccc; width:415px; height:245px; border-radius:4px; position:absolute;left:50%; margin-left:-210px; top:142px; background:#fff;overflow:auto;}
.search .secbox p { font-size:16px;line-height:16px; padding:12px 0 12px 15px; border-bottom:1px solid #ccc; margin:0px;cursor:pointer; text-align:left;}
.search .secbox p.p_hover { background:#eee;}

.result { padding:50px 0 150px 0; margin:0px auto; text-align:center;}
.result h1 {  font-size:20px; font-family:'Microsoft YaHei'; color:#ad0714; margin-bottom:30px;}
.result p {width:400px; font-size:20px; font-family:'Microsoft YaHei'; color:#666; text-align:left; margin:0px auto; padding:10px 0;}
.btmline { width:100%; border-bottom:1px solid #dbdbdb; margin-bottom:30px;}


/*图片切换*/
.pubDiv{ height:281px; overflow:hidden; position:relative;}
.ck-slidebox{position:absolute;right:5px; bottom:-4px;padding-left:19px;overflow:hidden;}
.ck-slidebox li{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;}
.ck-slidebox span{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;font-size:0.8em;width:10px;height:10px;border-radius:5px;margin-right:2px;background:#fff;filter:alpha(opacity=85);opacity:0.85;cursor:hand;cursor:pointer;}
.ck-slidebox span.current{background:#e60012;}
.ck-prev,.ck-next{position:absolute;top:111px;width:32px;height:65px;text-indent:-999em;overflow:hidden;}

.ck-prev{left:15px;background-position:0 0;background:url(../images/index_last.png) no-repeat;}
.ck-next{right:15px;background-position:100% 0;background:url(../images/index_next.png) no-repeat;}
.ck-slide-wrapper{ padding:0px; margin:0px; height:281px; overflow:hidden;}
.ck-slide-wrapper li{ position:absolute;}

/*微信icon*/
.icons {position: absolute; right: 0; top: 0; height: 100%; width: 80px; text-align: center; font-size: 0;}
.icons > a {display: inline-block; width: 35px; margin-top: 42.5px; position: relative; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.icons .weixin {margin-right: 10px;}
.icons > a > img {display: block; cursor: pointer; width: 100%;}
.icons .weixin .code, .icons .facebook .code {background: #fff; width: 180px; height: 180px; position: absolute; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; top: -190px; left: 50%; margin-left: -90px; box-shadow: 0 0 20px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.2); opacity: 0; visibility: hidden; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; transform-origin: center bottom; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);}
.icons .weixin .code:before, .icons .facebook .code:before {content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 6px solid #fff; position: absolute; left: 50%; margin-left: -6px; bottom: -6px;}
.icons .weixin .code img, .icons .facebook .code img {display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.icons .weixin:hover .code, .icons .facebook:hover .code {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1; visibility: visible;}
.icons > a:hover > img {opacity: .8;}
.icons em {display: block; text-align: left; font-size: 12px; line-height: 16px; margin: 20px 0 10px; font-style: normal;}