@charset "utf-8";
/**
 * common stylesheet file
 *
 * @author: Wang taohong <wangtaohong@123.com.cn>
 * @link: 
 * @copyright: 
 */
/*============================================
  reset 
 =============================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    text-decoration: none;
    color: inherit;
    color: #333;
}
a:hover{
    color: #ffa100;
}
img {
    display: block;
    border: 0 none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font: 14px/20px PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
    *font-family:  "Microsoft YaHei";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}
input, select, button { 
    font-family: "Microsoft YaHei", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    outline: none;
}
button {
    border: none; 
}
/*============================================
  common 
 =============================================*/
/*display*/
.show {
    display: block !important;
}
.hide {
    display: none !important;
}
.hiddden {
    visibility: hidden;
}
/*文字*/
.tc {
    text-align: center !important;
}
.tr {
    text-align: right !important;
}
/*浮动*/
.fl {
    float: left;
    *display: inline;
}
.fr {
    float: right;
    *display: inline;
}
.fc {
    float: center;
    *display: inline;
}
.clearfix, .container {
    *zoom: 1;
}
.clearfix:after, .container:after {
    content: "";
    display: table;
    line-height: 0;
    font-size: 0;
    clear: both;
}
ul.clearfix > li, ol.clearfix > li {
    float: left;
}
.container {
    width: 1200px;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/*图片*/
.transition img {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.transition img:hover {
    -moz-transform: scale(1.05) !important;
    -webkit-transform: scale(1.05) !important;
    -o-transform: scale(1.05) !important;
    -ms-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
}
/*间距*/
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.ml20 {
    margin-left: 20px;
}
/*头部*/
.header {
    position: relative;
    width: 100%;
    min-width: 1200px;
    z-index: 10;
}
.banner img {
    min-width: 1200px;
}

.slideBox {
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    border: 1px solid #ddd;
}

.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #baaf9d;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd img {
    width: 100%;
    min-width: 1200px;
    display: block;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ 
    position:absolute; 
    left:20px; 
    top:50%; 
    display:block; 
    width:64px; 
    height:64px; 
    margin-top:-25px; 
    background:url(../../images/prev-next.png) 0 0 no-repeat;   
    filter:alpha(opacity=80);
    opacity: .8;  
}
.slideBox .next{ 
    left:auto; 
    right:20px; 
    background-position:-70px 0; 
}
.slideBox .prev:hover,
.slideBox .next:hover{ 
    filter:alpha(opacity=100);
    opacity:1;  
}
.slideBox .prevStop{ 
    display:none;  
}
.slideBox .nextStop{ 
    display:none;  
}



.nav > ul {
    margin: 8px 0 0 40px;
    font-size: 16px;
    color: #fff;
}
.nav > ul,
.nav > ul > li {
    float: left;
}
.nav > ul > li {
    position: relative;
    height: 80px;
    line-height: 80px;
    /*margin-left: 56px;*/
    margin-left:25px;
}
.nav > ul > li.active,
.nav > ul > li:hover {
    border-bottom: 2px solid rgb(255, 101, 55);
}
.nav > ul > li > a {
    display: block;
    padding: 0 15px;
    color: #333;
}
.nav-son {
    position: absolute;
    top: 95px;
    left: 0;
    display: none;
    width: 120px;
    text-align: center;
}
.nav-son > ul {
    background: #fff;
} 
.nav-son ul li {
    position: relative;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.nav-son ul li:hover {
    background: rgb(255, 101, 55);
    
}
.nav-son ul li:hover > a {
	color: #fff;
}
.nav-son li a {
	display: block;
    color: #333;
}

/*更多按钮*/
.more-btn {
    display: block;
    width: 165px;
    height: 50px;
    line-height: 50px;
    margin: 70px auto 50px;
    border-radius: 25px;
    background: rgb(255, 101, 55);
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.more-btn:hover {
	color: #fff;
}
/*标题*/
.module {
	margin: 110px auto 50px; 
}
.module .title {
	width: 488px;
	height: 56px;
	background: url(../../images/title-bg.png) no-repeat;
	margin: 0 auto 70px;
}
.module .title h4 {
	font-size: 50px;
	text-align: center;
	color: rgb(255, 101, 55);
}
.module .title p {
	margin-top: 20px;
	font-size: 14px;
	color: #333;
	text-align: center;
}
/*内页标题*/
.com-con-title {
	width: 100%;
	height: 20px;
	margin-top: 40px;
	border-bottom: 1px dashed #eee;
}
.com-con-title p {
	width: 130px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	font-size: 30px;
	color: rgb(246, 124, 1);
}
/*底部*/
.footer {
    width: 100%;
    margin-top: 60px;
    padding-bottom: 50px;
    background: #202020;
    border-top: 2px solid #ff6637;
    color: #f2f2f2;
}
.footer ul {
    margin-top: 40px;
}
.footer ul .infor {
    line-height: 30px;
    margin: 20px 0 0 60px;
    font-size: 16px;
}
.footer ul .infor i {
	display: inline-block;
	height: 28px;
	margin: 0 15px -5px 0;
	background: url(../../images/spirites.png) no-repeat;
}
.footer ul .infor i.icon1 {
	width: 29px;
	background-position: -39px 0;
}
.footer ul .infor i.icon2 {
	width: 29px;
	background-position: 0 0;
}
.footer ul .infor i.icon3 {
	width: 31px;
	background-position: -78px 0;
}
.footer ul .infor p:first-child {
	margin-top: -15px;
}
.footer ul .infor p {
	margin-top: 10px;
}
.footer ul .code {
    float: right;
}
.footer ul .code img {
    float: left;
    width: 127px;
    height: 127px;
    margin-left: 30px;
}


/*面包屑*/
.bread-crumbs {
	width: 100%;
	height: 49px;
	line-height: 49px;
	background: url(../../images/about-bg.png) no-repeat;
}
.bread-crumbs span {
	font-size: 20px;
	font-weight: bold;
}

/*分页*/
.page {
	display: table;
	margin: 40px auto 0;
}
.page ul li {
	margin-left: 10px;
}
.page ul li a,.page ul li span {
	padding: 5px 10px;
	border: 1px solid #eee;
	font-size: 14px;
	color: #999;
}
.page ul li span {
	cursor: pointer;
}
.page ul li a:hover {
	background: #ff6637;
	border: 1px solid #ff6637;
	color: #fff;
}


/*三级菜单*/
.nav-grandson {
    display: none;
    position: absolute;
    left: 101%;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 143px;
}
.nav-grandson ul {
    background: #f5f5f5;
}
.nav-grandson ul li {
    padding: 0 15px;
    text-align: left;
}