@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei";}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none;}
img{ vertical-align:middle; border:0; margin:0; padding:0;}
button{ vertical-align:middle; cursor:pointer;}
input txt,button{ vertical-align:middle; border:none;}
a,a:link{ color:#333333; text-decoration:none;}
a:hover{ color:#333333; text-decoration:none}
.clear{ clear:both; overflow:hidden; height:0px;}
.clearfix{ overflow:hidden; zoom:1;}
.lft{ float:left;}
.rgt{ float:right;}

#tl-banner{ position: relative;}
#cls-tlb{
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    background: #333333;
    color: white;
    text-align: center;
    cursor: pointer;
}
table {width:100%;height:auto;margin:15px auto;border:1px solid #377ed0;border-collapse:collapse;font-size:14px;color:#333;}
table td {border:1px solid #161617;line-height: 24px;padding:5px 0;text-align: center;}


.header{ background:#FFF}
.top{ background:#FBFBFB; height:40px; line-height:40px}
.top .top-left{ float:left}
.top .top-left ul{ overflow:hidden}
.top .top-left li{ float:left; font-size:14px; color:#666; padding:0 19px}
.top .top-left li a{ color:#666}
.top .top-left li:last-child a{ color:#9933b2}
.top .top-right{ float:right; height:40px}
.top .top-right ul{ overflow:hidden}
.top .top-right li{ float:left; font-size:14px; margin-left:16px}
.top .top-right li.phone{ font-size:12px; color:#666; padding-left:30px; position:relative}
.top .top-right li.phone:before{ content:""; position:absolute; width:20px; height:22px; background:url(../images/icon.png) no-repeat; background-position:0 0; top:9px; left:0}
.top .top-right li.phone span{ font-size:14px; color:#e51c2c}
.top .top-right li a{ color:#333}
.logo-nav-search{ height:100px}
.logo-nav-search .logo{ float:left; line-height:100px}
.logo-nav-search .nav{ float:left; width:790px; margin:39px 0 0 45px}
.logo-nav-search .nav ul{ overflow:hidden}
.logo-nav-search .nav li{ float:left; font-size:16px; color:#333; line-height:21px; padding:0 14px}
.logo-nav-search .nav li a{ display:block; padding-bottom:10px; position:relative}
.logo-nav-search .nav li a:before{ content:""; position:absolute; background:#E51C2C; width:30px; height:2px; margin-left:-15px; bottom:0; left:50%; display:none}
.logo-nav-search .nav li.on a,.logo-nav-search .nav li a:hover{ color:#e51c2c}
.logo-nav-search .nav li.on a:before,.logo-nav-search .nav li a:hover:before{ display:block}
.logo-nav-search .search{ float:right; width:154px; height:32px; margin-top:34px; position:relative}
.logo-nav-search .search:before{ content:""; position:absolute; width:13px; height:13px; border:solid 1px #999; border-radius:13px; top:8px; right:11px}
.logo-nav-search .search:after{ content:""; position:absolute; background:#999; width:7px; height:1px; transform:rotate(40deg); bottom:9px; right:7px}
.logo-nav-search .search input.search-text{ display:block; background:#F6F6F6; width:117px; height:32px; font-size:14px; color:#666; padding:0 30px 0 7px; border:none; border-radius:6px; outline:none}
.logo-nav-search .search input.search-submit{ position:absolute; background:none; width:30px; height:30px; border:none; cursor:pointer; outline:none; top:1px; right:1px}

.footer{ background:#F9F9F9; padding:36px 0}
.footer .friendship{ padding-bottom:36px}
.footer .friendship-title{ font-size:14px; color:#333; line-height:19px}
.footer .friendship-link{ padding-top:8px}
.footer .friendship-link ul{ overflow:hidden}
.footer .friendship-link li{ float:left; font-size:12px; color:#333; line-height:18px; margin-right:22px}
.footer .footer-cont{ border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; padding:36px 0 42px; overflow:hidden}
.footer .footer-cont .fc-left{ float:left; width:919px}
.footer .footer-cont .fc-left ul{ overflow:hidden}
.footer .footer-cont .fc-left li{ float:left; width:216px}
.footer .footer-cont .fc-left li:first-child{ width:176px}
.footer .footer-cont .fc-left dt{ font-size:18px; color:#333; line-height:23px; padding-bottom:24px}
.footer .footer-cont .fc-left dd{ font-size:12px; color:#333; line-height:19px}
.footer .footer-cont .fc-left dd a{ color:#333}
.footer .footer-cont .fc-right{ float:left; width:259px; height:212px; border-left:solid 1px #E6E6E6; padding-left:21px}
.footer .footer-cont .fc-right span{ display:block; font-size:18px; color:#333; line-height:21px}
.footer .footer-cont .fc-right .footer-erweima{ background:#333; width:156px; height:156px; margin-top:29px}
.footer .footer-cont .fc-right .footer-erweima img{ width:100%}
.footer .footer-bom{ text-align:center; padding-top:30px}
.footer .footer-bom .copy{ font-size:12px; color:#333; line-height:19px; padding-bottom:8px}

/*子导航*/
.subnav{ background:#F5F5F5; height:30px; line-height:30px; overflow:hidden; position:relative}
.subnav:before{ content:""; position:absolute; width:100%; height:10px; box-shadow:rgba(0,0,0,.6) 0 0 10px; top:-10px; left:0}
.subnav .subnav-left{ float:left}
.subnav .subnav-left ul{ padding-left:37px; overflow:hidden; position:relative}
.subnav .subnav-left ul:before{ content:""; position:absolute; width:21px; height:19px; background:url(../images/icon.png) no-repeat; background-position:-20px 0; left:0; top:6px}
.subnav .subnav-left li{ float:left; font-size:14px; color:#666; padding-right:26px; position:relative}
.subnav .subnav-left li a{ color:#666}
.subnav .subnav-left li:before{ content:">"; position:absolute; width:26px; height:30px; line-height:30px; text-align:center; top:0; right:0}
.subnav .subnav-left li:last-child:before{ display:none}
.subnav .subnav-right{ float:right; font-size:14px; color:#333}
.subnav .subnav-right span{ color:#e51c2c}
.subnav .subnav-right a{ color:#e51c2c; margin-left:24px}

/*右侧浮动*/
.fixed-contain{ position:fixed; background:#FFF; width:64px; box-shadow:rgba(0,0,0,.2) 0 0 8px; border-radius:16px; padding-bottom:12px; margin-top:-100px; top:50%; right:24px; z-index:99999}
.fixed-contain li{ text-align:center; margin-top:9px; cursor:pointer; position:relative}
.fixed-contain li .box i{ display:block; width:40px; height:40px; margin:0 auto; background:url(../images/fixed-contain-icon.png) no-repeat}
.fixed-contain li:nth-child(1) .box i{ background-position:0 0}
.fixed-contain li:nth-child(2) .box i{ background-position:-40px 0}
.fixed-contain li:nth-child(3) .box i{ background-position:-80px 0}
.fixed-contain li:nth-child(4) .box i{ background-position:-120px 0}
.fixed-contain li .box span{ display:block; font-size:12px; color:#333; line-height:18px}
.fixed-contain li .tips{ display:none; position:absolute; top:50%; right:80px; margin-top:-17px; background:#E51C2C; width:185px; height:52px; line-height:52px; text-align:center; font-size:16px; color:#fff; border-radius:3px}
.fixed-contain li .weixin{ background:#FFF; margin-top:-75px; width:130px; height:130px; padding:10px;-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.12);
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.06), 0 15px 40px 0 rgba(0,0,0,.12);}
.fixed-contain li .weixin img{ width:100%}
.fixed-contain li:hover .weixin,.fixed-contain li:hover .tips{display:block;-webkit-animation:tipsShow .25s ease-in 1 forwards;-moz-animation:tipsShow .25s ease-in 1 forwards;-o-animation:tipsShow .25s ease-in 1 forwards;-ms-animation:tipsShow .25s ease-in 1 forwards;animation:tipsShow .25s ease-in 1 forwards}

@-moz-keyframes tipsShow{
	0%{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);right:70px}
	to{opacity:1;-ms-filter:none;filter:none;right:80px}
}
@-webkit-keyframes tipsShow{
	0%{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);right:70px}
	to{opacity:1;-ms-filter:none;filter:none;right:80px}
}
@-o-keyframes tipsShow{
	0%{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);right:70px}
	to{opacity:1;-ms-filter:none;filter:none;right:80px}
}
@keyframes tipsShow{
	0%{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);right:70px}
	to{opacity:1;-ms-filter:none;filter:none;right:80px}
}