﻿@charset "utf-8";

/* css reset ( HTML 5 version )*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfooter, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footerer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {font-size:14px;font-family:Verdana;line-height:2em;-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,
footerer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
img{display:block;}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1;}
.clear{clear:both;}

/* css.css start here */
body{font:14px/2em 微软雅黑;color:#444;min-width:1000px;_width:expression(document.body.clientWidth>1000?'auto':'1000px');padding-top:130px;}
a{color:#444;}
a:hover{color:#f00;}
ul{list-style-type:none;}
.css3{behavior:url(images/PIE-2.0beta1/PIE.htc)}

/*站点宽度*/
.inner{width:1200px;margin:0 auto;zoom:1;}
.inner:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}

/*高度--模块间距*/
.b1{clear:both;height:20px;}

/*整体的背景色*/
.bg{background:#F39800;}
.first-bg{background:#005da2;}

/*浮动*/
.fr{float: right;}
.fl{float: left;}

/*页头*/
.logo{float:left;}
.header{height: 130px;background: rgba(255,255,255,0.8); position:fixed; top: 0;left: 0;right: 0;z-index: 999;border-bottom: 1px #F39800 solid;}
.top{height:60px;line-height:60px;margin:0 auto;}
.header .top .inner .fr .tel .fa{color: #F39800;border: 1px solid #F39800;border-radius: 20px;width: 25px;height: 25px;text-align: center;line-height: 25px;margin-right: 5px;font-size: 14px;}
.header .top .inner .fr .tel{margin-left: 20px;}
.header .top .inner .fr .tel:hover{color: #F39800;}

/*导航*/
.menu{height: 70px;}
.header .menu .inner .fr li{float: left;line-height: 70px;text-align: center;}
.header .menu .inner .fr .now{background: #F39800;}
.header .menu .inner .fr .now a{color: #fff;font-size: 16px;}
.header .menu .inner .fr li:hover{background: #F39800;}
.header .menu .inner .fr li:hover a{color: #fff;font-size: 16px;}
.header .menu .inner .fr li a{color: #444;width: 90px;height:70px;display: block;}

/*banner*/
#banner-box{width:100%; max-width:1920px;min-width:1200px;margin:0px auto;height:600px;overflow:hidden;position:relative;padding-top:-40px;}
.banner-inner{height:55px;margin:0px auto}
.banner-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;min-width:1200px;}
.banner-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2}
.banner-nav-fix{position:fixed;left:0px;top:82px;z-index:3}
.banner-nav{width:100%}
.banner-nav ul {width:1000px;margin:0px auto}
.banner-nav li {float:left;display:inline;width:112px;height:55px;font-size:14px;padding:5px 43px 0px 43px;cursor:pointer;position:relative;margin:0px 1px}
.banner-nav li div{width:110px;height:55px;padding:5px 43px 0px 43px;position:absolute;left:0px;top:0px;z-index:5;background:#F39800;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.5}
.banner-nav li a span{display:block;height:36px;width:60px;margin:3px auto 0px auto;background:url(../images/icon-banner.png) no-repeat;}
.banner-nav li a.bg1 span{background-position:0px 2px}
.banner-nav li a.bg2 span{background-position:-74px 2px}
.banner-nav li a.bg3 span{background-position:-145px 2px}
.banner-nav li a.bg4 span{background-position:-221px 2px}
.banner-nav li a.bg5 span{background-position:-295px 2px}
.banner-nav li a.bg6 span{background-position:-340px 2px}
.banner-nav li a{display:block;float:left;position:absolute;left:0px;top:0px;color:#fff;z-index:6;padding:5px 43px 0px 43px;display:inline;width:110px;height:65px;padding-top:5px;text-align:center}
.banner-nav li.current{cursor:default}
.banner-nav li.current div{width:95px;height:95px;background:none;}
.banner-nav li.current a{color:#333;cursor:default;background:#eee;}
.banner-nav li.current a.bg1 span{background-position:0px -32px}
.banner-nav li.current a.bg2 span{background-position:-74px -32px}
.banner-nav li.current a.bg3 span{background-position:-145px -32px}
.banner-nav li.current a.bg4 span{background-position:-221px -32px}
.banner-nav li.current a.bg5 span{background-position:-295px -32px}
.banner-nav li.current a.bg6 span{background-position:-340px -32px}
.banner-list{position:absolute;height:600px;position:absolute;z-index:2;overflow:hidden;width:100%}
.banner-list li{width:100%;min-width:1200px;height:600px;text-align:center;float:left;display:inline-block}
.banner-list li .animate-box {width:1200px;margin:0px auto;position:relative}
.banner-list li .animate-box .t-d{position:absolute;width:400px;left:20px;top:200px}
.banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:30px;text-align:left;color:#fff}
.banner-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left}
.banner-list li .animate-box .animate-img{position:absolute;top:50px;right:0px}
.slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";}
.slider-btn:hover{color:#fff;background:#c80106;}


/* 分页 */
#pages { padding:14px 0 10px; font-family:微软雅黑;text-align:center;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 {width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#008fd7; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../images/titlebg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

/*页尾*/
.footer {background:#F39800;width:100%;min-width:1200px;padding-top:40px;margin-top:40px}
.footer .about_footer{float: left;width: 30%;margin-right: 50px;}
.footer .about_footer .title {font-size:12px;color:#f1f1f1;line-height:50px}
.footer .about_footer .title span {font-size:18px;color:#fff}
.footer .about_footer .title:hover {color:#fff}
.footer .about_footer img{width: 100%;}
.footer .about_footer p{color: #fff;}
.footer .info {width:36%;}
.footer .info .title {font-size:12px;color:#f1f1f1;line-height:50px}
.footer .info .title span {font-size:18px;color:#fff}
.footer .info .title:hover {color:#fff}
.footer .info ul {margin-left:-20px}
.footer .info li {float:left;width:45%;padding-left:20px}
.footer .info li a {display:block;border-bottom:1px dashed #fff;height:35px;line-height:35px;font-size:13px;color:#fff;}
.footer .info li a:hover {color:#fff}
.footer .con {float:right;width:25%}
.footer .con .logo img{display:block;margin-bottom:20px}
.footer .con p {color:#fff;font-size:13px;padding:5px 0}
.footer .con a.btn {display:inline-block;width:35px;height:35px;border-radius:35px;background:#333;color:#fff;text-align:center;line-height:35px;font-size:16px;margin-top:10px;margin-right:10px}
.footer .con a.shouji {display:none}
.footer .con a.qq {background:url(../images/foot_qq.png)}
.footer .con a.weixin {background:url(../images/foot_weixin.png);position:relative}
.footer .con a.weixin .ewm {position:absolute;bottom:50px;left:-42px; visibility:hidden;opacity:0}
.footer .con a.weixin:hover .ewm {visibility:visible;bottom:40px;opacity:1}
.copyright {width:100%;height:55px;line-height:55px;background:#F8F8F8;font-size:13px;margin-top:40px;color:#666}
.copyright a {color:#F39800;font-size:13px}
.copyright a:hover {color:#F39800}
.copyright .fl .bb {margin-right:20px}


.more_in {width:240px;height:46px;overflow:hidden;border-radius:30px;text-align:center;line-height:46px;font-size:12px;color:#838383;border:1px solid #DFDFDF;display:block;margin:30px auto}
.more_in:after {content:'';height:46px;background:#F39800;width:0;display:block;margin-top:-46px;transition:all 0.3s}
.more_in i {text-indent:-5px;opacity:0}
.more_in:hover {border:1px solid #F39800;color:#fff}
.more_in:hover:after {width:100%}
.more_in:hover i {text-indent:5px;opacity:1}


























