@charset "utf-8";

body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}

body{ font-size:12px;color:#666;font-family:"微软雅黑";background:#fff; width:100%;overflow-x:hidden;word-break:break-all;}

em{font-style:normal;}

h1,h2,h3,h4,h5{margin:0; padding: 0; font-weight:normal}

ul, ol { list-style: none; }

a { text-decoration: none; color:#999;}

a:hover{ text-decoration:none;}

img{ border:none; line-height:0; font-size:0;vertical-align:bottom;}

.clear{ clear:both; line-height:0; font-size:0; overflow: hidden;}

.wrap,.w1180{ width:1180px; margin:0 auto;}

.fr{ float:right}

.fl{ float: left}

/*======================浮动的外层==================*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix { zoom:1 }

.clearfix { display:block; }

/* end clearfix */

/*header*/

.header{ width:100%}

.header .head{ width:1180px; padding:45px 0 17px 0}

.header .head .top{ margin-top:15px}
.logo img{display: inline-block;
    float: left;
    padding-right: 20px;}
.logo a span {
    overflow: hidden;
    display: block;
    color: #000;
    font-size: 16px;
    padding-top: 8px;
}
.logo{width:350px; text-align:center}
.header .head .top span{ display:inline-block; float:left; height:30px; line-height:30px}

.header .head .top span a{ color:#000; font-size:13px; margin:0 13px}

.header .head .top .search{ float:right; border:1px solid #adadad; height:28px; width:168px}

.header .head .top .search input{ border:none; outline:none; float:left; width:128px; height:26px; padding-left:10px}

.header .head .top .search button{ border:none; cursor:pointer; background:url(../images/ss.png) no-repeat center; float:right; height:28px; width:28px;outline:none; }

.header .menu{ margin-bottom:30px}

.header .menu .li1{ float:left; position:relative}

.header .menu .li1 a{ color:#0d0d0d; font-size:16px; display:block; padding:0 47px;height:32px; line-height:32px}

.header .menu .li1 a:hover,.header .menu .li1:hover a{ color:#1a6db0}

.header .menu .li1 .sub_menu{ position:absolute;text-align: center; display:none; background:#fff;border-top:none; padding-top:4px;z-index: 2;width:100%;}

.header .menu .li1 .sub_menu a{ color:#666; font-size:12px; display:block; padding:0px; line-height:36px;}

.header .menu .li1:hover .sub_menu { display:block}

.header .menu .li01:hover a{ border-bottom:none; padding:0 47px}

.header .menu .li01 .sub_menu .li2:hover a,.header .menu .li01 .sub_menu .li2 a{ border:none}

.header .menu .li01 .sub_menu .li2 a{ height:auto;line-height:36px; padding:0px}

.header .menu .li01 .sub_menu .li2 a:hover{ color:#1a6db0}
.header .menu .li01 .sub_menu .li2{ border-bottom:1px solid #dfdfdf}

/*大焦点图*/
.banner{ width:100%; height:550px; clear:both; position:relative}
.banner .ck-slide { width:100%; height:550px; margin: 0 auto; position: relative; overflow: hidden;}
.banner .ck-slide ul.ck-slide-wrapper { height:550px;}
.banner .ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; margin: 0; padding: 0; list-style-type: none;}
.banner .ck-slide ul.ck-slide-wrapper li { position: absolute;width:100%; height:550px;}
.banner .ck-slidebox { position: absolute; left: 50%; bottom:10px; z-index: 30;}
.banner .ck-slidebox ul { height: 20px; padding: 0 2px; border-radius: 8px;}
.banner .ck-slidebox ul li { float: left;margin:0 2px;}
.banner .ck-slidebox ul li em { display: block;width:13px;height:13px; background:url(../images/dd2.png);text-indent: -9999px; cursor: pointer;}
.banner .ck-slidebox ul li.current em { background:url(../images/dd1.png);}
.banner .ck-slidebox ul li em:hover { background:url(../images/dd1.png);}

/*footer*/

.footer{ width:100%; background:#02060e; padding:18px 0}

.footer p{ line-height:24px; color:#333842; font-size:12px;}

.footer li{ float:left; margin-left:10px; position:relative}

.footer li span{position:absolute; left:10px; top:-50px; display:none; padding-left:30px}
.footer li:hover span{ display:block}

.footer li a{ background:url(../images/sign.png) no-repeat; height:30px; width:30px; overflow:hidden; display:inline-block}

.footer li:hover .a1{ background-position:0 -39px}

.footer li .a2{background-position:-40px 0px}

.footer li:hover .a2{ background-position:-40px -39px}

.footer li .a3{background-position:-80px 0px}

.footer li:hover .a3{ background-position:-80px -39px}

.footer li .a4{background-position:-120px 0px}

.footer li:hover .a4{ background-position:-120px -39px}

.footer .sub_right{ margin-top:10px}