@charset "UTF-8";

/**
 * common
 * @authors Your Name (you@example.org)
 * @date    2016-03-29 17:20:56
 * @version $Id$
 */

html, body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei UI','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', '微软雅黑', '黑体', '宋体', 'arial', 'sans-serif';
    color: #333;
    min-width: 1100px;
}

a {
    border: none;
    outline: none;
    color: #333;
    text-decoration: none;
    -webkit-transition: color 0.1s;
    -moz-transition: color 0.1s;
    -o-transition: color 0.1s;
    transition: color 0.1s;
}

a:hover {
    color: #0665bf;
}

img {
    border: none;
    outline: none;
}

h1, h2, h3, h4, ul, li, dl, ol,p,table,td ,dd{
    padding: 0;
    margin: 0;
}

ul, li, ol, dl, dt, dd {
    list-style: none;
}

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

.fl {
    float: left;
}

.fr {
    float: right;
}

.w1100 {
    width: 1100px;
    margin: 0 auto;
}

.w100 {
    width: 100%;
}

.center {
    margin: 0 auto;
}

.iln {
    display: inline;
}

.ibk {
    display: inline-block;
}

.bk {
    display: block;
}

.p_rel, .p-rel {
    position: relative;
}

.p_abs, .p-abs {
    position: absolute;
}
.none{
    display:block;
    width:0;
    height:0;
    overflow:hidden;
}
.cut{
    overflow:hidden;
}


