@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}
.toptel a {color:#0075bf;}
.toptel a:hover{color:#ffffff;font-size:14px}

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

.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{ padding:15px 0 18px 0}

.header .head img{ height: 77px; }

.head .menu{ margin-top:45px; margin-left:50px}

.menu li{ float:left; margin:0 23px; position:relative}

.menu li a{ display:block; padding:0 11px; border-bottom:2px solid #fff; color:#000;font-weight:bold; font-size:16px; padding-bottom:19px;transition: all linear 0.3s;}

.menu li:hover a{color:#478d91;border-bottom:2px solid #478d91}

.menu li .snav{position:absolute;width:154px;overflow:hidden;top:50px;display:none;background:#fff;z-index:10;-moz-box-shadow:0 2px 5px #888;-webkit-box-shadow:0 2px 5px #888;box-shadow:0 2px 5px #888; left:-35px}
.menu li .snav dl{width:154px; text-align:center}
.menu li .snav dl dd{float:left;width:100%;position:relative;border-bottom:1px solid #e6e6e6;height:51px}
.menu li .snav dl dd.last{border-bottom:none}
.menu li .snav dl dd a{display:block;background:none;color:#666;font-size:12px;line-height:52px; height:51px; padding:0px;border-bottom:none}
.menu li .snav dl dd a:hover{ background:#f4f4f4;color:#478d91;border-bottom:none}

.head .search{ width:194px; height:24px; border:1px solid #e5e5e5; border-radius:14px; padding:2px}

.head .search input{ border:none; outline:none; padding:0}

.head .search .search01{ width:155px; height:24px; border-radius:14px; padding-left:10px; font-family:"微软雅黑"}

.head .search .search02{ background:url(../images/ss.png) no-repeat; width:24px; line-height:24px; cursor:pointer; color:#fff; text-indent:-999px}


/*焦点图*/

.banner{width:1200px;height:380px;position:relative;margin:0 auto;}

#focus{width:1920px;height:380px;overflow:hidden;position:absolute;top:0;left:-350px;}

#focus ul{height:380px;position:absolute;}

#focus ul li{float:left;width:1920px;height:380px;overflow:hidden;position:relative; /*background: #000;*/}

#focus ul li a{display:block;width:1920px;height:380px;}

#focus .btn{width:88px;height:16px;margin:0 auto;}

#focus .preNext{width:48px;height:48px;position:absolute;top:203px;cursor:pointer;}

#focus .btn span{display:block;float:left;width:12px;height:12px;background:#fff;margin:0 3px;background:#fff;cursor:pointer; border-radius:100%}

#focus .btn span.on{background:#81d1d2;}

#focus .dw{width:1920px;height:16px;position:absolute;bottom:15px;left:0;}


/* footer */

.footer{width:100%;background:#000000;padding:12px 0; min-width:1200px}

.footer .f_left{margin-top:11px}

.footer .f_left .f_menu{padding-bottom:11px}

.footer .f_left .f_menu a{color:#8f9798;font-size:12px;margin-right:30px}

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

.f_right .share{padding-top:32px; margin-right:42px}

.f_right .share li{width:36px;float:left;margin-left:10px;position:relative}

.share li .info{position:absolute;bottom:42px;left:0;width:100px;height:0;overflow:hidden;}

.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 -48px}

.f_right .share li .a2{background-position:-46px 0px}

.f_right .share li:hover .a2{background-position:-46px -48px}

.f_right .share li .a3{background-position:-92px 0px}

.f_right .share li:hover .a3{background-position:-92px -48px}