@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,.w1200{ width:1200px; 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%;position:relative} 
.header .head{width:100%;background:#2f5eac;padding:7px 0}
.head span,.head span a{color:#fff;font-size:12px}
.header .middle{ padding:3px 0}
.header .menu{height:40px;margin-top:30px}
.menu .li1{float:left;margin-left:70px;position:relative;height:40px;line-height:40px}
.menu .li1 a{color:#333;font-size:16px;display:block;}
.menu .li1 a:hover{color:#f86d3b;}
.header .bg{ width:100%; position:absolute;bottom:-3px; left:0px; z-index:1000}
/*焦点图*/
.banner{width:100%;height:450px;clear:both;position:relative;}
.banner .ck-slide{width:100%;height:450px;margin:0 auto;position:relative;overflow:hidden;}
.banner .ck-slide ul.ck-slide-wrapper{height:450px;}
.banner .ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;margin:0;padding:0;list-style-type: none;}
.banner .ck-slide ul.ck-slide-wrapper li{position:absolute;}
.banner .ck-slidebox{position:absolute;left:50%;bottom:17px;z-index:30;}
.banner .ck-slidebox ul{height:20px;}
.banner .ck-slidebox ul li{float:left;margin:0 5px;}
.banner .ck-slidebox ul li em{display:block;width:12px;height:12px;background:url(../images/dd.png);text-indent:-9999px;cursor:pointer;}
.banner .ck-slidebox ul li.current em{background:url(../images/dd2.png);}
.banner .ck-slidebox ul li em:hover{background:url(../images/dd2.png);}
/* footer */
.footer{width:100%;background:#2f5eac;padding:22px 0 20px 0;}
.footer .f_left .f_menu{padding-bottom:16px}
.footer .f_left .f_menu a{color:#666;font-size:12px;margin-right:30px}
.footer .f_left p{color:#666;font-size:12px;line-height:24px}
.f_right .share{padding-top:21px;margin-right:42px}
.f_right .share li{width:36px;float:left;margin-left:10px;position:relative}
.f_right .share li a{display:inline-block;height:36px;width:36px;background:url(../images/share.png) no-repeat;overflow:hidden;transition: all linear 0.3s;}
.f_right .share li:hover .a1{background-position:0 -46px}
.f_right .share li .a2{background-position:-46px 0px}
.f_right .share li:hover .a2{background-position:-46px -46px}
.f_right .share li .a3{background-position:-92px 0px}
.f_right .share li:hover .a3{background-position:-92px -46px}
.f_right .share li .a4{background-position:-138px 0px}
.f_right .share li:hover .a4{background-position:-138px -46px}
