@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;border:0;outline: none;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display: block;}
table{border-collapse: collapse; border-spacing: 0;}
caption,th{text-align: left; font-weight: normal;}
html,body,fieldset,img,iframe,abbr{border: 0;}
i,cite,em,var,address,dfn{font-style: normal;}
[hidefocus],summary{outline: 0;}
li{list-style: none;}
h1,h2,h3,h4,h5,h6,small{font-size: 100%;}
sup,sub{font-size: 83%;}
pre,code,kbd,samp{font-family: inherit;}
q:before,q:after{content: none;}
textarea{overflow: auto;resize: none;}
label,summary{cursor: default;}
a,button{cursor: pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: bold;}
del,ins,u,s,a,a:hover{text-decoration: none;}
body,textarea,input,button,select,keygen,legend{font: 12px/1.2 "microsoft yahei","SimHei",Arial,sans-serif; color: #333; outline: 0;}
a img{border: 0; outline: none;}
a{color: #333;}
img{display: inline-block;}
body {background: #eee;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content: ""; display: table; }
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;/*IE/7/6*/}

/**页头**/
.top{width: 100%; height: 30px; border-bottom: 1px solid #e1e1e1; background: #fafafa;}
.top .topBox{width: 1200px; height: 30px; font: 100 12px/30px "Microsoft YaHei",Arial,"宋体"; margin: 0 auto;}
.top .topBox .huanying{float: left; height: 30px; font: 100 12px/30px "microsoft yahei","SimHei",Arial,sans-serif; color: #777;}
.top .topBox .huanying a{color: #777;}
/* 公共头部 */
.top-bg {width: 100%; background: #fff;}
.top-container {width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0;}
.top-container .logo {float: left; width: 808px; height: 50px;}
.top-container .logo a {display: inline-block; width: 808px; height: 50px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat;}
.top-container .tel-box {float: right; overflow: hidden;}
.top-container .tel-box .tel-icon {float: left; width: 35px; height: 35px; display: inline-block; background: url('../images/tel.png') left no-repeat; background-size: contain; margin-top: 5px;}
.top-container .tel-box .tel-text {float: left; font-size: 18px; color: #666;}
.top-container .tel-box .tel-text .tel {font-size: 24px; color: #f80; font-family: sans-serif; font-weight: bold;}

/* 公共导航 */
.nav-container {width: 100%; height: 40px; line-height: 40px; background: #146C78;}
.nav {width: 1200px; margin: 0 auto;}
.nav li {position: relative; float: left; width: 100px; font-size: 16px; text-align: center; margin-right: 45px; z-index: 9999;}
.nav li:hover {background: #0E91A1;}
.nav li a {width: 100px; display: inline-block; color: #fff;}
.nav li a i {display: inline-block; width: 13px; height: 6px; background: url('../images/icon.png') -9px 0; margin-left: 4px; vertical-align: middle;}
.nav li:hover a i {background-position: -21px 0;}

.sub-nav {display: none; position: absolute; background: #0E91A1; top: 40px;}
.sub-nav a {display: inline-block; width: 100px; height: 40px;}
.sub-nav a:hover {background: #146C78;}
.nav li:hover .sub-nav {display: block;}

/*焦点图*/
.banner-box {position: relative; width: 100%; height: 400px; background: #f2f2f2; overflow: hidden;}
.banner-img {position: absolute; width: 1920px; height: 400px; left: 50%; margin-left: -960px; z-index: 1;}
.banner-img img {display: inline-block; width: 1920px; height: 400px;}

.banner-tab {position: absolute; width: 100%; text-align: center; bottom: 20px; z-index: 3;}
.banner-tab li {display: inline-block; width: 10px; height: 10px; margin: 0 6px; background-color: #0E91A1; border: 2px solid #0E91A1; opacity: .6;}
.banner-tab li.on {border-color: #0E91A1; background-color: #fff;}

/* 公共尾部 */
.footer {width: 100%; background: #0E91A1; padding: 20px 0;}
.footer .center {width: 1200px; margin: 0 auto;}
.footer .center li {position: relative; padding-left: 125px; margin-right: 12px; color: #fefeff; margin-bottom: 15px; font-size: 15px;}
.footer .center li label {position: absolute; top: 0; left: 0; color: #fefeff; width: 85px; text-align: right; font-size: 16px;}
.footer .center li .text-link a {display: inline-block; margin-right: 12px; color: #fefeff; line-height: 22px; }
.footer .center li.first .text-link a {width: 75px; text-align: left; margin-right: 35px;}
.footer .center li.last {margin-bottom: 0;}
.footer .center li .copyright, .footer .center li .tel, .footer .center li .address {margin-bottom: 5px; padding-top: 10px;}
.footer .center li.last a {color: #fefeff;}

/* 面包屑 */
.bread-crumb {width: 1160px; margin: 20px auto 0; font-size: 14px; background: #fff; padding: 20px;}
.bread-crumb a {color: #333; font-size: 12px;}
.bread-crumb a:hover {color: #0E91A1;}
.bread-crumb b {color: #333; padding: 0 2px; font-weight: normal;}

/*分页*/
.pages {text-align: center; margin: 20px 0 6px;}
.pages a, .pages span {background: #fff; border: 1px solid #EFEDE7; color: #666; margin-right: 4px; padding: 5px 12px; line-height: 20px;}
.pages a:hover {background: #0E91A1; color: #fff;}
.pages span {background: #0E91A1; color: #fff;}