@charset "UTF-8";
/* style of public files
 *
 *
 *@author           Sophia
 *@version          0.1
 *@last-time        2015.3
 *
 */
 
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "microsoft yahei",\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-family:"microsoft yahei",simhei;}
code,kbd,pre,samp{font-family:"microsoft yahei",simhei;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
/*css reset*/

.index-width{ width: 980px; margin-left: auto; margin-right: auto; text-align: center;}
.clearfix:before, .clearfix:after{ content: ""; display: table;}
.clearfix:after{ clear: both;}
.clearfix{ *zoom:1;}

#hd-top{ background: #404040;}
#hd-top-box{ height: 36px; line-height: 36px;}
#hd-welcome{ float: left;}
#hd-welcome div, #hd-welcome button{ float: left;}
#hd-welcome div{ color: #fff;}
#hd-welcome button{ margin-left: 10px; border: none; height: 20px; line-height: 20px; margin-top: 8px; width: 26px; background: #f7f7f7;}
#hd-welcome button:hover{ color: #fff; background: #335db4;}
#hd-top-right{ float: right;}
#hd-top-right li{ float: left; margin-left: 10px; text-align: left;}
#hd-top-right li a{ color: #fff; display: block; width: 50px; padding-left: 25px;}
#hd-top-right li a:hover{ color: #335db4; text-decoration: underline;}
#hd-top-right1{ background: url(../images/home.png) left center no-repeat;}
#hd-top-right2{ background: url(../images/shoucang.png) left center no-repeat;}
#hd-top-right3{ background: url(../images/phone.png) left center no-repeat;}
#hd-top-right li #hd-top-right1:hover{ background: url(../images/home1.png) left center no-repeat;}
#hd-top-right li #hd-top-right2:hover{ background: url(../images/shoucang1.png) left center no-repeat;}
#hd-top-right li #hd-top-right3:hover{ background: url(../images/phone1.png) left center no-repeat;}


/*logo*/
.hd-logosearch{ padding-top: 20px; padding-bottom: 20px; background-color: #d8e6fa;}
.hd-logosearch-box{overflow: hidden;zoom:1; width: 980px; margin: auto; text-align: center;}
.hd-logo{float: left; }
.hd-search{float: right;}
.hd-search-box{ overflow: hidden;zoom:1; margin-top: 15px;}
.search-input{float: left; color: #c6c4c4; width: 400px; height: 30px; line-height: 30px; padding-left: 35px; background: url(../images/pu_06.jpg) 8px center no-repeat #fff; border: 3px solid #5577bf;font-family:"宋体",SimSun;}
.search-btn{float: left; color: #fff; font-size: 14px; width: 60px; height: 36px; border: 3px solid #5577bf; background: #5577bf;}
.hd-search-hot{ text-align: left; margin-top: 10px;font-family:"宋体",SimSun;}
.hd-search-hot a{ color: #666; margin-right: 8px;}
.hd-search-hot a:hover{color: #be1c23;text-decoration: underline;}
.hd-search-hot .search-hot{color: #be1c23;}

/*导航*/
#hd-nav{ height: 38px;border: 1px solid #2e5fc5; background: #305bb8; background:-moz-linear-gradient(to bottom, #305bb8, #1a439c); background:-webkit-linear-gradient(to bottom, #305bb8, #1a439c); background:linear-gradient(to bottom, #305bb8, #1a439c);}
#hd-nav-ul li{ float: left; width: 96px; border-left: 1px solid #2e5fc5; border-right: 1px solid #173e8e;height: 34px;}
#hd-nav-ul li a{margin-top: 4px; color: #fff; margin-left: auto; margin-right: auto; display: block; width: 80px; height: 34px; line-height: 30px;}
#hd-nav-ul li a:hover{ background: #fff; color: #19439a; border-top-left-radius: 3px; border-top-right-radius: 3px;}

/*热点*/
#hd-hot{ height: 34px; line-height: 34px;}
#hd-hot-tt{ width: 80px; float: left; background: url(../images/pu_11.jpg) left center no-repeat; padding-left: 25px; color: #333; font-weight: bold;}
#hd-hot ul{ float: left; width: 875px; float: left; height: 34px; overflow: hidden;}
#hd-hot ul li{ float: left; margin-right: 20px;}
#hd-hot ul li span{ margin-left: 10px;}

/*banner------------------------------------------------------*/
#m-banner{overflow:hidden;position:relative; clear: both; min-width: 960px; width: 100%; margin-left: auto; margin-right: auto; text-align: center;}
.cxslide_x{position:relative;width:1440px;height:308px;} 

.cxslide_x .box{overflow:hidden;position:relative;width:100%;height:308px;} 
.cxslide_x .list{overflow:hidden; width:9999px;} 
.cxslide_x .list li{float:left;position:relative;} 
.cxslide_x .list li img{width:1440px; height: 308px;}

.cxslide_x .btn{overflow:hidden;position:absolute;bottom:15px; left: 50%;}
.cxslide_x .btn li{float:left;width:18px;height:7px;margin:0 0 0 5px;background:#adb8c1;cursor:pointer;}
.cxslide_x .btn .selected{background:#cf0f0f;}

/*内页内容样式************************************************/
#websiteContent{ width:980px; margin:13px auto; overflow: hidden;zoom:1; }
.companyab{ position:absolute; left:305px; top:42px;}
.websiteSidebar{ width:204px; float:left; }
.sideabrone{ border:1px solid #e0e0e0;  padding-bottom:16px;}
.sideabrtilte{ background:#305bb8;   height:30px;}
.sideabrtilte h2{ font-size:14px; font-family:"微软雅黑"; height:30px; line-height:30px; padding-left:30px; color:#FFF;} 
.websiteMain{ float:right; width:760px; border:1px solid #e0e0e0;  }
.sidebarlist{ padding-top:5px;  max-height: 500px; overflow-y: auto;}
.sidebarlist li{ border-bottom:1px dashed #CCC; margin-left:10px; margin-right:10px; padding:5px; word-break:break-all;}
.sidebarlist li h3{height:30px; line-height:30px; border-bottom:1px solid #999;}
.sidebarlist li h3 a{ display:block; padding-left:21px;  color:#333333; font-size:12px;  }
.sidebarlist li h3 a.hoverh3{ background:#0a68ac; color:#FFF;}
.sidebarlist li a{ font-size:12px;color:#333333; display: block;}
.sidebarlist li a:hover{color: #cb0a0f;}
.sidebarsmall{ padding-top:8px;}
.sideabrtilte h2{ background:url(../images/contoant.png) no-repeat 10px center;}
.sidebarsmall li{ height:23px; line-height:23px; border-bottom:1px dashed #CCC; overflow:hidden;}
.sidebarsmall li a{ font-size:12px; padding-left:40px; color:#999;}
.sideabrtwo{ margin-top:12px; border:1px solid #e0e0e0;}
.contactcon { font-size:12px; color:#333333;   }
.contaclist{ padding:5px 10px 10px 10px;}
.contaclist li{ padding-top:5px; line-height:160%;}
.containertitle{ background:#305bb8; height:30px; line-height:30px; }
.containertitle h2{ color:#0a68ac; font-family:"微软雅黑"; font-size:14px;  padding-left:33px; color:#FFF; line-height:26px}
.contaiconc{ padding:17px; font-size:12px; color:#323232;}

/*内页内容样式结束************************************************/

.list-title{ height: 32px; line-height: 32px; background: #f6f6f6; background-image:-moz-linear-gradient(to bottom, #f6f6f6, #dddddd); background-image:-webkit-linear-gradient(to bottom, #f6f6f6, #dddddd); background-image:linear-gradient(to bottom, #f6f6f6, #dddddd);}
.list-title-left{ float: left; padding-left: 15px;}
.list-title-left h3{ float: left; color: #333; font-size: 14px;}
.list-title-left span{ float: left; color: #999; margin-left: 5px;}
.list-title a{ float: right; padding-right: 15px; color: #666;}
.list-title a:hover{ color: #cb0a0f;}

/*友情链接*/
#friend{ border: 1px solid #e0e1e2; margin-top: 15px;}
#friend-main{ padding: 15px;}
#friend-main li{ float: left; color: #333;}
#friend-main li a{ display: block; padding: 0 10px; color: #333;}
#friend-main li a:hover{color:#cb0a0f; text-decoration: underline;}

/*footer*/
#footer{ margin-top: 15px; padding-bottom: 15px;}
#ft-nav{ height: 47px; line-height: 47px; background: url(../images/footer-bg.jpg);}
#ft-nav ul{ width: 630px; margin-left: auto; margin-right: auto;}
#ft-nav li{ float: left; padding: 0 5px; color: #333;}
#ft-nav li a{ color: #333;}
#ft-nav li a:hover{ color:#cb0a0f; text-decoration: underline;}
#footer div{ margin-bottom: 10px;}
#footer div a{ color: #333;}
#footer div a:hover{color:#cb0a0f; text-decoration: underline;}

/*导航*/
#hd-nav-ul li {
    position: relative;
}

.two-nav {
    position: absolute;
    width: 80px;
    z-index: 101;
    background: #305bb8;
    background: -moz-linear-gradient(to bottom, #305bb8, #1a439c);
    background: -webkit-linear-gradient(to bottom, #305bb8, #1a439c);
    background: linear-gradient(to bottom, #305bb8, #1a439c);
    left: 8px;
    top: 34px;
    display: none;
}

#hd-nav-ul li:hover .two-nav {
    display: block;
}