/* PAGES BEGIN */
div.pages{
    text-align:left;
    margin:10px auto 40px;
}
div.pages li{
    display:inline-block;
    *display:inline;
    *zoom:1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size:1.4rem;
    margin:0 1px;
    height:28px;
    line-height:28px;
    border:1px solid #cecece;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
div.pages li a{
    display:block;
    padding: 0 12px;
    height:100%;
    color:#a5a5a5;
    font-size:12px;
}
div.pages li.on,div.pages li:not(.disable):hover{
    background:#0176c5;
    border-color: #0176c5;
}
div.pages li.on a,div.pages li:not(.disable):hover a{
    color:#fff;
}
div.pages li.disable a{
    color:#ccc;
}
/* PAGES END */

/* PAGEBREAK BEGIN */
ul.pagebreak{
    margin: 0 auto;
    text-align:center;
    overflow:hidden;
}
ul.pagebreak li{
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin:30px 5px;
}
ul.pagebreak li a{
    font-size:14px;
    font-family:'simsun','宋体';
    padding:0 3px;
    display:block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.pagebreak li.on a{
    color:#e20704;
    border-bottom:1px solid #e20704;
}

/* PAGEBREAK END */

/* NOITEM BEGIN */
div.noItem{
    height:300px;
    background:url('../images/noItem.jpg') no-repeat center;
}
/* NOITEM END */

/* PRELOAD BEGIN */
.preload{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background:#fff;
}
.spinner {
  width: 60px;
  height: 60px;
  background-color: #0670BA;
  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
  position:relative;
  top:45%;
}
.preloadTxt{
    width: 90px;
    margin: 0 auto;
    position:relative;
    top:52%;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/* PRELOAD END */

/* HEADER BEGIN */
header.header div.top{
    height: 30px;
    line-height: 30px;
    background: #efefef;
    font-size: 12px;
    font-family: 'simsun','宋体';
    color: #666;
    text-align: right;
}
header.header div.top a{
    color:#666;
}
header.header div.top a:hover{
    color:#0665bf;
}
header.header div.bottom{
    height:71px;
    margin:24px auto;
    overflow:hidden;
}
header.header div.bottom a.logo{
    display:block;
    width:228px;
    height:71px;
    background:url('../images/logo.png') no-repeat center;
    float: left;
}
header.header div.bottom div.slogan{
    height:71px;
    width:340px;
    overflow:hidden;
    float: left;
    background: url('../images/slogan.png') no-repeat right center;
}
header.header div.bottom div.slogan i{
    display:block;
    height:71px;
    overflow:hidden;
    width:3px;
    background:url('../images/icon_sprite_1.png') no-repeat 0 0;
    float: left;
}
header.header div.bottom div.top_tel{
    height:71px;
    background:url('../images/icon_sprite_1.png') no-repeat -251px 0;
    padding-left:55px;
    float: right;
}
header.header div.bottom div.top_tel span{
    display:block;
    font-size:15px;
    margin-top:11px;
}
header.header div.bottom div.top_tel strong{
    font-size:34px;
    font-family:'Arial';
    color:#e20704;
    font-weight:bold;
}
/* HEADER END */

/* NAV BEGIN */
nav.nav{
    height:48px;
    line-height:48px;
    background:url('../images/bg_nav_bg.png') repeat-x center;
   
    position:relative;
    top:0;
    left:0;
    width:100%;
    min-width:1100px;
    z-index:997;
}
nav.nav a{
    display:block;
    height:48px;
    line-height:48px;
    float: left;
    padding:0 24px;
    font-size:14px;
    color:#fff;
    background:url('../images/nav_item_line.png') no-repeat left center;
    position:relative;
}
nav.nav a.on,nav.nav a:hover{
	color:#fecd3f;
}
nav.nav a:first-child{
    background: none;
}
nav.nav a i{
    display:block;
    width:25px;
    height:17px;
    background:url('../images/icon_sprite_1.png') no-repeat -18px 0;
    position:absolute;
    z-index:1;
    top:0;
    right:25px;
}
/* NAV END */

/* FOOTER BEGIN */

section.footerNav{
    margin-top:40px;
    height:36px;
    line-height:36px;
    border-radius: 3px;
    overflow:hidden;
    text-align:center;
    position:relative;
    z-index:1;
    background:url('../images/bg_footerNav.jpg') repeat-x center;
}
section.footerNav a{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:0 14px;
    font-size:12px;
    line-height:12px;
    font-family:'simsun','宋体';
    color:#fff;
    border-left:1px solid #fff;
}
section.footerNav a:first-child{
    border:none;
}

footer.footer{
    margin-top:-18px;
    padding:55px 0 30px;
    overflow:hidden;
    position:relative;
    background:url('../images/bg_footer_mainbg.jpg') repeat center bottom;
}
footer.footer a.logo{
    display:block;
    width:228px;
    height:71px;
    background:url('../images/logo.png') no-repeat center;
    float: left;
    margin-top:25px;
}
footer.footer div.info{
    width:590px;
    margin-left:60px;
    float: left;
}
footer.footer div.info p{
    line-height:28px;
    font-family:'simsun','宋体';
    font-size:12px;
}
footer.footer div.info p i{
    display:block;
    width: 20px;
    height:20px;
    float: left;
    margin:4px 8px 0 0;
    background:url('../images/icon_footer_sprite.png') no-repeat 0 0;
}
footer.footer div.info p.tel i{
    background-position: 0 -26px;
}
footer.footer div.info p.addr i{
    background-position: 0 -54px;
}
footer.footer div.info p.email i{
    background-position: 0 -83px;
}
footer.footer div.info p.flinks i{
    background-position: 0 -111px;
}
footer.footer div.info p.flinks a{
    padding:0 14px;
    line-height:14px;
    border-right:1px solid #666;
}
footer.footer div.info p.flinks a:nth-child(2){
    padding-left:0;
}
footer.footer div.info p.copyright{
    color:#666;
    text-align:center;
}
footer.footer div.ercode{
    width:220px;
    float: right;
    text-align:center;
}
footer.footer div.ercode img{
    width:110px;
    height:110px;
    border:4px solid #d8d9d9;
}
footer.footer div.ercode span{
    font-size:12px;
    font-family:'simsun','宋体';
    color:#666;
    line-height:28px;
    display:block;
}
/* FOOTER END */

/* POSITION BEGIN */
section.position{
    height:58px;
    line-height:58px;
    background:#f4f4f4;
    border-bottom:1px solid #dedede;
    color:#666;
}
section.position i{
    display:block;
    width:21px;
    height:26px;
    float: left;
    margin:15px 15px 0 7px;
    background:url('../images/icon_sprite_1.png') no-repeat -165px -290px;
}
section.position a{
    color:#666;
}
section.position a:hover{
    color:#0665bf;
}
/* POSITION END */

/* QUICK BEGIN */
section.quick{
    margin-top:50px;
}
section.quick fieldset{
    border:1px solid #ccc;
    padding:15px 18px 10px;
}
section.quick fieldset legend{
    font-size:22px;
    margin-left:10px;
    padding:0 5px;
}
section.quick fieldset p{
    margin:0 0 15px 0;
    line-height:28px;
}
section.quick fieldset a{
    color:#666;
    margin:0 8px;
}
section.quick fieldset a:hover{
    color:#0665bf;
}
section.quick fieldset a.t{
    height:26px;
    line-height:26px;
    display:inline-block;
    width:100px;
    text-align:center;
    color:#666;
    border:1px solid #ccc;
}
section.quick fieldset a.t:hover{
    color:#e20704;
}
section.quick fieldset a i{
    color:#e20704;
    font-size:14px;
    font-style:normal;
    font-family:'simsun','宋体';
}
/* QUICK END */

section.subBanner {
    background: rgba(0, 0, 0, 0) none no-repeat scroll center center;
    height: 286px;
}

/* MSGBOX BEGIN */
div.showMsg{
    width:510px;
    height:384px;
    border:8px solid #3fa0fd;
    padding:10px;
    background:#fff;
}
div.showMsg div.msgTitle{
    height:44px;
    line-height:44px;
    border-bottom:1px solid #ccc;
    color:#fa4c06;
    font-size: 16px;
    font-weight: bold;
}
div.showMsg div.msgBody{
    width:425px;
    margin:0 auto;
    color:#555;
}
div.showMsg div.msgBody div.tips{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin:14px auto;
}
div.showMsg div.msgBody p{
    margin:15px auto;
    height:33px;
    line-height:33px;
    text-align:right;
    font-size:14px;
}
div.showMsg div.msgBody p.h{
    height:72px;
}
div.showMsg div.msgBody p:after{
    content:'.';
    display:block;
    overflow:hidden;
    width:0;
    clear:both;
    zoom:1;
}
div.showMsg div.msgBody p input{
    float: right;
    width:288px;
    height:33px;
    padding:0 6px;
    border:1px solid #d2d2d2;
    background: #f7f7f7;
    margin:0 20px 0 15px;
}
div.showMsg div.msgBody p textarea{
    float: right;
    width:288px;
    height:72px;
    padding:3px 6px;
    border:1px solid #d2d2d2;
    background: #f7f7f7;
    margin:0 20px 0 15px;
    resize:none;
}
div.showMsg div.msgBody p a.btnSub{
    display:block;
    width:303px;
    height:35px;
    line-height:35px;
    background:#f00;
    color:#fff;
    float: right;
    margin-right:20px;
    text-align:center;
    font-size:16px;
    letter-spacing:3px;
}
/* MSGBOX END */

/* RIGHTSIDEBAR BEGIN */
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1470722810'); /* IE9*/
  src: url('fonts/iconfont.eot?t=1470722810#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff?t=1470722810') format('woff'), /* chrome, firefox */
  url('fonts/iconfont.ttf?t=1470722810') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg?t=1470722810#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-service:before { content: "\e6c7"; }
.icon-less:before { content: "\e6a5"; }
.icon-edit:before { content: "\e69e"; }
.icon-phone:before { content: "\e725"; }
.icon-rexian:before { content: "\e67c"; }


div.rightSideBar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    *top: 15%;
    top: 15%\9;
    right: 5px;
    height: auto;
    width: 65px;
    z-index: 998;
    padding-top: 1px;
    background-color: #fbfbfb;
    border: 1px solid #edecec;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=0, Strength=5);
    -moz-box-shadow:0 0 5px #ddd;
    -webkit-box-shadow:0 0 5px #ddd;
    box-shadow:0 0 5px #ddd;
}
div.rightSideBar div.mods{
    position: relative;
    border: 0;
    z-index: 1;
}
div.rightSideBar div.mods .item{
    height:58px;
    width:65px;
    padding:5px 0;
}
div.rightSideBar div.mods .item a{
    display:block;
    width:65px;
    text-align:center;
}
div.rightSideBar div.mods .item a i{
    display: block;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
}
div.rightSideBar div.mods .item.tel{
    position: relative;
}
div.rightSideBar div.mods .item.tel div.rightSideTel{
    position:absolute;
    width:130px;
    height:0;
    line-height:58px;
    left:-132px;
    top:-10px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    background-color: #fbfbfb;
    border: 1px solid #edecec;
    border-right:none;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=0, Strength=5);
    -moz-box-shadow:0 0 5px #ddd;
    -webkit-box-shadow:0 0 5px #ddd;
    box-shadow:0 0 5px #ddd;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index:-1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow:hidden;
}
div.rightSideBar div.mods .item.tel:hover div.rightSideTel{
    top:5px;
    opacity: 1;
    filter: alpha(opacity=100);
    height:58px;
}
/* RIGHTSIDEBAR END */

ul#nav > li > ul{
	background-color:#fff;
}
ul#nav > li > ul >li > a{
	display: block;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size:16px;
}
ul#nav > li > ul >li > a:hover{
	background-color:#ca8d2c;
	color: #fff;
}

/* NAV BEGIN */
nav.nav{
    height:48px;
    line-height:48px;
    background:url('../images/bg_nav_bg.png') repeat-x center;
    /*overflow:hidden;*/
    position:relative;
    top:0;
    left:0;
    width:100%;
    min-width:1100px;
    z-index:997;
}
nav.nav ul#nav li{
    float: left;
    position:relative;
}
nav.nav ul#nav li > dl{
    display: none;
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    background: #0e69b5;
    border-radius: 0 0 5px 5px;
}
nav.nav ul#nav li:hover > dl{
    display:block;
}
nav.nav a{
    display:block;
    height:48px;
    line-height:48px;
    /*float: left;*/
    padding:0 21px;
    font-size:14px;
    color:#fff;
    background:url('../images/nav_item_line.png') no-repeat left center;
    position:relative;
}
nav.nav a.on,nav.nav a:hover{
	color:#fecd3f;
}
nav.nav li > a:first-child{
    background: none;
}
nav.nav a i{
    display:block;
    width:25px;
    height:17px;
    background:url('../images/icon_sprite_1.png') no-repeat -18px 0;
    position:absolute;
    z-index:1;
    top:0;
    right:25px;
}
/* NAV END */